Category: User Interface Design
-
Different Component States
In designing the user interface (UI) of an app, it is common to start with the design of the populated state of the UI. As designers, we envision perfect scenarios, common flows, and predictable results. This, understandably, contains the bulk of work a designer has to face. It contains all sorts of issues that need…
-
The Outline: That Thing Before the Wire Frame
As UI designers, it’s easy to jump into sketching UIs through wire frames. Afterall, UIs are commonly visual. But taking a careful step of planning before sketching is a rewarding way of ensuring that the information embedded into the UI is well-thought of. Just like it making speeches or writing articles, the writer may create…
-
Building a Technical Vocabulary
As front-end designers, we are using patterns over and over again – we are employing specific techniques to answer specific needs. But what we lack is a term, a name tag for those methods. It’s simply like the Flying V of The Mighty Ducks! So far, I’ve added Padding and Framing to my vocabulary. Let’s…
-
Component Master List: Elements of Information Structure
In this post, we will discuss Elements of Information Structure. We’ll use google.com as an example to demonstrate how information is structured in such a way that all its elements are identifiable in singles and in groups. Elements of Information Structure Contents of web sites and apps can be called “information” – these are words,…