Looking to see if anyone has any tips/tricks/suggestions around mobile app design. We are struggling with the layout and are hoping we could benefit from your knowledge!
Answer
Mobile App Design
Best answer by abartunek
hi
So instead, I’ll try to be short with the summary of what we have. Our main page consists of rectangular images one under another - they also serve as hyperlinks to different sections of the app so you can think of it as sort of a menu.
The images are basically icons with names of the sections so My Courses, Learning Catalog, Channels, etc. Every section is simply a banner with the name of the section, another image of a “back” button to go back to the main menu page and a widget (e.g. with list of assigned courses or catalogs).
We try to keep it simple and not overload our users with too much information. In our case we want it to be easy and accessible, with no clutter and without overloading our users with information.
+2Hey
First, this video from one of our CX newsletters is a bit outdated since we made it back in 2019 shortly after we released mobile pages. We’ve since added more widgets (eg: my profile, gamification and activity stream), so I wouldn’t have been able to consider those at the time, but the premise still applies.
Curious to see if there are some other approaches that have worked for folks for different purposes, of course!
Shaune - Digital CSM
+4hi
So instead, I’ll try to be short with the summary of what we have. Our main page consists of rectangular images one under another - they also serve as hyperlinks to different sections of the app so you can think of it as sort of a menu.
The images are basically icons with names of the sections so My Courses, Learning Catalog, Channels, etc. Every section is simply a banner with the name of the section, another image of a “back” button to go back to the main menu page and a widget (e.g. with list of assigned courses or catalogs).
We try to keep it simple and not overload our users with too much information. In our case we want it to be easy and accessible, with no clutter and without overloading our users with information.
The other Adam B.
Thanks, Adam - this is helpful. We seem to be moving in the same direction. Have you found a way to have two images next to each other - is that possible? We have the stacked boxes too, but it is a little underwhelming.
Thanks for your help!
+4
Thanks, Adam - this is helpful. We seem to be moving in the same direction. Have you found a way to have two images next to each other - is that possible? We have the stacked boxes too, but it is a little underwhelming.
Thanks for your help!
I was able to get images next to each other using HTML code.
First - I uploaded the image to an image hosting site such as https://imgbb.com/ and then get the link of the image directly.
Second - create an html row and use the below.
<img width="48%" src="IMAGE ONE LINK" />
<img width="48%" src="IMAGE TWO LINK" />
Let me know if you have questions!
Log in to Docebo Community
Enter your email address or username and password below to log in to Docebo Community. No account yet? Create an account
Docebo Employee Login
or
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.