Interface Design Archive

« Older Entries

How to Find the Perfect Color and Create a Color Palette

“No single visual element has more effect on a viewer than color. Color gets attention, sets a mood, sends a message. But what colors are the right ones? The key is that color is relational. Colors... 
Read the full story

UI Pattern Documentation Review

“To date, the most common approach to propagating a single user experience standard is the development of UI guidelines and principles documentation within an organization. Development teams —... 
Read the full story

View Your Web Pages in Multiple Versions of Internet Explorer Browsers

“How many times have you had to debug your web pages on virtual or multiple machines running different versions of Internet Explorer? Or had to wait for a slow web service to return renderings of... 
Read the full story

Usable Accessibility: Making Web Sites Work Well for People with Disabilities

“Such problems often come from trying to make a Web site accessible without understanding how people with disabilities actually use the Web. The challenge for UX designers is to find ways of including... 
Read the full story

20 Steps to Better Wireframes

” Possibly the biggest mistake in any development project is failure to plan. Recently, the owner of a prospective start-up told me that planning was unnecessary and a good developer could just start... 
Read the full story

An Overview of Prototyping and Interactive Design

“In the broadest sense, all kinds of design artifacts are prototypes. Pencil sketches, blocks of wood, storyboards, wireframes, foam-core models, pixel-perfect state renderings, clickable... 
Read the full story

Anatomy of an Iteration

” Unfortunately, we’ve found that many teams don’t know how to iterate effectively. Good iteration is a deliberate activity, with four important stages: planning, implementing, measuring,... 
Read the full story

Introducing Interaction Design Frameworks

“Whereas a design pattern is a common solution to a specific, recurring problem (such as pagination interfaces), an interaction design framework is a set of design patterns and other elements... 
Read the full story

Use of Photos in Interaction Design

“The barrier between web pages and desktop software is beginning to disappear, and modern rich client user interface technologies such as Silverlight/WPF, Air, or Java FX enables designers to take... 
Read the full story

User Type Views & Annotations with Polypage Software

“Here is another very good Polypage HTML wireframe submitted by Joey Marchy from nGen Works. Two interesting uses of Polypage make themselves visible in this sample. First, on the upper left hand... 
Read the full story

Leveraging XHTML Code as a Design and Specification Platform

“One of the biggest problems with wireframes is the lack of a standardized notation. In other words, my wireframes certainly don’t look anything like your wireframes. This means that visual designers... 
Read the full story

Pattern Languages for Interaction Design

“An interaction design pattern is not a step-by-step recipe or a specification. It’s a set of things we’ve learned that tend to work in clearly defined situations as well as some known issues... 
Read the full story

Recreating the Button

“These buttons just launched in Gmail yesterday, and they’ve been in Google Reader for two months now. The buttons are designed to look very similar to basic HTML input buttons. But they can handle... 
Read the full story

Educating Clients about Information Architecture

“I often tell clients that IA [information architecture] establishes the baseline, or foundation, for a solid site structure. It helps create the traffic patterns and navigational routes that get... 
Read the full story

Eight Ways to Save Your Client Money

“Part of being a freelancer is helping clients understand precisely what they are getting themselves into when it comes to contracting a designer or developer. You can write a great proposal with... 
Read the full story

40 Useful Photoshop Web Design Tutorials

“In this collection, you’ll find 40 high-quality tutorials on creating web layouts from scratch using Photoshop. This article contains a copious variety of tutorials to help you learn and master... 
Read the full story

Review of 16 User Interface Design Tools

“People constantly ask me what the best prototyping or mockup tool is.  My standard answer is “whichever tool you are most comfortable/experienced with.”  But just to cover all the bases and... 
Read the full story

Using Adobe Fireworks to Create Interface Design Prototypes

“So my choice of using FW for prototyping is most definitely not a statement about it being a great prototyping tool overall, just that it works great for me personally because I can go all the way... 
Read the full story

Integrating Information Architecture Deliverables in a Web Application Development Methodology

“The user experience team members learned to speak the same language by collectively discussing our ways of working and our deliverables. This process started... 
Read the full story

Shades of Grey: Wireframes as Thinking Device

“I think it is quite common for UX folks to view design as problem solving. For me, designing through the use of wireframes is a search in a problem space of alternatives; it’s a process of problem... 
Read the full story

« Older Entries

Connect With Us Online

We provide low-cost, how-to internet marketing information for individuals, businesses, and groups, as well as the people who support them. Learn more

  • Popular Articles
  • Latest Stories
  • Popular Stories

Great Online Communities to Explore

Community MX - Web Design with Adobe twist
IxDA - Interaction Design
Boagworld - Web Design
SitePoint - Web Design, Coding
The Content Wrangler - Content, Content, Content
@TypeTweets - Twitter for Type-o-philes
Webmasterworld - Web Design

Get the Email Newsletter: Keep Up To Date

Stories, links, and more emailed to you every few weeks!

PRIVACY NOTICE: Your email will never be sold or traded. Powered by Campaign Monitor.