Hot answers tagged

63 votes
Accepted

Is it frowned upon to allow the user two different options to perform the same action?

Many ways to perform the same action is fine Just make sure they don't get in the way of the most important task at hand. No two users are created equal Anyone who has done usability testing knows ...
user avatar
  • 15.8k
27 votes

Using two different fonts on a mobile application

Having two fonts, one for headers and one for body text, is generally accepted. Do not use more than two fonts. Three's a crowd. What's important for you is to create visual hierarchy. You can do ...
user avatar
26 votes

How to indicate that a card is expandable?

I've seen chevrons become popular for things like this. Big fat areas that are easy to press, along side footers with an ellipse. Pretty familiar symbols that imply expandable content without having ...
user avatar
25 votes
Accepted

Achievement unlocked, in other words

I think simply "Goal not met" seems fairly straight forward, BUT, an even better user experience would be using that space to give information on how to achieve the goal. Like so: Now instead of ...
user avatar
  • 15.1k
16 votes
Accepted

How to indicate that a card is expandable?

"show more" link (near the bottom) The easiest and clearest way to do this is with a clearly labeled link... show more If the link is there then I know there is stuff not showing. "expand card / ...
user avatar
  • 15.8k
16 votes
Accepted

Which is better, Side Menu or Fixed Bottom Menu?

Bottom navigation works well on Apple devices but not recommended for Android because of the system buttons. Dear Google, it is nice but I insist that the bottom navigation does not work well on ...
user avatar
  • 16.1k
13 votes

Key dimensions to efficiently describe a user interface

Following the great work of Anders Taxboe who has categorized different types of UI elements in a classification which is easy to understand and easy to follow. At the very highest level he uses the ...
user avatar
13 votes
Accepted

Using two different fonts on a mobile application

You should avoid using two different fonts for the following reasons: You create unnecessary contrast, which creates clutter. The visual hierarchy is already established by the difference in font ...
user avatar
12 votes
Accepted

Does dark theme implies security in an anti-malware app?

There is consensus within the research community and practicing UX professionals that color definitely has an impact on how a site or application is perceived by the user (paper discussing design ...
user avatar
  • 1,344
12 votes
Accepted

Can iOS apps be a bit more "adventurous"?

The Apple Human Interface Guidelines are 'Guidelines', not 'rules' - you don't have to follow them entirely, design and build what you like.
user avatar
11 votes

Is it frowned upon to allow the user two different options to perform the same action?

This is common practice so this is acceptable. you can see on youtube when browsing a video/channel you can decide to unsubscribe on the spot. Also when managing your subscriptions.
user avatar
11 votes

Why does a personal identification number (PIN) code only contain 4 digits?

Quite an user experience question, where technology development had to adapt to real life experience, in this case the inventor's wife experience The standard, ISO 9564-1, allows for PINs from four ...
user avatar
  • 32.6k
8 votes
Accepted

App design process - Prototype phase: Photoshop design every single screen?

No, it's not always necessary. System-defined screens are not obligatory, and there is no need to reproduce clone pages/elements with minor changes. Alternatives to hi-fi prototypes are lo-fi ...
user avatar
  • 4,893
8 votes

Is it frowned upon to allow the user two different options to perform the same action?

While multiple paths to do something might be convenient, this has a flip side. Consider the PCB design software I'm using. The image below shows two of many ways to add a new schematic document to ...
user avatar
  • 843
8 votes

Bottom Navigation Bar With Floating Action Button

Yes, it's a good practice. While you can display a Floating Action Button in order to facilitate a primary action, this doesn't mean it must be showed in all sections. I mean, if you are on a Bottom ...
user avatar
7 votes

Using two different fonts on a mobile application

It is definitely common with both designs using a combination of typefaces (typically 2; one for headers and one for body) , and sometimes only 1 typeface. I can't say I have found specific research ...
user avatar
7 votes
Accepted

What is this UI component called?

I'm assuming they're talking about something like this: From what you've described, they might be looking for something like classic iOS date spinner, or the Material UI "datetime-local" component ...
user avatar
  • 822
6 votes

Having no content on product launch

Empty States What you're referring to is known in the software world as an "empty state". It can be just like it sounds: empty. But if you're smart, it becomes a delightful training tool. The idea ...
user avatar
  • 21.1k
5 votes

How can I represent multiple pins at the same location on a map?

"How do I do clustering on a map correctly" is a common question in mapping applications. Short answer: Clustering doesn't work. There is no such thing as good clustering UX, as clustering is not ...
user avatar
  • 7,409
5 votes
Accepted

How would you implement a Momentary Rocker switch in a mobile app or web page?

You could just use two adjacent buttons: download bmml source – Wireframes created with Balsamiq Mockups So, first, consider why you want to use a momentary-switch-equivalent. These switches ...
user avatar
  • 2,309
5 votes

Should 'critical' system push notifications be sent regardless of the user's settings?

What a system finds "critical" and what a user finds "critical" are not always the same. A user may have disabled notifications for many reasons. The system's importance may be lower than it thinks it ...
user avatar
5 votes
Accepted

Should I choose a short or lengthy title for my app on App Store?

Typically, the top performing apps have shorter (branded) titles The average for the top 200 free apps are: 26 characters 4.5 words But it probably doesn't matter App title length – if penalized at ...
user avatar
  • 6,506
5 votes

Can iOS apps be a bit more "adventurous"?

Guidelines are guidelines. If you follow the guidelines, you are leveraging the platform's consistency. This reduces the cognitive load for your users because they already have an innate ...
user avatar
  • 3,623
5 votes

Bottom Navigation Bar With Floating Action Button

I think one could make an argument that it leads to too much visual weight being in the bottom of the screen in cases of having software nav buttons. But there's nothing about it that's inconsistent ...
user avatar
4 votes

Achievement unlocked, in other words

You could frame it as 'Achievement available' which is more positive language which encourages the user to try and unlock it.
user avatar
  • 6,506
4 votes
Accepted

App title or page title in the title bar of an app?

To answer your question, which I believe that you have already.. Yes, definitely use the app title at first for the top bar and switch it out for the page once the user has gone deeper into the app. ...
user avatar
4 votes

Is there a standard for capitalization of Android app menuitems?

Material design can be considered to be a standard when it comes to anything on Android app design. Material design on capitalization: Use sentence-style caps for all titles, headings, labels, menu ...
user avatar
4 votes

Is it bad practise to hide rarely used options and provide a button to expand them?

It is alright to expand certain content, but provide enough information of what is hidden. Right now the user won't know what the button does/displays until he clicks it. Take this Material design - ...
user avatar
  • 16.7k
4 votes

Using two different fonts on a mobile application

To me (not a designer by trade, but I've done some) MaaxRounded adds nothing when compared to the all-Roboto version (but the body looks very loose in MaaxRounded). With the contrast in size and ...
user avatar
  • 1,439
4 votes
Accepted

How should regular black text change to show that it has become editable?

Text inputs on the web usually have distinct looks. Inputs and text areas typically look like they some some "depth" to it. You can try do add some borders or outlines to make it obvious that the ...
user avatar
  • 1,356

Only top scored, non community-wiki answers of a minimum length are eligible