1

See my mockup:

enter image description here

1) Is this good? Or is it better to put the Logout button at the top bar at upper-right corner? For the lower half of the screen, there's other data and stats I need to put.

2) Also, if I need to let the user adjust Settings for the App, should I put the Settings icon next to the user avatar below? Or should the Settings button be placed at the top right corner of the mobile app? (same row as the Back and Profile text)

1

Your top nav bar are prime screen estate and is usually reserved for:

  • Getting your way around
  • Easily accessible commands such as action, cancel, submit, add etc

I prefer not to put my log out button at the top right corner. Providing users with an easily accessible log out button is generally not a good idea. You are showing them the "exit" before they get a chance to explore your app. That being said, you shouldn't make it difficult for the user to log out if they wished to.

In my opinion, the settings would be better fit for the top right location. Here you could also use an icon to utilise a smaller screen area for the link. You might want to put your log out button in the settings page.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

  • Wow, ok, tks a lot! Never thought about the "show them the exit" thing before. :-) – Illo Yonex Illo May 15 '16 at 3:25

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.