As Lead Visual Designer for Mozilla, Sean works hard at trying to make pretty pictures. Embedded in the Creative wing of the Engagement team, he churns out rasters and vectors for both Mozilla and the greater global Mozilla community.
Sep072008

Skinning Fennec – Awesomebar

Next we have the awesomebar and its awesomeness in weeee mobile form.

Awesomebar

  • list appears with bookmarked sites marked to the right
  • close button in upper right to exit the awesomebar overlay
  • search toolbar on the bottom

Dark on light awesomebar

Dark on light awesomebar

Light on dark awesomebar

Light on dark awesomebar

Alerts

  • left endcap becomes highlighted and glyph appears indicating alert
  • once endcap is pressed, arrow points to opened alert information beneath awesomebar

Note: Please refer to https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/workingUI for all the UI wireframes with more detailed descriptions.

Tags: , , ,

Leave a Reply