A non-technical explanation of responsive design for ordinary people
Responsive web design (RWD) is the latest thing. Everyone wants it but in my experience few clients understand the basics of it. OK they should not have ...
Responsive Web Design (RWD) Basics for Non UX Geeks
User Experience, Wireframes
When working through navigation mechanics which need to show the different states I tend to work like this:
I just chop off the bit I am interested in then put multiple copies on one page. This makes it much ...
iPad navigation states
Mobile, User Experience, Wireframes
Sketchy approach to mapping user journeys
This work was for a large bank. The end result of the user experience work was to be a presentation to senior stakeholders so all the deliverables needed to be written in an ...
Banking internal system architecture
Banking, User Experience, User Journeys, Wireframes
Some projects can be huge fun. This was not one of them. What made it all the more annoying was because the potential to create an elegant app iPhone that would be used by huge numbers of people was wasted.
I did enjoy ...
iPhone interactive mechanic
Concept, Mobile, User Experience, Wireframes
Good Information Architecture (IA) work is about choosing the right representation for the project and intended audience. Creating an illustration to explain an issue to a development team is very different to illustrating ...
Same structure, different representation
IA, User Experience, User Journeys
This was a very simple job for a City company who wanted their Annual Report on an iPad. The content had already been converted and a basic shell application was going to be used to display the content.
All ...
Annual Report – iPad
Mobile, User Experience, Wireframes
Primary navigation issues on home page? It's just the tip of the iceberg
It's not really difficult to work that one out. But a lot of business's don't. If your primary navigation doesn't work then it is extremely likely ...
FSA navigation issues
Banking, IA, User Experience, Wireframes
There is absolutely nothing exceptional about this wireframe. I include it purely as an example of a standard deliverable and my style.
Note that the while the wireframe is monochrome I use bright orange for ...
Consumer product site
User Experience, Wireframes
Another very straightforward wireframe. I have included this to show the three layout columns (in pink in case you hadn't spotted them...) which I setup as a shared layer in Omnigraffle and show and hide as ...
Hospitality wireframe layout
User Experience, Wireframes
Sketchy wireframes mean just that. Sketchy. Imprecise. Loose.
I typically produce these early in a project cycle when there is a need to keep an user interface designs at a low level of detail and just get ...
Pharmaceutical concept wireframe
Concept, User Experience, Wireframes
In complete contrast to my other examples of concept wireframes the above shows a 'pixel perfect' concept wireframe.
By pixel perfect I mean just that. One pixel on the wireframe equals one pixel in the ...
Pixel perfect global header concepts
Concept, User Experience, Wireframes
