1

I have a question wizard (Image thumbnails), I have designed my layout as below for desktop and mobile. I am not sure what should be the best place to include page numbers on mobile screen, as I done it here on the screen. My next and previous buttons are fixed on bottom on both the screens. only on mobile screen the page numbers will scroll(with the images) based on the screen height. Is that poor design? or any suggestions appreciated.

enter image description here

enter image description here

Improve this question

1 Answer 1

Reset to default
2

I see your mobile screenshot and as i see you have space before and after next and previous text. You can move Next text to right side and Previous text to left side so you have space between them and you will place number in center. please see below attached image for better understand.enter image description here

same layout for your desktop layout.

Improve this answer
4
  • thanks for your suggestions. In desktop screen I would like to keep the navigation order as it is since it gives user to more user experience with Next & Previous closer together. Also, when it comes to the mobile, I am agree with you putting the page number in between, then again I had some issue with iPhone 5 resolution with the 16px letters and fair amount of padding break the layout.
    – NPN
    May 21, 2017 at 23:51
  • i just suggest you for better user experience. You have to utilize view as per user experience and you can replace 2 of 14 with 2/14 make current page bold or highlighted as its a current page. You can use media query with break point and write code for particular screen where you can face problem.
    – Awesome Designer
    May 22, 2017 at 5:25
  • Yes of cause I am using custom media query. Problem solved by reducing padding left/right and made font size to 15px only in 320px width (iPhone 5). Also, for better a user experience, I made the navigation same as in desktop. Appreciate your support . cheers!
    – NPN
    May 23, 2017 at 0:21
  • @NPN always a pleasure to help a fellow designer :)
    – Awesome Designer
    May 23, 2017 at 5:46

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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