{"id":8378,"date":"2023-04-27T17:59:21","date_gmt":"2023-04-27T17:59:21","guid":{"rendered":"https:\/\/www.uxdesigninstitute.com\/blog\/?p=8378"},"modified":"2024-05-22T09:24:50","modified_gmt":"2024-05-22T09:24:50","slug":"ui-design-dos-and-donts","status":"publish","type":"post","link":"https:\/\/www.uxdesigninstitute.com\/blog\/ui-design-dos-and-donts\/","title":{"rendered":"8 UI Design Dos and Don\u2019ts (With Examples)"},"content":{"rendered":"

UI design is a creative discipline, but it\u2019s not just about aesthetics. Any interface you design should be visually pleasing\u2014but, most importantly, it should be accessible and user-friendly.\u00a0<\/span><\/p>\n

So how do you strike the balance between beauty and usability?\u00a0<\/span><\/p>\n

There are certain rules you can follow to create gorgeous, user-centric interfaces. We call them UI Design<\/strong><\/span> Dos and Don\u2019ts<\/b>, and we\u2019ve outlined them for you here:<\/span><\/p>\n

    \n
  1. DO design for all screen types and sizes<\/span><\/a><\/li>\n
  2. DON\u2019T underestimate the importance of good imagery<\/span><\/a><\/li>\n
  3. DO use alignment to create neat, user-friendly designs<\/span><\/a><\/li>\n
  4. DON\u2019T let aesthetics compromise usability<\/span><\/a><\/li>\n
  5. DO imitate real-world light<\/span><\/a><\/li>\n
  6. DON\u2019T forget about whitespace<\/span><\/a><\/li>\n
  7. DO use sufficient contrast<\/span><\/a><\/li>\n
  8. DON\u2019T reinvent the wheel<\/span><\/a><\/li>\n<\/ol>\n

    Keep reading to learn more about what each rule means, with examples and actionable tips to guide you.\u00a0<\/span><\/p>\n

    \n\t
    \n\t\t
    \n\t\t\t
    \n \n

    [FREE UX DESIGN COURSE]<\/p>\n Click Here to Dive into the World of UX<\/span>\n <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n

    <\/a>DO: Design for all screen types and sizes<\/strong><\/h2>\n

    This one should go without saying, but it\u2019s surprising how often this golden rule is broken.\u00a0<\/span><\/p>\n

    Whenever you\u2019re designing a website, make sure you design for all screen types and sizes\u2014otherwise known as responsive design.\u00a0<\/span><\/p>\n

    Do:<\/strong><\/h3>\n