UIO
  • Member for 5 years, 7 months
  • Last seen more than a month ago
  • London, UK
How to best display number of hours
Accepted answer
57 votes

Jira has a great and clear way of doing this when entering time estimates in the task estimate field, simply using 1 letter after the weeks (w), days (d), hours (h) and minutes (m). By not allowing ...

View answer
Showing both your answer and the correct answer on UI
21 votes

The first thing that springs to mind is 'Who wants to be a millionaire?' and how they show something similar. The green is the chosen answer and the orange is the correct one: You could do something ...

View answer
Should the label for a switch component be tappable on iOS?
Accepted answer
20 votes

In iOS tapping the label does not enable/disable the switch. Go with what ever the convention that is part of the respective operating systems, as the users of those systems will expect the ...

View answer
UI pattern to hint at important content outside of viewport
Accepted answer
10 votes

This is called a Contextual Notification. It does not require the user to take action but informs them of something. It announces a significant event while not requiring something from the user nor ...

View answer
Looking for word or definition of "intro" of a site
Accepted answer
9 votes

It sounds like you are referring to 'Onboarding' Things like this: https://www.appcues.com/blog/the-5-best-user-onboarding-experiences https://medium.com/inspiration-supply/examples-of-onboarding-...

View answer
Cookie banner/popup decline button
Accepted answer
8 votes

GDPR is the main influencer with a mix of vested interest of the business. GDPR requires a users to now consent to non essential cookies. If you do not consent then they cant be used and the ...

View answer
What size of a button can a reasonably fat finger comfortably click?
Accepted answer
8 votes

The 'fat finger' error is states a minimum of 44px x 44px (around 11mm x 11mm) is advisable for the contact patch of your finger/thumb. The 'centroid' is the first part of your finger that has contact ...

View answer
Tips on number formatting for better readability
8 votes

Re-sizing elements in this UI may help. Firstly, those first numbers are huge and the ones that follow are way too small. It makes it difficult to read and you can't do so at a simple glance. There ...

View answer
What is the best UI component to make user select a number from small range (1-12)?
Accepted answer
5 votes

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 ...

View answer
UX in the wild vs UX observed
5 votes

As the answer from JonW states there is the Hawthorne Effect. But there are some behaviours you may be able to see in a natural environment if you take the ethnographic research approach rather than ...

View answer
Best practice UX - selecting item from couple of items
5 votes

If you want the user to select 1 option of a range, I would be inclined to go with the radio button as this is the convention. This would be my go to. However if there is a change in the form under ...

View answer
Is it okay to have 300 large images on the home page of a website?
4 votes

Doesn't that amount to a 20-50MB page load which is really bad? Yes. This is alot of images (and size) to download, especially for mobile. It will take an age to load and hammer the users data usage. ...

View answer
WCAG 2.0 color contrast - How strict do you need to follow?
4 votes

My issue is that I just don't understand how based on the rules, that black text is better on the purple than white. This is to do with the varying types of colour blindness and if people with ...

View answer
How to display units of measurement as words
Accepted answer
4 votes

I think '5ft 9in' is fine. I think its a perfectly accepted abefviation of feet/inches. The other way would be to use CM if you don't already do so, this metric tends to be more common on fashion ...

View answer
Gray prototype type look when data is not loaded
Accepted answer
3 votes

I dont think there is a link to research specifically (certainly none that I have seen). I think this is something that companies have come across in research. Its used to give the user an indication ...

View answer
Annotating wireframes in sketch - how do you do it?
3 votes

Assuming this is for dev handover/client engagement. There are a couple of things you can do here that I do/have done: Look into software: Zeplin is great for this as it automatically numbers ...

View answer
Showing edit mode for messages
2 votes

Firstly with the state changing I wouldn't worry about the button being in the same place. The user is performing a different action in both instances so will likely expect there to be different ...

View answer
What is this preview pattern for vertical tabs called?
Accepted answer
2 votes

Looking around online it appears that these are indeed vertical tabs, they look and work in the same way as standard vertical tabs (with the additional check box functionality). See below for some ...

View answer
Smallest phone screen to design for
Accepted answer
2 votes

480x800 is the size of an android device screen/view in Pixels. For us to choose sizes we generally either: See what the most popular screen size is among users and go with that OR talk to the ...

View answer
What benefits are user avatars offering?
2 votes

A few points as to why I have used them in the past: As you say, a good vibe and feel using customisation. Personalisation. It lets the user add a sprinkle of character to their information/profile, ...

View answer
WCAG AA Compliance and Card Patterns
2 votes

In my experience making the link look like a link as explicitly as possible in content and UI is the best thing you can do, use an accessible colour to call it out more and maybe have it permanently ...

View answer
inline editing- save/cancel button or auto save?
Accepted answer
2 votes

Having a 'Save/Cancel' button in this may give the user more confidence that the system has changed it and its saved. Given as you say that these can be pretty significant changes, the buttons will ...

View answer
Is it okay to name submit button as "Select"
2 votes

Looking at what youve attached something like 'Next' or 'Continue' or something along those lines may be more apt, as the button doesnt select the video, the act of clicking the video itself is ...

View answer
Why do many companies hide their navigation during the Sign-In and/or Sign-Up flow?
1 votes

The purpose of a sign in journey is to get the user to sign up. This is the only goal/requirement of the journey as a whole. Any distractions risk the conversion (in this instance a sign up of a ...

View answer
Designer - Developer Spec hand-off?
1 votes

I know you've mentioned this above but Zeplin is a great tool to allow developers to see html & css in the designs so, our developers love it. I would consider this. Another thing I would ...

View answer
Breadcrumbs - vertical or horizontal?
1 votes

I would argue the more common method would be to go with a horizontal breadcrumb, as this quite easy to see a step by step progression and journey the user has taken to navigate to where they are. ...

View answer
Skill charts in a portfolio - Not good "UX"?
Accepted answer
1 votes

I think skills matrixes are way to subjective, you may consider yourself a master at a software tool in your current surrounding but you may not be else where. Personally I never put them on for 2 ...

View answer
Modal close button style
1 votes

The common convention for this is 'A', this is most commonly seen in modals. Having the close button at the top is bad practice because: It is likely the first thing the user will see, and given a ...

View answer
Getting a UK postal address
Accepted answer
1 votes

Yes, some apartment buildings and office buildings can be an exception. Some apartment buildings will show as a number and street name but not the specific apartment number. For example, I was ...

View answer
Token-field design pattern that has lot of tags selected
1 votes

Generally I've only ever seen this type of UI displayed in full because it is in the users benefit to see them all. You see this alot in search UI, users are filtering and customising a search to ...

View answer