leopoly - the radial menu
TRANSCRIPT
![Page 1: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/1.jpg)
cell menu Design
Robin Kosnas©2013
![Page 2: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/4.jpg)
![Page 5: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/5.jpg)
![Page 6: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/6.jpg)
![Page 7: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/7.jpg)
![Page 8: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/8.jpg)
![Page 9: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/9.jpg)
![Page 10: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/10.jpg)
•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](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/11.jpg)
Hover zones
![Page 12: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/12.jpg)
submenu variations i.
![Page 13: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/13.jpg)
submenu with typo
INTUITIVE
![Page 14: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/14.jpg)
submenu variations ii.
![Page 15: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/15.jpg)
icon set
![Page 16: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/16.jpg)
icon set with padding
![Page 17: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/17.jpg)
icon set 2.0
![Page 18: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/18.jpg)
leopoly cell menu
![Page 19: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/19.jpg)
The future...?
![Page 20: Leopoly - The Radial Menu](https://reader033.vdocuments.us/reader033/viewer/2022042715/559b1de41a28abde638b457d/html5/thumbnails/20.jpg)
THAnK YOu!