University of Michigan - Ann Arbor

Redesign the action icons using Material Design to...
1. More clearly communicate actions
2. Make icon locations more intuitive
3. Better align with the Material Design interface 

1Cademy Node Action Icons Design

These are the current action icons design. 

Current Action Icons

This mockup makes the following changes to the current action icons design:
1. All icons are Material Design (to improve responsiveness)
2. References icon is a paper 
3. Unhelpful is now a downward arrow
4. Helpful is now an upward arrow
5. Bookmark is now filled to match the rest of the icons
6. Mastered is now an eye
7. Child nodes is now a back and forth arrow
8. "idea" node icon is now an illuminated icon
9. Node height icon is now a single double-headed arrow
10. Number indicators for icons are lowered

All icons are 18px in size, following Material Design guidelines. 

Icons Redesign Using Material Design

Parent Child Icon

Not Mastered Icon

Bookmark Icon

Material Design upvote and downvote icons

Upvote and Downvote Icons

Reference Icon

Tags Icon

Edit/Propose Node Icon

Last Edit Time Icon

Resize Height Icon

Profile Icon

1Cademy Node Type Icon

Material design idea node type icon. Note that there are 3 different versions.

Learn Before

Related