Hour 3: Without further ado, here’s the eyeball-searing wireframe at a representative 320×480.
Note we have a primary top bar for branding, navigation, and essential controls. Below that is an optional secondary bar for UI, status messages, etc.
One might argue that the home icon belongs in the upper left-hand corner rather than the back button. Certainly this is a common practice for full-size web sites … but the upper left-hand corner is also the traditional place for browser navigational controls.
One might also argue that a back button is unnecessary, since all mobile device/browser combos have some sort of hard or soft back button. True, but we’ll need navigational controls when wrapping sites in native phone apps. (We’ll get to that in Hour 25.)
Some might also wonder why this wireframe left out radiused corners. The answer is simple … we ain’ t using radiused corners. Mobile device screens are small enough … why waste a few precious pixels on fancy corners?
Recent Comments