background preloader

20 Websites to Help You Master User Interface Design

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. 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. 1. Boxes and Arrows Boxes and Arrows is a peer-written journal and a premier source for information on interaction design, usability, and information design. 2. UX Magazine deals in the topic of user experience. 3. UXmatters is a non-profit web magazine devoted to sharing information on effective user experience techniques and becoming a leading resource for User Interface (UX) professionals. 4. A List Apart – the leading resource on standards-based design and development articles – has a User Science topic that covers various parts of designing the user’s interface. 5. 6. 7. 8. 9.

Related:  ERGO UX

End-to-End Experience Design When I started as an application designer in 2001, I worked really hard for my clients, whipping their applications into shape. I would conduct usability reviews and hands-on design sessions to overhaul the app, I’d agonize over each screen layout, review, test, revise, then buckle down with development until we pushed out the release. It was hard work and I was proud that I was a good designer. Spirit Softworks “Design depends largely on constraints. ... Here is one of the few effective keys to the design problem—the ability of the designer to recognize as many of the constraints as possible—his willingness and enthusiasm for working within these constraints....”—Charles Eames By the beginning of our Design Phase, Team Spirit understands your digital product’s special user experience design and usability challenges and can determine what design approaches best address those challenges. We approach your product’s interaction design, information architecture, navigation design, visual interface design, and instructional design challenges through an iterative process of design, prototyping, evaluation, and refinement. Using this approach, we can quickly recognize and resolve your product’s usability problems.

50+ Pixel Perfect UI designs from Dribble Some have called Dribbble “A twitter for creatives.” Dribbble is a design community in which designers, developers and other creatives share shots—small screenshots of the designs and applications they are working on. These shots are actually small screenshots (400×300 pixels max) from designers to show what they are working on. In this post we have collected the 50 or more UI designs from the dribbble, these shots contain some of the amazing and creative user interface designs. A pixel is the smallest unit of display used on a screen but here in some designs designers have crossed the limits of pixel perfection. For example the title image of this post, this amazing UI is a fragment from FL Studio mobile app GUI for iOS, and down below there are few more pixel perfect designs are waiting for you.

21 Best Icon Sets for Designing Web Apps When designing a web application, it’s important to make sure the user interface is easy to use. Using icons along side navigation links is one key ingredient to achieving this. But Instead of creating icon sets from scratch, which can be very time consuming, why not use icons that have already been created for you. Here are some of the best icon sets out there for use in web application designs.

Value proposition canvas template - Peter J Thomson A value proposition is where your company’s product offer intersects with your customer’s desires. It’s the magic fit between what you make and why people buy it. Your value proposition is the crunch point between business strategy and brand strategy. When you’re starting a new project or a new company you need quick and dirty tools to help you focus on executing things faster and better. Good strategy tools exist only to help you focus on getting the right things done.

Wizard - Designing Interfaces What Lead the user through the interface step by step to do tasks in a prescribed order. Use when You are designing a UI for a task that is long or complicated, and that will usually be novel for users—not something that they do often or want much fine-grained control over (such as the installation of a software package). You’re reasonably certain that the designer of the UI will know more than the user does about how best to get the task done. Designing Interactions by Bill Moggridge - 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,

12 Useful Web Tools for Designers - Six Revisions When it comes to design, there’s a plethora of free web-based tools to help you accomplish tasks such as color palette selection, creating unique fonts, editing images, and testing typography. In this article, you’ll find a bunch of handy online utilities for designers. kuler Create Stakeholder Interview Template : UX Apprentice You may also download this template in Microsoft Word format. What is your vision for this offering? What defines success for this project? What are the potential pitfalls (i.e. what keeps you up at night about this project)?

Wizard design pattern The task of inputting data into the system is parted into multiple steps. Each step is presented to the user one at a time. The user should be presented with information about the steps that exist and which are completed. The Wizard pattern is very similar to the Steps Left pattern. The difference between the two is the focus. Where Steps Left is focused only on explaining the steps of a process, the Wizard pattern is about parting dependable sub-tasks needed to perform a complex goal into separate steps. 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. 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. This post presents the second part of our review: 12 useful techniques for good user interface design in Web apps. We also discuss how to implement these techniques so that they are properly used.