People Innovation Excellence
 

How to Create a Good User Interface? – OutSystems I

User interface. In information technology, user interface is everything designed into an information device with which a person may interact. This can include display screens, keyboards, a mouse and the appearance of a desktop. It is also the way through which a user interacts with an application or a website. This article will guide you to be a good user interface designer.

There is much guidance about how to create a good user interface stated by the experts. Jakob Nielsen’s 10 usability Heuristics for User Interface Design, Bruce Tognazinni’s principles of interaction design, both are two examples of guidance given by UI experts. Actually, all the guidance is alike. I will bring up the guidance given by Ben Shneiderman, it is called “the 8 golden rules of interface design”.

These 8 golden rules by Ben Shneiderman are considered as the golden rules of interface design, but in my perspective, not all rules are related to UI design. Some of the rules are more likely related to user experience. So in this article, I will bring up only the rules that are related to user interface. Once again it is from my perspective. The rest of the rules I will bring up in my second article about user experience.

  1. Strive for Consistency

When you build an application, make sure your pages have the same theme. For example: colors. If you’re using red as your base color, use red as the dominant color for all pages. You may use other colors, but make sure red is the dominant one. The application of shapes, font style, animation, and other design perspectives also important to be align. A consistent interface will make users easy to operate your application.

  1. Design Dialog to Yield Closure

Sequences of actions require beginning, middle, and end. A good interface will not amalgamate all the sequence in one display, but put it separately. For example when the application needs the user to input personal data, photo, and verification to complete an account registration, don’t put it all in one display. You may stick to one page only, but you might consider putting it into different tabs. With this technique, user will not feel that your application is complicated, even though functionally it is the same.

  1. Reduce Short-Term Memory Load

This is important especially for an application of ordering goods. For example, user is buying plenty of things in the application. They might forget what goods they have ordered before; therefore it is important to remind the user. You may add a “bag” tab, or displays the goods they ordered somewhere that user can easily see.

The 3 rules above are what I considered related to user interface principals. The other 5 rules, I will discuss in my next article.

Outsystems, is one of many application that allows you to create your own application. The functions, the interface, the flows, and etc. With outsystems, you may create your application as free as you want, whether it’s a mobile application, or a website. It is free, so I guess it’s worth the try.

REFRENCE:

https://webdesign.tutsplus.com/articles/8-golden-rules-for-better-interface-design–cms-30886

https://careerfoundry.com/en/blog/ux-design/the-difference-between-ux-and-ui-design-a-laymans-guide/

https://searchmicroservices.techtarget.com/definition/user-interface-UI

https://www.interaction-design.org/literature/article/20-people-in-ux-that-you-have-to-follow-on-twitter


Published at : Updated
Leave Your Footprint

    Periksa Browser Anda

    Check Your Browser

    Situs ini tidak lagi mendukung penggunaan browser dengan teknologi tertinggal.

    Apabila Anda melihat pesan ini, berarti Anda masih menggunakan browser Internet Explorer seri 8 / 7 / 6 / ...

    Sebagai informasi, browser yang anda gunakan ini tidaklah aman dan tidak dapat menampilkan teknologi CSS terakhir yang dapat membuat sebuah situs tampil lebih baik. Bahkan Microsoft sebagai pembuatnya, telah merekomendasikan agar menggunakan browser yang lebih modern.

    Untuk tampilan yang lebih baik, gunakan salah satu browser berikut. Download dan Install, seluruhnya gratis untuk digunakan.

    We're Moving Forward.

    This Site Is No Longer Supporting Out-of Date Browser.

    If you are viewing this message, it means that you are currently using Internet Explorer 8 / 7 / 6 / below to access this site. FYI, it is unsafe and unable to render the latest CSS improvements. Even Microsoft, its creator, wants you to install more modern browser.

    Best viewed with one of these browser instead. It is totally free.

    1. Google Chrome
    2. Mozilla Firefox
    3. Opera
    4. Internet Explorer 9
    Close