background preloader

User Interface design

Facebook Twitter

Efficiently Simplifying Navigation, Part 3: Interaction Design. Advertisement Having addressed the information architecture1 and the various systems2 of navigation in the first two articles of this series, the last step is to efficiently simplify the navigation experience — specifically, by carefully designing interaction with the navigation menu.

Efficiently Simplifying Navigation, Part 3: Interaction Design

When designing interaction with any type of navigation menu, we have to consider the following six aspects: Infographic-Mobile-App-Design-It’s-the-Rule-of-Thumbs.jpg (Image JPEG, 1844 × 6526 pixels) - Redimensionnée (10%) From Google Ventures: 5 Rules For Writing Great Interface Copy. For many technology companies, design is mysterious.

From Google Ventures: 5 Rules For Writing Great Interface Copy

So when I work with startups, I try to demystify design by talking about processes and skills. The idea is: Design is not a magical creative thing that designers are blessed to do. It's rational and objective, and the components are pretty easy to understand. The Elements Of Navigation. Advertisement When users look for information, they have a goal and are on a mission.

The Elements Of Navigation

Even before you started to read this article, chances are you did because you either had the implicit goal of checking what’s new on Smashing Magazine, or had the explicit goal of finding information about “Navigation Design”. After a couple of seconds of scanning this article, and maybe reading parts of the introduction, you may have started to ask yourself whether the information that you’re consuming at the moment is actually relevant to you—the user.

Unfortunately (and as certain as death and taxes), if users cannot find the information they are looking for, chances are they will abandon their track, never to return. iPad : conception et ergonomie de l’interface. Dans un article précédent nous avons étudié les secteurs d'activité où l'iPad s'est rapidement implanté et les usages qu'il permet.

iPad : conception et ergonomie de l’interface

Clear: A To-Do List App With A UI From The Future. To-do list apps are lame.

Clear: A To-Do List App With A UI From The Future

Why? Because managing the system--learning how to input items, strike them out, sync them, tag them--is often more complicated than low-tech methods like writing something on a Post-it. But people still keep inventing them. The latest, an iPhone app called Clear, is at least interesting for what it doesn’t do. It doesn’t sync. As you can see from the demo video, Clear boils basic to-do list functionality down to something like a pure sensory experience.

Interaction-design greybeards like Donald Norman and Jakob Nielsen would say Clear’s gestural UI breaks two fundamental rules: "Visibility (also called perceived affordances or signifiers)" and "Discoverability: All operations can be discovered by systematic exploration of menus. " But designer Francisco Inchauste disagrees. Home. Part 2: Backgrounds, Forms, and Texture » Galpin Industries - Pixels Straight From Canada. Backgrounds Backgrounds in design are helpful in visually explaining what content is important, and what’s not. They set hierarchy in elements, and can be effective in “setting the stage” for the rest of the site. One thing to keep in mind is that backgrounds should be true to the very definition of the word – it belongs in the background, and should always compliment or emphasize the content, not overpower it. Restraint is key.

Articles on web usability. User Experience Design. Definitions User Experience "User Experience (abbreviated: UX) is the quality of experience a person has when interacting with a specific design.

User Experience Design

Website Stencil Kit — UI Stencils. New design coming soon.

Website Stencil Kit — UI Stencils

Brainstorm website and app ideas with ease using our precision cut Website Stencil Kit. Wireframe quickly and efficiently with the most commonly used iconography and interaction techniques. The kit includes:-Stainless steel stencil with all your favorite user interface iconography- 8 1/16 x 3 inches-Zebra mechanical pencil-Plastic protector-2 UI Stencils Stickers-Downloadable .PDF letter or A4 paper template This kit works with our Responsive Sketch Pad or our Browser Sketch pad New design coming soon. Design For Efficiency: Photoshop Techniques & Templates. Yep, it's me again.

Design For Efficiency: Photoshop Techniques & Templates

The pro-process designer who wants you to use smart objects and break those awful Photoshop habits. An Extensive Guide To Web Form Usability - Smashing UX Design. 10 Simple and Impressive Design Techniques - Smashing Magazine. Advertisement Complex design techniques are often time-consuming and, well, complex.

10 Simple and Impressive Design Techniques - Smashing Magazine

Some of these advanced effects1 can add plenty of depth to designs, but when used in the wrong place, they do little more than distract viewers from the project’s intended focus. 30 Usability Issues To Be Aware Of - Smashing UX Design. Advertisement You don’t have to agree upon everything.

30 Usability Issues To Be Aware Of - Smashing UX Design

As a professional web developer you are the advocate of your visitors’ interests and needs; you have to protect your understanding of good user experience and make sure the visitors will find their way through (possibly) complex site architecture. And this means that you need to be able to protect your position and communicate your ideas effectively — in discussions with your clients and colleagues. In fact, it’s your job to compromise wrong ideas and misleading concepts instead of following them blindly. In this context nothing can support you more than the profound knowledge of fundamental issues related to your work. 12 Useful Techniques For Good User Interface Design - Smashing UX Design.

Advertisement Last week, we presented 10 Useful Web Application Interface Techniques, the first part of our review of useful design trends in modern Web applications. 52 Weeks of UX. 20 Websites to Help You Master User Interface Design. By Jacob Gube As web technologies progress, websites and web applications are becoming more responsive, providing us with more ways and techniques to interact with the users.

Buttons

Icons. Mockup. Essential Books for User Interface Designers. If you are looking to stock your library, you can’t go wrong with this list of books. These are the books that are literally on my desk, listed in order from top of the stack to the bottom. The Visual Miscellaneum: A Colorful Guide to the World’s Most Consequential Trivia. Designing Interactions by Bill Moggridge - Asiaing.com: Free eBooks, Free Magazines, Free Magazine Subscriptions. Designing Interactions: by Bill Moggridge, The MIT Press, October, 2006 "This is one hell of a book.... Part history lesson, part computer science thesis, part design education, part personal design philosophy, it is fascinating, inspirational, occasionally baffling, and often hilarious.

" -- Helen Walters, BusinessWeek.com "This will be the book--the book that summarizes how the technology of interaction came into being and prescribes how it will advance in the future. Written by the designer who was there, who helped make it happen, who pioneered the digital revolution. 50+ Pixel Perfect UI designs from Dribble.

Some have called Dribbble “A twitter for creatives.” Little Big Details. Quelques conseils pour designer une interface.