Questions relating to mobile computing devices, such as cell phones, tablets, and e-readers. Includes consideration for both small screen size as well as the mobile and "always on" nature of the devices.
3
votes
1answer
686 views
How to show the user has “grabbed” an element?
I'm working on a mobile drag and drop feature, where users can rearrange the order of list items by dragging and dropping them in a new place in the list.
So far the flow is as follows: the user ...
1
vote
3answers
169 views
In Responsive Design, how do you trigger Tooltips? mouse hover isn't there anymore
A tiny disclaimer, not looking for tooltip alternative for mobile as in another UI Pattern, i'm looking for a different interaction that could trigger the tooltip, i hope this makes it clear.
The ...
-1
votes
0answers
36 views
Best practises for the iOS HUD
When would and when wouldn't it be appropriate to make use of a HUD? With both the HIG and Material Design not mentioning this topic I'm struggling to justify when it should or shouldn't be used.
...
0
votes
1answer
70 views
What resolution(s) should photos be to be shown on iPhone?
I have an app where users have profile photos.
Profile photos will be shown frequently, and are about 3/4 the size of a regular iPhone.
Of course, the tradeoff is bigger resolution means higher ...
1
vote
0answers
41 views
Drag controls on partial-screen modals on iPhone X
With the introduction of the home indicator on the iPhone X (and Xs, Xr, Xs Max), it seems worthwhile to question the pull-down-to-close controls on partial-screen modals.
The most common pattern I'...
0
votes
2answers
55 views
What would be best practices regarding button width on mobile apps?
I've seen buttons be smaller in width (with a minimum width of course)
like this
And full width until the margin like this
What would be best, or in which situations it would be better to choose ...
0
votes
2answers
39 views
Is using iOS' 3D Touch in apps bad for usability?
Have there been any usability studies on iOS 3D/Force touch with less tech-savvy users? I've casually observed older people having issues with 3d touch using apps. They tend to press hard and long ...
0
votes
2answers
122 views
Mobile – Does a close button need to be on the same x-axis as the hamburger icon?
I have a mobile menu using traditional mobile menu. Due to a long logo, we've placed menu items below. Is it inconsistent that the hamburger icon does not sit on the same level as the close button? ...
0
votes
0answers
34 views
Embedded Twitter Feed on Mobile
Is there a good way/user experience to display an embedded Twitter feed. The site is pulling from a Twitter widget. The problem is when viewing the site on a mobile device, there is a vertical scroll ...
0
votes
2answers
108 views
iOS Swipe to edit difficult to discover
A while back, we worked with a Ux/Graphics designer that was enamored with the (then) emerging "swipe to edit" trend for iOS apps. We ended up with something that looks like this on a swipe:
(...
2
votes
3answers
165 views
Users not clicking on quantity
I have a flow where the user has to select quantity first and then select address and then select payment method and place order.
but when I went through data found that most of the users are the not ...
1
vote
1answer
73 views
Should I keep showing the post's image and title to the user through the scenes?
Do I have to keep showing the information my user has already inputted (I have seen a few big apps that do this)? If so I would have to redesign my scene, so is it really important or is it good as is?...
0
votes
3answers
73 views
What would be the best way to present a 2 item choice on mobile?
Let's say I'm trying to accomplish a task on a mobile app, in order to do so I need to choose one out of 2 options, for example, confirm via e-mail or text message.
Each choice leads the user to a ...
0
votes
1answer
58 views
What is the best way to display a destructive action on this component?
The final assignment from my course is to create a mobile application similar to AnkiDroid where the user can create flashcards to study.
I'm not sure about how to display a destructive action on the ...
0
votes
2answers
51 views
How to structure navigation with many similar items?
So I have an app on the google play store currently (https://play.google.com/store/apps/details?id=com.euandeas.RowerStuff) which has calculators in it for rowers. I currently have free essential ...
0
votes
0answers
15 views
How to represent big tables on mobile screen? [duplicate]
This is for responsive design, What is the best way to make a table responsive and usable on a mobile screen?
0
votes
0answers
35 views
Registering people on mobile at an event - form field best practices
I’m working on a mixer event where we hope to get people registered for our community. We have a lot of young people so working on doing an text-to-register option. They text a code, and get a link to ...
0
votes
1answer
70 views
How to indicate to a user that an image/emoji is clickable
I'm building an app where a user goes by an emoji.. that is their "profile name" so to speak. The problem I'm having is that it's not very intuitive that you can tap on a users emoji to get their ...
0
votes
1answer
37 views
Schedule on Mobile. To drill down or not to drill down?
One aspect of the app I am working on is an employee schedule. The main functionalities are to include an employee's schedule for the current day and the next 7 upcoming days.
The information to be ...
2
votes
2answers
86 views
Mobile app requires user to pick a number (min: 10, max: 30, increment: 0.25). Should I use an input field, picker, or something else?
One of the requirements for my application is that the user has to pick one number between the ranges and in the increment stated above. If I did a mobile options picker, there'd be 80 options. Do you ...
2
votes
2answers
77 views
How to design for a very complex table on mobile? [duplicate]
I've searched all over, seen some examples, but none of them are barely close to my challenge. See image attatched.
Obviously locking a column won't work. I'm out of ideas.
4
votes
1answer
59 views
How to show 2 search possibilities on an Android app bar?
Here, need an advise on some layouts I’m working on:
We have a mobile app (tablet only) used by doctors to access patients registered via a desktop app. Recently, we added biometric registration for ...
0
votes
1answer
33 views
Usable (mobile) user interface for adding quizzes and selecting a correct answer
I am creating an administration panel for an application and one of the needs is to manage quizzes in one page without any pop-ups.
The application should be usable both on mobile and desktop.
I had ...
0
votes
0answers
46 views
(ui / mobile) Designing communication tool without “instant messaging” feel
I am working on the app within medical industry. The purpose of the app is to connect patients and Healthcare Professionals and allow for the communication, downloading special packages with extra ...
0
votes
2answers
65 views
Segmented Control for big texts
Do you have an alternative for the segmented controls in iOS?
We'll need 4 tabs, medium to big size words, no icons.
You can see an example (not real words) in the image below. It's too tight we ...
0
votes
0answers
81 views
The Material Design way to implement a quiz app
I'm making a quiz app, following the Material Design principles. It's a web app, but it needs to work on mobile as well.
The app currently has 3 pages:
Creating the quiz; in which the user chooses ...
1
vote
3answers
115 views
What's the appriopriate behavior for this “SEE ALL” button? Opening modal window or moving to another tab?
Hello.
I'm designing b2b mobile app.
My main tab, "Overview" consists of sections:
recently bought items
some recommended products
customer's vouchers
some statistics
Those sections are in-a-...
1
vote
0answers
38 views
How to clarify ambiguity of the left arrow in google search autosuggestions?
Until recently I found the arrow next to each of the suggested keywords are tappable and will prepopulate the string to the search box for users to further refine the keyword before performing the ...
2
votes
1answer
62 views
Use top-looking arrow when navigate between screens [closed]
When I was designing something in Adobe XD I thought about an icon which will display in search bar to go backwards in app. My activity uses slide up to open another activity with search bar. Let me ...
0
votes
3answers
93 views
Scrolling up on mobile, but getting stuck on a scrollable list
Simple task: a user needs to scroll to the bottom of a form, before the bottom there's a scrollable list that is as wide as the form itself.
When the user arrives at this list, it stops scrolling ...
1
vote
0answers
86 views
What's the best way to add item and childItem to ExpandingRecyclerView?
I have element of the library ExpandingRecyclerView (RecyclerView with one nesting) placed on the NavigationDrawer.
I need to find the most elegant and visually good way to add item and childItem.
I ...
0
votes
2answers
95 views
Ego struggles when creating an app? [closed]
I'm curious about what sort of ego issues you've encountered when creating an app. Obviously we're all proud of our idea, but sometimes it can cloud our judgment and make us lose sight of what the ...
0
votes
1answer
46 views
when do I hide mobile onboarding hotspots
We placed a few hotspots in our mobile app, when clicked they show onboarding explanations about a component.
If the user clicks on them, they will disappear,
but what if he does't? is there a best ...
1
vote
4answers
127 views
Too many menu items for a mobile tab bar
For my mobile app, ideally, I'd fit 6 top-level buttons into the navigation tab bar:
Overview
Tracking
Jobs
Notifications
Search
Menu ("hamburger")
Profile
Log out
Settings
App info
etc.
This is ...
0
votes
1answer
75 views
Show/Hide Bottom bar icons for Mobile app
I'm working on a mobile application with subscription that has two flows -
Pre login state : where an unregistered user can go around the app and view part of the content.
The user can login and get ...
4
votes
2answers
201 views
Carousel speed in mobile
Folks, What is the optimum speed for carousels in a mobile website?
For you to answer better -
optimized copy (say 6-10 words for mobile) as against 12-20 words in desktop
Maximum of 4 banners in ...
1
vote
1answer
120 views
Why do some companies ask the users to “Text for a link” to download the app?
I've noticed several websites that ask for a phone number to link to either the Apple Store or Google Play to download their native app. (Example below) and I've also seen a few sites display links to ...
1
vote
1answer
97 views
Material design: Can you use bottom and top app bar at the same time? What's the relation between them?
I'm currently designing a B2B app that will have plenty of buttons (on top app bar) that just can't be hidden. Is it possible to transfer some of the buttons from top app bar to bottom app bar, just ...
0
votes
1answer
205 views
Design for skip vs next when next requires waiting
I have an app that serves users content which requires them to say whats on the screen. They can move on to the next piece of content only after some period of time depending on the length of the ...
-1
votes
2answers
63 views
Best communication channel to tell user that they get banned/suspended/terminate [closed]
Which product communication do you think is the best to convey:
User get temporary suspension, and therefore they couldn't login
User get suspension and need to appeal
User get unsuspend, the appeal ...
9
votes
3answers
3k views
UI pattern to hint at important content outside of viewport
Does anyone know the name of the pattern where you add indicators that there is important content outside of the viewport?
I am trying to find some inspiration but for the love of God I can't find ...
0
votes
2answers
46 views
In what situation people type mobile number to send app download link?
Instead of just showing app download button, why to ask for mobile no. here is screenshot
10
votes
4answers
363 views
What size of a button can a reasonably fat finger comfortably click?
Say my button is square shaped, in a website, and I don't want to cause inconvenience for users with big fingers (and also older people and those who forgot their glasses and aren't precise at hitting ...
0
votes
1answer
42 views
Saving Video on Mobile - Hide or Show Video while saving it?
Quick and short question.
I'm building iOS Video Editor app. Within the Video Edit Screen I'm placing a "Save button" so the user can press Save quickly.
Do you think:
1) I should place the "...
0
votes
2answers
61 views
Mobile log-in: how to divide two types of user logins and two methods of logging in?
So I'm designing a modile/table log in page. There are two types of users who can log in because the functionalities of the application depend on what type of user they are. Employees and managers.
...
0
votes
1answer
74 views
How to show pre-filtered list on a search results area
I am working an iOS app that manage employees requests,
I have a screen that shows requests, and a search field above it, I can search within my requests.
but, I can also send a push notification with ...
1
vote
2answers
113 views
Appropriate padding percentage between buttons
I'm laying out 5 buttons programmatically on the screen.
So for example, the screen is 1000px wide. I'm dividing 1000 by 5 and get 200px for a single button. Since this is for mobile devices, it can ...
2
votes
1answer
89 views
Material - List item with main and secondary expand action
I am having some trouble deciding on where to place two actions in one list item.
This is how the list item looks like.
So this design is V2, and in previous version the item only had one function ...
0
votes
0answers
28 views
Mobile SSO when you don't know the Identity Provider
I have a mobile app that I'm going to allow users to SSO into. However, due to the nature of the business, the identity providers they'd use won't be common ones like GitHub, Google, or Facebook. It ...
0
votes
1answer
82 views
Why would a mobile app have its home screen in the center of a navigation bar?
I've always seen icons in navigation bars display icons in order of importance from left to right (at least in the US), with the Home icon being aligned to the left.
However, I was testing out an app ...
