10 Practical UX Design Tips in Web Design


There are countless ways to enhance user satisfaction on your website. Each page element has the potential to deliver comfortable interaction experience but only when designed properly. Similar to designing products to consumers, UX designers are offering user-friendliness. It also means they have to stand in users’ shoes to really understand the demands. Here are some practical tips on how to make every element on the website enjoyable for user.


  1. Content: the most informative parts of any website are its contents. Use obvious terms to explain everything. Key information should be the priority and placed in noticeable part of the page.
  1. Navigation: avoid having navigational hierarchy of 4 levels deep; 3 levels are accepted but avoid it when you can. Sticky menus are best for both short and long pages, ensuring quick access. The tricky part is to not make the menus distracting, but it is not impossible. Login and search should always present.
  1. Search: top right corner is the most acceptable location to access search feature. In mobile website, use an icon to save space. In the desktop version, search bar is recommended because it allows user to see the entire query.
  1. Flow: everybody wants to be a creative website designer, but users want familiar designs so they don’t have to learn something new. Every page should lead to another, and you cannot afford to have dead-end page.
  1. Contrast & Color: some of your users are probably colorblind, so pick the colors carefully. Also, blue color is preserved for links only. Contrast is good, but you have to think about mobile users who probably have issues with screen glare.
  2. Scrolling: as long as the webpage provides relevant information, users do not mind to scroll, but avoid having too many long pages. Make clear indications on the direction of scrolling and what users can expect in the next page. Let us not forget that scrolling is easier than clicking “Next”.
  1. Loading: texts should appear first before images and other elements. To make your website feel faster, use animation or skeleton of website elements when loading.
  1. Readability: use consistent font styles. Some people scan and read later, so make sure you include visual variety in few places on the text. Avoid using capital locks because they are actually more difficult to read.
  1. Help & Hints: offer FAQ when appropriate. Contents on web page should be short, but you can make use of accordion design to compress long pages or instructions.
  1. Mobile: when contents and elements are packed together too closely, mobile users have difficulties to navigate. Please put in mind the thumb placements when you are reading on tablet or phones; these are where menu buttons should be. Last but not least, do not ask users to use double-tap for anything.

Leave a Reply

Your email address will not be published. Required fields are marked *