Wednesday, June 14, 2017

mobile - On Android, how do you design a very shallow navigation?


I need to create a simple account section in my mobile app with 1-level deep navigation:



           ___ Register
/
Account --
\___ Login

On iPhone, I'm using a grouped table view:


__________________
|_____Account_____|
| ____________ |
| / \ |

| | Log in > | |
| --------------| |
| | Register > | |
| \____________/ |
| |
|_________________|

When you tap a table cell, it navigates to a new screen with a back button on top back to the root account page. I think this works pretty good on iOS, because the rounded edges on a grouped table view make each cell look like a button.


On Android, the analogy to a table view is called a list view. Unfortunately, there is no built-in way to make each cell rounded in Android. Here's what it looks like:


__________________

|_____Account_____|
| Login |
|-----------------|
| Register |
|-----------------|
| |
| |
|_________________|

Is this an acceptable design on Android? My worry is that the list view in Android doesn't look tappable. It's just plain text with dividers. Secondly, there's two tiny lines of text on top and the bottom of the page is blank.




Answer



I agree with Roman about minimizing input/operation ratio. But instead of mixing the two forms (you might have different input forms for registration, and it might confuse the user), I would use tabs. It would still need a click if you want to register, but I guess you're not doing that every day. It would be quite unbotrusive for the logging user, and for the new registering user the "register" tab would be just at the top to be seen.


Partially OT: if you still want to use a two buttons activity, I wouldn't use a ListView, that's more for when items/choices might change in time or they're so many that you need to scroll it. For two buttons, just use some layout and two buttons. You can change their aspect quite easily with nine-patches, but please note that default aspect of Android widgets is not default at all: every device can have a different look&feel, and you might not want to go against it (although most do).


www.androidpatterns.com is a nice showcase for this kind of problems.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...