Icon treatments

[heymarkreeves]

Hi, Sherri!

I was thinking about our Thursday conversation about the + icon on the My Favorites bar. Kurt wondered about the need for an icon and we discussed its relevance.

I think we should move toward a super-consistent treatment where in-screen behavior have circle-based icons, and navigation links that have icons do not have circles. Following this logic:

• The tag and nav icons at the top are both circle icons
• An arrow icon for "My Favorites" does not have a circle around it, because it's reinforcing a link
• The star icon, next to each event name, has a circle around its off/on states, because it's available as a function in the screen

That should also help reinforce the idea that star icons are tappable to add them to favorites.

Mark

[SherriAlexander]

I'll put this in place today. I will have to move some things around in order to make the star icon have a visible circle though -- we'll have to see how it looks when that left space gets bigger, especially at narrower widths. Thanks!

[heymarkreeves]

I think that circled star should be visually smaller, and tighter, than the top icons, while having its ~40px square tappable space around it. Thanks!

[SherriAlexander]

I'm actually kind of cheating on Apple's tappable target size rules -- I think the circles at the top are only 33px square. I can make them a bit larger, but I hate to take up that much space! Let me know if I should make those bigger while we're at it...

[heymarkreeves]

I'm OK with that unless we get contrary feedback. Thanks!