Top

Code: Front-End Development

UXmatters has published 9 articles on the topic Front-End Development.

Top 3 Trending Articles on Front-End Development

  1. Designing UX: Prototyping

    July 10, 2017

    This is a sample chapter from Ben Coleman and Dan Goodwin’s new book Designing UX: Prototyping. 2017 SitePoint.

    Chapter 7: Building HTML Prototypes

    Cover of Designing UX: PrototypingWhen we say HTML prototypes, we mean a Web site comprising HTML markup, CSS for presentation, and JavaScript for additional interactivity. It may be a simple HTML Web site, or a Web site that runs on a framework or content management system (CMS).

    This chapter is not a detailed step-by-step guide, nor will it teach you how to use HTML, CSS, JavaScript, or frameworks. It aims to help you understand all the options for creating HTML prototypes and their benefits. You’ll find out what’s needed to get started, and gain some guidance on how to approach creating an HTML prototype. We’ll also include some real-life prototyping case studies from some of the projects we’ve worked on at fffunction.

    After reading this chapter, you should be able to make an informed decision as to what approach will suit you and your project. Read More

  2. UX Design Defined

    June 18, 2012

    Unfortunately, in the field of user experience, people often confuse terms like information architecture, interaction design, visual design, usability engineering, and UX design. In some cases, people use these terms almost interchangeably. This article provides a lexicon of these terms and more clearly defines the role of the user experience designer.

    Information Architecture

    Information architecture (IA) focuses on the organization of data—that is, how data is structured from a user’s perspective, as opposed to the system, or technical, perspective.

    At the level of an entire Web site, or application, information architecture determines what data is on each page and how pages relate to each other. For example, defining a site map is an IA activity. At the level of an individual page layout, information architecture ensures that data is logically grouped and interrelated. Read More

  3. From Wireframes to Code, Part I

    December 20, 2010

    Within many companies, the use of wireframes in user experience design can be a contentious issue. People typically think of wireframes simply as artifacts designers create when generating design concepts, then later discard. Why not create a design artifact that is not disposable, but instead, one your team can convert to actual production code? Is this Holy Grail of the design process a good idea? Is it even possible? Or does the answer depend on the project, the team, and its agility? This first part in a two-part series takes an in-depth look at the process of converting wireframes to code. Read More

Sponsor Advertisement
Continue Reading…

Columns on Front-End Development

Supporter Advertisement
Continue Reading…

New on UXmatters

Champion Advertisement
Continue Reading…