This wednesday I got the chance to participate in Luke Wroblewski’s workshop on Mobile Web Design at An Event Apart. Here are my sketch notes from the event.
While mobile design has traditionally followed web design, in the near future this pattern will definitely be reversed. With the explosion of non-desktop devices, it now seems almost archaic to design for specific screen sizes or use scenarios. Your web page must work on all devices, known and unknown!
A few crucial points that stood out were:
Focus on content: Simplify simplify, simplify! When you design you should consider efficiency formost - both in the design of the page, and in the delivery of the assets. What do you want to use precious bandwidth on? The average mobile experience is 1.5 slower than desktop - be smart.
The constraints of small screens force you to hone in on important information. These constraints are crucial in not only the principles of design but navigation as well. If you’ve identified the most important pieces for your mobile experience, does that change if the screen is bigger?
Content first, navigation second. I know it’s sort of obvious but as designers we forget this quite frequently. We seem to be drawn to nav bars and should step back and look at aligning content with user’s needs.