leopoly - the radial menu

20
CELL MENU DESIGN Robin Kosnas©2013

Upload: weareleopoly

Post on 07-Jul-2015

418 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Leopoly - The Radial Menu

cell menu Design

Robin Kosnas©2013

Page 2: Leopoly - The Radial Menu

Pros

•same distance of items•360 degree memory map•Access gets faster over time

cons

•limited space•not typo friendly•complicated modification

Radial menu

Page 3: Leopoly - The Radial Menu

25 elem1 elem = 60x60px

3600px

T=90000 px100%

Free area

0%

mATRiX

25 elem 1 elem d=60px

2826px

T=70650 px78.59%

Free area

21.41% (6.8 units)

cell

Page 4: Leopoly - The Radial Menu
Page 5: Leopoly - The Radial Menu
Page 6: Leopoly - The Radial Menu
Page 7: Leopoly - The Radial Menu
Page 8: Leopoly - The Radial Menu
Page 9: Leopoly - The Radial Menu
Page 10: Leopoly - The Radial Menu

•efficient space usage •items are not differentiated in size•menu animation kept to a minimum•items can be reached by one step•All layers stay visible to help mm

The ideal Radial menu

Page 11: Leopoly - The Radial Menu

Hover zones

Page 12: Leopoly - The Radial Menu

submenu variations i.

Page 13: Leopoly - The Radial Menu

submenu with typo

INTUITIVE

Page 14: Leopoly - The Radial Menu

submenu variations ii.

Page 15: Leopoly - The Radial Menu

icon set

Page 16: Leopoly - The Radial Menu

icon set with padding

Page 17: Leopoly - The Radial Menu

icon set 2.0

Page 18: Leopoly - The Radial Menu

leopoly cell menu

Page 19: Leopoly - The Radial Menu

The future...?

Page 20: Leopoly - The Radial Menu

THAnK YOu!