35
votes
Accepted
Will users know a CardView is clickable?
Make the title of the workout the same as the active click colour, so that it prompts users to click on the title. Even if the whole card is active - it gives the user something to focus on.
- 71.5k
13
votes
Will users know a CardView is clickable?
I recently did some testing with a similar design where the cards were not tappable, only the button like your "Start". The participants mostly expect cards and tiles to be tappable IF there is only ...
- 1,410
12
votes
Accepted
Hamburger menu or back button on Android?
The burger menu should be displayed on all of your top level destinations - the same screens that are listed in your navigation drawer.
When the user navigates to a deeper level, from one of these ...
- 473
10
votes
Back vs close icon in Material Design
There are official Material guidelines on this—here.
From the guidelines:
The “X” used in a full-screen dialog differs from an up arrow, which
indicates the view’s state is constantly being saved. ...
- 2,842
8
votes
Will users know a CardView is clickable?
There's nothing wrong with having clickable cards. An example of that is YouTube: when you're browsing a list of videos, each video is represented with a card.
Notice that the card also has a "show ...
- 181
7
votes
Accepted
How should an Android permission that looks fishy for the app but without which it's impossible to obtain a certain needed behavior be handled?
As you mentioned, asking for unnecessary permissions hurts your credibility. You need a good reason to ask for what you want. A new user doesn’t know the first thing about how this app works, so they ...
- 9,921
7
votes
Will users know a CardView is clickable?
I think when a big chunky object represents an action by interacting with it directly (clicking, tapping, hovering, etc) there should be an explicit visual hint (especially given "Cards" in Material ...
- 917
6
votes
Accepted
Does Android app need back button?
Unlike iOS, Android actually allows two different kinds of navigation: hierarchical (based on screen hierarchy) and temporal (based on the order in which screens were visited). It's just like in a ...
- 2,842
6
votes
Accepted
How do you handle bottom navigation on deeper levels?
One solution which may fit your problem is to keep focus on the current page by limiting top-level navigation.
For example, Facebook does this on their mobile app:
If the user is on the 'news feed ...
- 7,433
6
votes
Accepted
What is the best UI component to make user select a number from small range (1-12)?
There are a few options you could do here:
OPTION 1
Why not type it?
All the user needs to do is select the field and then type the number (with the majority of selections having just 1 number in ...
- 2,684
6
votes
How mockups differ from a real mobile app?
Mockups, Wireframes, Prototypes
These are 3 common deliverables from UX designers. Non-designers often confuse them with one another, so clarity is important for all involved.
mockup: a pixel perfect ...
- 2,669
5
votes
What is the best practice for displaying a data grid on a mobile device?
I think, this is a pretty good overview of your options: https://css-tricks.com/accessible-simple-responsive-tables/
It's talking about tables and CSS, but I think it can easily be applied to ...
- 2,693
5
votes
Can a dialog have more than two actions in material design?
From the Material HIG:
Dialogs should not include more than two actions. A third action, such
as “Learn more,” navigates away from the dialog, potentially leaving
the task unfinished.
Avoid ...
- 2,842
5
votes
Status bar color of BBC confused with battery low
"But red is our BRAND!" shouts someone from BBC's design department.
It's 2018, and by now everyone has spent a lot of time using digital applications. We've seen a lot of red things on our computer ...
- 1,476
5
votes
Accepted
What is the name of this element?
It depends on whether it makes sense to let the user choose a default or not.
If yes, then you're looking for a disambiguation dialog. In newer Android versions, it's a bottom sheet rather than a ...
- 2,842
5
votes
Accepted
bottom sheet dialog or complete screen for new task
The main point about it is the retention of context for the given sub-task. You have a main task and a sub-task, sometimes an interaction with both is necessary in parallel. The bottom sheet presents ...
- 6,877
5
votes
Selecting between two options in smartphone app?
The above two screens are an example of 'Navigation' and they are not used for 'Selection' in general.
Since you have mentioned it's an app that lets you choose food items, What If the user wants to ...
- 3,711
4
votes
Help Identifying "Up Left Arrow" Android / Material Design Icon & Usage
Searching on the internet "diagonal arrow search results" yields results such as Quick Tip: Long Press Google Search Suggestions To Pop Them Into The Search Bar. From the site:
Remember that little ...
- 5,643
4
votes
Accepted
How to deal with a lot (250+) of settings?
• Cluster the settings and create meaningful categories (for example: general settings, signature settings etc.)
• different between "normal" settings and "advanced settings", advanced people usually ...
- 10.8k
4
votes
Android app: informing users that an image is clickable
There are a lot of similar questions to yours, but I guess it's not quite a duplicate.
I feel like these questions would help you:
Make people understand they can click on a button in a flat ...
- 6,877
4
votes
Accepted
Can we use Airbnb Cereal font within android app for free?
Airbnb Cereal is Airbnb's bespoke typeface (i.e. a typeface custom designed for the company to serve their needs) and can be used only by Airbnb and their partners in some way. So legally you are not ...
- 415
4
votes
Material: Hamburger Menu and Navigation
Don't use a different application to define patterns and actions for your needs
The screenshots here are (presumably) from the Google Drive app where "Starred" isn't a standalone page. Here, "Shared ...
- 6,859
4
votes
Accepted
Is it okay to use both nav drawer and bottom nav in home screen of an android app?
In the image below, Facebook uses the hamburger menu on the far right within the bottom navigation as another option.
- 56
4
votes
A ripple animation to make the user aware of a new or unknown feature
The broader strategy is called "onboarding".
User onboarding...is the process through which new software is designed such that new users are provided and acquire the necessary knowledge, skills, and ...
- 19.6k
4
votes
Best colors for polls
Did you gain an understanding of how and where users are using your android app?
What you are looking for is not necessarily colors but accessibility & readability.
Please refer to this article ...
- 4,628
4
votes
Accepted
What's the name of this iphone control?
This is a segmented control, from the Human Interface Guidelines (Apple)
For Android, you get a reference to Material Design. They have a toggle button .
- 25.1k
4
votes
Graphic format. SVG PNG or something else
With an online SVG optimizer = 46 kb
It depends on the final destination of each image. If it were a personal project, knowing that I would only use the vector information, I would not hesitate to ...
- 21.2k
3
votes
Is showing an ad after a home button press too annoying?
Showing an Ad when user is trying to exit your app? Off course it will annoy/frustrate the users, because they have already made a decision to leave your app and then you show them an Ad would be ...
- 16.3k
3
votes
What kind of design to use for nested options?
Alternating backgrounds can show the context of each level of nesting.
Indenting for the new level of nesting also can help. If the level of nesting is very deep (depending on your screen size) you ...
- 3,973
3
votes
Accepted
Name of the Android popup opened by long pressing the power button
According to the developer options, it is called the "power menu"
I attached a screenshot of the developer options from Android Nougat
- 146
Only top scored, non community-wiki answers of a minimum length are eligible