Don’t: Use hamburger button.
Hiding all of your product’s navigation behind one burger button is convenient and makes for a clean user interface. It’s especially enticing for designers working on mobile products, or web apps that need a streamlined user interface design.
Unfortunately, it can also be confusing. Hamburger menu icons usually have no accompanying text — they were originally invented for users who already instinctively know what’s behind them. Hiding your features off-screen behind a nondescript icon in the corner is usually a poor mobile design choice
Instead: at least use the word “Menu” / replace hamburger menu with a tab bar.
Don’t: Place mobile menu at the top of the screen
Try this: grab your phone and unlock it as you normally would, then try and reach the top left corner with your thumb, without re-adjusting your grip. It’s pretty difficult unless you have very large hands. Even with smaller smartphones, our fingers generally can reach the bottom ⅔ of the screen without adjustment, but require us to adjust our grips to access the top ⅓. Screen sizes are only getting larger, and even iPhone’s readability feature doesn’t make it that much easier. Users go towards the path of least resistance, and oftentimes that means they’ll avoid using the menu.
Instead: place the menu at the bottom.
Don’t: Mask passwords
Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn't even increase security, but it does cost you business due to login failures.
Most websites (and many other applications) mask passwords as users type them, and thereby theoretically prevent miscreants from looking over users' shoulders. Of course, a truly skilled criminal can simply look at the keyboard and note which keys are being pressed. So, password masking doesn't even protect fully against snoopers.
Instead: make masking optional.
Do: Remove password confirmation
Many think the confirm password field is necessary to include when creating a password. This is because a password field masks the user’s input. If users mistype their password, they won’t recognize it. The confirm password catches typos by prompting users to type their password twice.
While the confirm password field seems sensible, including it can lower your conversion rate.found that the confirm password field was responsible for over a quarter of all users that abandoned their sign up form.
Instead: stop password masking, it is particularly painful on mobile devices, where typing is difficult and typos are very common. Users erase the whole password when they hit only one wrong key.
Do: Use data type for form fields
One of the most frustrating experiences a person can have on their phone is filling out a form. That’s because most web developers and designers don’t optimize their forms for mobile users.
It ends up that optimizing forms for mobile users is quite simple. All it takes is changing the data type for the input field. For example, when you change the data type from text to tel, the mobile browser will display the telephone keyboard instead of the normal QWERTY keyboard.
Don’t: Use modal dialogs
Use dialogs sparingly because they are interruptive. Their sudden appearance forces users to stop their current task and focus on the dialog content. Users have to deal with a dialog before continuing and are no longer able to access the page below. Sometimes this is a good thing, such as when users must confirm an important action, but most of the time it’s unnecessary and quite often it’s very annoying. According to, sites that contain pop-ups and email capture light-boxes will be penalized.
Such dialogs create countless issues for users without keyboards.
A dialog should always open upon the user doing (or did) something. That something might be clicking a button, following a link or selecting an option.
Don’t: Put too much emphasis on the homepage
While the homepage might be the most viewed page on your website, that doesn’t automatically mean you should spend all your time on its optimization. There’s one crucial reason for this — the homepage is just a step in the user journey, it’s not a final destination for users.
The role of a homepage in a user’s journey is similar to a hotel lobby. The lobby is an essential part of every hotel but not the place where visitors want to stay. People don’t come to a hotel to stay in the lobby — they want to stay in a room. Similarly, most of the time people spend on websites is not on the homepage.
The homepage provides just two functions that are really important for users:
Don’t: Emphasize on being “engaging”
Because most users visit websites in a hurry to gather details or get something done immediately. If you try to engage with them and get them to stick around, using things that aren’t inline with their mission, they tend to see them as interruptions.
Focus on providing users with the info they want. Stuffing your site with irrelevant images and other things speak poorly about you and your website and might hurt you in the long run.