Hot answers tagged

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 ...
Nick Groeneveld's 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 ...
DasBeasto's user avatar
  • 15.3k
17 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 ...
Dipak's user avatar
  • 16.2k
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 ...
DesignerAnalyst's user avatar
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.
Karlgoldstraw's 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 ...
Devin's user avatar
  • 37.3k
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 ...
abrahamnavas's 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 ...
Andreas Johansson's 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 ...
Elliot's user avatar
  • 832
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 ...
plainclothes's user avatar
  • 21.3k
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 ...
Mr. Shiny and New 安宇's user avatar
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 ...
Paul S's user avatar
  • 2,329
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 ...
Midas's user avatar
  • 6,547
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 ...
nadyne's user avatar
  • 3,624
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 ...
Miles Reiter's 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.
Midas's user avatar
  • 6,547
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. ...
Leviscus Tempris's 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 ...
locationunknown's 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 - ...
Alvaro's user avatar
  • 16.8k
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 ...
Chris H's user avatar
  • 1,439
4 votes

Which is better, Side Menu or Fixed Bottom Menu?

My inner designer supports hamburger menu because they can be designed soooo pretty - just look at all the dribbble shots (actually don't look at dribbble for UX related matters). But, unfortunately, ...
Armands's user avatar
  • 172
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 ...
ecc's user avatar
  • 1,356
4 votes

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

The most common way of doing this is to show uneditable text as text directly on the page and editable text in an editable text field. Are you doing something that prevents this?
Ken Mohnkern's user avatar
  • 9,034
4 votes

Having no content on product launch

In your situation try to avoid the empty state. If you join an app/community & it’s a ghost town, why would you ever return? As an extension of this, if you have smart coders who can build bots, ...
Supra's user avatar
  • 785
4 votes
Accepted

Should a message show up confirming the user wants to leave when they press on a 'back' button within an app?

This is a good question but I am afraid the answers are going to be opinionated. My answer is based on my experiences with various apps. When a two-step exit is helpful On feed-based apps that don't/...
Shreyas Tripathy's user avatar
4 votes

One app with more features vs. separate apps focused on one thing

The term you're looking for is debundling. Debundling is definitely not just a UX decision. It's a collective decision between business technology and design. There are many reasons why not to ...
Korhan's user avatar
  • 137
4 votes

One app with more features vs. separate apps focused on one thing

As with most questions on UXSE, context is the key when it comes to making decision about your users. You used the example of Facebook which initially had a lot of different 'products and services' ...
Michael Lai's user avatar
  • 26.7k
3 votes

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

A momentary switch is only active when pressed down, like the keys on a computer keyboard. A rocker has two related actions. So the functionality of a momentary rocker is just two standard buttons, ...
Matt O'Keefe's user avatar
  • 1,860
3 votes
Accepted

Choosing unit of measure system

I've been trying out different fitness apps over the last week or so, and have come across this issue on a lot of them. The very worst offenders are the ones that don't allow you to switch unit types ...
Phoebe's user avatar
  • 146

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