Spiff up the UI - Githubissues

remulasce / metroapp

Realtime arrival notification utility for LA Metro

2 stars 0 forks source link

Spiff up the UI #258

Closed remulasce closed 9 years ago

remulasce commented 9 years ago

The current theme of the Android app is "100% effort usability, the rest prettiness"

So the app is pretty bland. Except for the orange horizontal separator, which managed to slip into rounding errors of the usability 100%.

But we actually are starting to get a lot of new users. And, newer features like the monetization prompts and the minimized tutorial texts actually look pretty decent.

So let's see what we can do to make the rest of the UI look better.

remulasce commented 9 years ago

Simple stuff:

Better background color- something other than Grey
Better ActionBar color- Material Design suggests this as well. We're not upping the compile target because I think the ActionBar takes up too much space in Material, but it would be nice to have something other than Grey.
Basically take anything that's Grey and make it Not Grey
Make the X buttons actually work- they currently don't have a depressed state, and they have no outline to denote where / what is actually pressable.

remulasce commented 9 years ago

Using the correct color X in the notification would be great, too.

remulasce commented 9 years ago

We could go back to the original "notification displays time till arrival" concept
- Or, at least have an "urgent" version of the icon that we switch to when the notification sound plays.

remulasce commented 9 years ago

X buttons have been spiffed

They now have a depressed state, and scale / fill up their respective UIs correctly.

remulasce commented 9 years ago

It probably doesn't take 10 app launches to learn all the tutorial text

So we should probably stop showing that giant banner after, like, 3.

remulasce commented 9 years ago

Notification X color is involved because the background color can change.

You have to do something with styles or something.

remulasce commented 9 years ago

Tutorial text is now spiffed after 3 launches.

remulasce commented 9 years ago

There's an "important icon" now. The icon itself isn't fully spiffed, though.

remulasce commented 9 years ago

X buttons scale weirdly of the stop name is multiline.

This should be pretty easily fixable in the ImageView settings.

remulasce commented 9 years ago

Alright, UI is spiffy enough now.