Archive for the ‘Usability’ Category

Design Better Mobile Forms

Posted in Usability | March 15th, 2010

LukeW | Better Mobile Form Design.

I read Luke’s book on Web Form Design and I thought this article was a good introduction to form design, at least on mobile devices. As a relatively new iPhone user, I find it unbelievably frustrating when a big site doesn’t have a mobile version.

Read this article and if you run a site that more than 100 people use a day, please consider “mobilizing” it.

Web Form Innovations on Mobile Devices

Posted in Articles, Usability | February 11th, 2010

http://www.lukew.com/ff/entry.asp?1000

Web Form Innovations on Mobile Devices“Mobile Web forms tend to have significantly more constraints than their desktop cousins: mobile screens are smaller; connection speeds are slower; entering text is harder; and so on. As a result, it’s generally a good idea to limit the number of Web forms in mobile applications and sites. In situations where you do have to get input from people on mobile devices, radio buttons, checkboxes, select menus, and lists tend to fare much better than open text fields.

But constraints breed innovation and mobile Web forms are no different. The limitations of mobile devices have forced developers and designers to find new ways to make providing input faster and easier. Several of these innovations are now making their way back to the desktop and beyond.”

Theresa Neil Presents “RIA Screen Layouts”

Posted in Usability | February 11th, 2010

http://theresaneil.wordpress.com/2010/02/11/ria-screen-layouts/

RIA Screen LayoutsMy good friend and colleague, Theresa Neil, has created a really good, quick presentation about the different RIA Screen Layouts and some real-world examples of each. I highly suggest you check it out and do a quick amazon search for her name, because she has published some really amazing material. My favorite is Designing Web Interfaces: Principles and Patterns for Rich Interactions

Guidelines, Tools and Resources For Web Wireframing | W3Avenue

Posted in Software Reviews, Usability | February 8th, 2010

Guidelines, Tools and Resources For Web Wireframing | W3Avenue.

Wireframing allows you to visually illustrate layout of fundamental elements in the user interface. It also acts as a way to communicate with clients and other stakeholders (content creators, designers, developers, etc). Furthermore, wireframing enables you to consider changes, user paths, and new requirements.

Wireframing is not one of those ritual that you can perform without thinking. You have to exactly identify your objectives and stay focused during the process. You can use wireframing to assist you in any or all of the following processes:

  • Planning & Analysis
  • Communication With Client and/or Team
  • Documentation

Categories

My Tweets

follow me on Twitter