Your SlideShare is downloading. ×
0
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Honeycomb User Interface Design @iRajLal

9,725

Published on

A User Interface for Mobile device inspired by Honeycomb structure with Hexagonal Grid …

A User Interface for Mobile device inspired by Honeycomb structure with Hexagonal Grid

Here are the links to the two design patents:

http://www.google.com/patents?id=ltXKAAAAEBAJ

http://www.google.com/patents/about?id=wOfUAAAAEBAJ

Published in: Technology, Business
2 Comments
2 Likes
Statistics
Notes
  • Get my book on User Interface design guidelines and best practices here http://www.designuserinterface.com/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • A User Interface for Mobile device inspired by Honeycomb structure with Hexagonal Grid

    Here are the links to the two design patents:

    http://www.google.com/patents?id=ltXKAAAAEBAJ

    http://www.google.com/patents/about?id=wOfUAAAAEBAJ
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
9,725
On Slideshare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
44
Comments
2
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Honeycomb DesignFor touch screen mobile devices Rajesh Lal
  • 2. Agenda Honeycomb Design Basis of the Design Benefits Interaction Target Devices
  • 3. Honeycomb Design Honeycomb Design – Mesh of Honeycombs – One hexagon for one App
  • 4. Honeycomb DesignBasis of Design Honeycomb conjecture proofs that Hexagonal tiling provides the least-perimeter way to enclose infinitely many unit areas.
  • 5. Honeycomb Design Benefits – Optimum space for individual apps – Variety of customization option – Best suited for thumb interaction – Provides consistency in User Interface – Suited for Right handed, Left Handed and Landscape interaction
  • 6. BenefitsProvides optimum space for individual apps <- Honeycomb design 19 Apps -> IPhone Square design 20 Apps
  • 7. BenefitsVariety of Customization option
  • 8. BenefitsBest Suited for Finger interaction particularly thumb interaction
  • 9. BenefitsConsistency in User Interface Consistent - Central view - Main Apps View (Lower bottom – Left Image) - Custom Setting View (Right Image)
  • 10. BenefitsRight handed, Left Handed & LandscapeLeft Handed Landscape mode Right Handed
  • 11. Honeycomb Design Interaction – Settings Screen – Swap individual Apps – Title / Updates – Border & Color – List Tiles
  • 12. Interaction Customize Settings Screen  6,10,11,12,15,16,17, 33,35,37,38 and 39 active Tap on a hexagon to Change the state - Active - In Active - Ready Ready State Icon can be swaped
  • 13. Interaction Swap Hexagons Tap on a hexagon to change the state - Active - In Active - Ready Ready State Icon can be swaped with other Ready item (10 and 17 shows two ready items)
  • 14. Interaction Title / Update  On Touch the top half of the hexagon will show the title  Bottom half will show the updates  If only top half of the hexagon is visible show the Title as shown in the figure (music and video)
  • 15. Interaction Border & Color  The border width of Hexagons can be customized (Picture shows border gap size of 10 pixels)  Border color can also be customized
  • 16. Interaction List Tiles  All the Tiles can be listed in horizontal as well as vertical list view
  • 17. Honeycomb DesignTarget Touch Screen DevicesFlip Pones Mobile Internet device PDA/ Pocket PC Smart Phones
  • 18. Thank You Rajesh Lal Senior UI/UX Engineer

×