I heart wireframes is a collection of user contributed wireframes.
I ♥ wireframes
This article describes the following about wireframes:
- What are they?
- Why do we use them?
- When should they be used?
- What are the different types?
- How are they used in a project life cycle?
- Why are they important?
The what, when and why of wireframes
If you don’t want to read the post, you can choose to watch a 5 minute presentation of it below.
The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments or the web. Of late, many web applications have reflected a lack of understanding of many of these principles of interaction design, to their great detriment. Because an application or service appears on the web, the principles do not change. If anything, applying these principles become even more important.
Written in 2004 by Bruce Tognazzini but applicable today and tomorrow.
First Principles of Interaction Design
The International Journal of Mobile Human Computer Interaction (IJMHCI) brings together a comprehensive collection of research articles from international experts on the design, evaluation, and use of innovative handheld, mobile, and wearable technologies.
This journal will also consider issues associated with the social and/or organizational impacts of such technologies. Emerging theories, methods, and interaction designs are included and complemented with case studies, which demonstrate the practical application of these new ideas.
International Journal of Mobile Human Computer Interaction (IJMHCI)
The author started writing this article with an emphasis on the financial domain. She then realized that she wanted to broaden the focus because her findings were also applicable to a general domain like email account registrations, for example. In this article, she takes a simple example of how users register for an email account online. For a first timer, is the transition from a real world of letter writing to the online medium easy? And for a frequent user, is he or she motivated enough to create an email account with another service provider?
Getting a Form’s Structure Right: Designing Usable Online Email Applications
.
Page layout forms the foundation in presenting search results. Your layout decisions for search results pages will have tremendous impact on the user experience for your entire site. Choosing the right width for search results is important, and the optimal width for search results may be a great deal narrower than some people using big monitors would believe.
Choosing the Right Search Results Page Layout: Make the Most of Your Width
A faceted search system responds to a query by returning a set of documents intended to match the search terms, and also provides a set of facets that offer the user directions for query refinement. This faceted search approach, however, does not specify how those two sets (the results and the facets) should be presented to the user. An application may choose to present both sets in the same view or may initially present only one set, that is, the results or the facets.
Is there an optimal way to make these choices? The short answer is no: different applications and user needs motivate different design choices. What we can do, however, is enumerate a few options and discuss their relative merits.
Front End Concerns When Implementing Faceted Search - Part 1
Front End Concerns When Implementing Faceted Search - Part 2
Update (Feb 11, 2010): New Android GUI PSD v. 2.0
Photoshop file with elements of Android GUI. You can use Android GUI PSD for all of your projects. It was made to help open-source community with Android applications mock-ups.
- More resizable phone illustration
- More basic screens
Android GUI PSD Vector Kit V 2.0
Android GUI Starter Kit is a set that comes with several button elements as well as different interface options for Android GUI. Android GUI PSD is based on elements of Android 1.5 GUI and was made to help the open-source community with Android applications mock-ups. Most of the elements and phone illustration are made in vector path so they are easily resizable. For text, Android Sans was used.
Android GUI PSD Vector Kit V1.0
Abstract
The work is devoted to a problem of search of metaphors for interactive systems and systems based on Virtual Reality (VR) environments. The analysis of magic fairy tales as a source of metaphors for interface and virtual reality is offered. Some results of design process based on magic metaphors are considered.
Conclusions
Our preliminary research shows the applicability of “magic” metaphors for tasks in the interactive systems and systems basing on virtual reality environments. For example, the search of metaphors of moving in virtual environments may be needed magic transportation techniques, such as teleports and flights of various types (the flying carpet, the flying ship, Roc, a winged horse). And metaphors of intellectual agents-informants may be based on magic means of navigation.
Magic Fairy Tales as Source for Interface Metaphors
.
Cooper created an interaction design methodology known as Goal-Directed Design. Their methodology identifies the goals and behaviors of users and directly translates them into the design. UIE’s Christine Perfetti recently had the chance to talk with Kim Goodwin , VP Design & General Manager at Cooper (www.cooper.com), about Goal-Directed Design and personas.
Goal-Directed Design: An Interview with Kim Goodwin