• English
    • 日本語 (Japanese)
Avinton JapanAvinton JapanAvinton JapanAvinton Japan
  • Services
    • Avinton Data Platform
    • Edge AI Camera
    • AI Service Development
  • Academy
  • Blog
  • Careers
    • Career Information
    • Jobs
  • About
    • Company Profile
    • Message from the CEO
    • Corporate Social Responsibility
  • Contact

UI Design Introduction & Basics

By James Cauchi | Tech Articles | Comments are Closed | 18 November, 2015 | 1

Basic Principles of UI Design

  • Appearance – the interface should be divided into different areas grouped by purposes.
  • Content Awareness – the interface should inform user of their current location and the meaning of the presented information.
  • Aesthetics – the interface should provide a balance between the amount
    of the information presented and its visual attractiveness.
  • User Experience – the interface should take into account both ease of
    learning for beginners and at the same time provide robustness for experienced users.
  • Consistency – the interface should be consistent in order to facilitate user
    with prediction of the consequences of each taken action.
  • Minimizing Effort – the interface should facilitate user interaction, bringing number of steps leading to a goal to minimum.

Division Principles

  • Each area should have clearly defined boundaries.
  • Each area should have a clearly defined purpose.
  • Each area should contain only the information that is need to accomplish a specific purpose.
  • Information areas should be ranked in order of being processed by the user (from
    top to bottom, left to right).

Aesthetics

  • The user interface should be both functional and aesthetically pleasing.
  • The amount of space between interface elements
    should be tailored to the user’s requirements (eg. 50% for novice and 10% for advanced users).
  • Forms should be kept simple and should contain sane amount of items. Forms should be displaying only the amount of information possible to be processed by the user in one go.
  • It’s advisable to avoid using more than two different fonts. Decorative fonts should be avoided, as they are often difficult to read.
  • Colors should be subdued (contrast brings attention but is tiring).
  • Color shouldn’t be the only differentiator. Interface should be friendly for the people suffering from color blindness.

User Experience

  • The user interface should be easy to learn, especially for novice users.
  • The user interface should facilitate and accelerate execution of actions by advanced users.
  • The menu should consist of no more than three levels for the main menu and no more than two levels
    for context menus.
  • The menu should present all available functions, ie. there shouldn’t be any function that’s inaccessible through the menu.
  • The menu should contain no more than a few positions at every level. For more sophisticated menus items should be logically grouped and more frequently used functions should be highlighted in some way.
  • Frequently used functions should be available directly and be easily accessible.
  • Buttons should have an icon resembling performed action and name of the action assigned to them. If the name of the action can’t be shown directly on the button it should be shown as a tooltip upon hovering over the button.
  • It is advisable for more complex applications to have their capabilities presented by using hints.
  • If hints take considerable amount of space on the screen, app should allow tips to be disabled and re-enabled once again on demand.

Consistency

  • User interface should be consistent to ensure the predictability of actions taken by the user.
  • All elements of the application should be designed in a uniform manner, ie. using homogenous conceptual (terminology) and using homogenous forms (the same layout, fonts and colors) and clear navigation.
  • The user interface should be consistent with other applications used in the same field.

UI Evaluation

  • Heuristic evaluation (a ssessment of compliance with the rules).
  • Review with the user.
  • Interactive evaluation with the user.
  • Formal usability testing.
Interface

Related Post

  • Aiと仕事

    Automation, Robotics, AI and Jobs?

    By James Cauchi | Comments are Closed

    Will my job be automated? Due to the significant amount of research and development done in Automation and AI over the past few years we will start to see a significant portion of jobs takenRead more

  • Avinton Machine Learning - Infrastructure Considerations

    Machine Learning / AI Storage and Infrastructure Considerations

    By James Cauchi | Comments are Closed

    Read more

  • Avinton - Storage Solutions

    Big Data Solutions – Storage

    By James Cauchi | Comments are Closed

    Read more

  • Avinton Career Steps

    Salary in IT – Journey to 1 Million Yen / Month

    By James Cauchi | Comments are Closed

    As an engineering graduate and IT Consultant myself I always had big dreams of my future in this growing industry. In this article I will walk through some observations which may be useful for thoseRead more

採用情報

採用情報

カテゴリ

  • Events
  • mainpage
  • Tech Articles
  • Uncategorized

Recent Posts

  • Aiと仕事
    23 May, 2017
    Comments Off on Automation, Robotics, AI and Jobs?

    Automation, Robotics, AI and Jobs?

  • Avinton Machine Learning - Infrastructure Considerations
    12 December, 2016
    Comments Off on Machine Learning / AI Storage and Infrastructure Considerations

    Machine Learning / AI Storage and Infrastructure Considerations

  • Avinton - Storage Solutions
    16 March, 2016
    Comments Off on Big Data Solutions – Storage

    Big Data Solutions – Storage

  • Avinton Career Steps
    13 March, 2016
    Comments Off on Salary in IT – Journey to 1 Million Yen / Month

    Salary in IT – Journey to 1 Million Yen / Month

Search

Follow Us

Avinton on Wantedly

Archives

  • May 2017 (1)
  • December 2016 (1)
  • March 2016 (3)
  • February 2016 (1)
  • November 2015 (2)
  • September 2015 (2)

Tags

AI Big Data Commodity Hardware Consulting Data Science Infrastructure Interface Machine Learning Programmer Storage
© 2021 Avinton | All Rights Reserved | Privacy Policy
  • Services
    • Avinton Data Platform
    • Edge AI Camera
    • AI Service Development
  • Academy
  • Blog
  • Careers
    • Career Information
    • Jobs
  • About
    • Company Profile
    • Message from the CEO
    • Corporate Social Responsibility
  • Contact
  • English
    • 日本語 (Japanese)
Avinton Japan