User Interface design

TwitterFacebook
Get flash to fully experience Pearltrees

The Elements Of Navigation

When users look for information, they have a goal and are on a mission. 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. http://uxdesign.smashingmagazine.com/2012/03/20/the-elements-of-navigation/

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. Allons un peu plus loin aujourd'hui. Pour replacer le contexte, une étude de comScore de juin 2011 montrait que l'iPad représentait 89% du trafic mondial de données sur tablette. L'iPad est donc actuellement hégémonique sur ce marché et c'est lui qui définit les conventions d'interactions sur tablettes . Plus globalement, l'usage du PC recule : les ventes ont chuté de 3,2% au premier trimestre 2011 ( article de tablette-tactile.net ). Celui des tablettes lui explose : 1,45 millions de tablettes vendu en France en 2011, soit plus que les PC de salon ! http://www.ergonomie-interface.com/mobile-tactile-nomade/ipad-conception-ergonomie-application/
http://www.fastcodesign.com/1668915/clear-a-to-do-list-app-with-a-ui-from-the-future To-do list apps are lame. 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.

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

The UI Guide | Part 2: Backgrounds, Forms, and Texture » Galpin Industries - Pixels Straight From Canada

http://galp.in/blog/2011/10/04/the-ui-guide-part-2-bg-forms-texture/ 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.
Definitions User Experience "User Experience (abbreviated: UX) is the quality of experience a person has when interacting with a specific design.

User Experience Design

http://konigi.com/wiki/user-experience-design

Website Stencil Kit — UI Stencils

http://www.uistencils.com/products/website-stencil-kit 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 -Zebra mechanical pencil -Plastic protector -2 UI Stencils Stickers -Downloadable .PDF letter or A4 paper template This kit works precisely with our Browser Sketch Pad .
http://viget.com/inspire/free-psd-design-templates

Design For Efficiency: Photoshop Techniques & Templates | Viget Inspire

Yep, it's me again. The pro-process designer who wants you to use smart objects and break those awful Photoshop habits . Are you noticing a theme yet?
http://uxdesign.smashingmagazine.com/2011/11/08/extensive-guide-web-form-usability/

An Extensive Guide To Web Form Usability - Smashing UX Design

Contrary to what you may read, peppering your form with nice buttons, color and typography and plenty of jQuery plugins will not make it usable. Indeed, in doing so, you would be addressing (in an unstructured way) only one third of what constitutes form usability. In this article, we’ll provide practical guidelines that you can easily follow.
Complex design techniques are often time-consuming and, well, complex. Some of these advanced effects 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. These effects may be precisely what a design needs to have the impact it requires, but even in these cases, they should be complemented by simpler effects. Simple effects and techniques are the building blocks of today’s designs. http://www.smashingmagazine.com/2009/04/02/10-impressive-simple-design-techniques/

10 Simple and Impressive Design Techniques - Smashing Magazine

30 Usability Issues To Be Aware Of - Smashing UX Design

You don’t have to agree upon everything. 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. http://uxdesign.smashingmagazine.com/2007/10/09/30-usability-issues-to-be-aware-of/

12 Useful Techniques For Good User Interface Design - Smashing UX Design

Last week, we presented 10 Useful Web Application Interface Techniques , the first part of our review of useful design trends in modern Web applications. Among other things, we highlighted embedded video blocks, specialized controls and context-sensitive navigation. We also encouraged designers to disable pressed buttons, use shadows around modal windows and link to the sign-up page from the log-in page.
As web technologies progress, websites and web applications are becoming more responsive, providing us with more ways and techniques to interact with the users . Form , more than ever, has been superseded by function . The following websites deal with interface design, user experience, user-centered design, usability, and everything in between – all with the goal of enhancing the user’s interface.

20 Websites to Help You Master User Interface Design

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 By David Mccandless

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.