The document discusses elements of user interface (UI) design including interfaces, user experience (UX), guidelines, and principles. It provides examples of UI like menus, buttons and icons. It lists principles of UI design and guidelines for designing intuitive and usable interfaces like using consistent colors, input validation, and clear navigation. The document examines how UI has evolved from system-centric to more user-centric designs.
The document discusses elements of user interface (UI) design including interfaces, user experience (UX), guidelines, and principles. It provides examples of UI like menus, buttons and icons. It lists principles of UI design and guidelines for designing intuitive and usable interfaces like using consistent colors, input validation, and clear navigation. The document examines how UI has evolved from system-centric to more user-centric designs.
The document discusses elements of user interface (UI) design including interfaces, user experience (UX), guidelines, and principles. It provides examples of UI like menus, buttons and icons. It lists principles of UI design and guidelines for designing intuitive and usable interfaces like using consistent colors, input validation, and clear navigation. The document examines how UI has evolved from system-centric to more user-centric designs.
1. User interface (UI) is an _____________ process between ________ and ___________ .
2. Elements of UI are: _____________ , _______________, ______________, __________ , ___________ and other communication features between user and computer. 3. Example of UI: __________ , ___________, ___________, _____________, _________ . 4. UX is a process of ________________________________ , which is more than an UI, where it involves ___________________. 5. The evolution of UI, from _________________ , where the IT department become the system facilitator, into a ______________ system, where most of the user can access directly to the system with certain access level. 6. List all principles of user interface design: ____________________________________________________ ____________________________________________________ ____________________________________________________ ____________________________________________________ ____________________________________________________ ____________________________________________________ ____________________________________________________
7. Determine the principle that related to the following situations:
i. Allow the user to accomplish their task within the system, quickly and feel satisfied. _______________________________ ii. Applying the UX when designing the interface. _______________________________ iii. Allow the user to comment(s) or give suggestion(s) about the system. _______________________________ iv. Creating a FDD before designing the user interface. _______________________________ v. Use a relevant picture and simple interface to make the interface more attractive. _______________________________ vi. Record all the design process. ___________________________________ vii. Designer draw the storyboard / screen design and then present it to the user for approval. ________________________________ 8. List all basic Guidelines of User Interface Design ____________________________________________________ ____________________________________________________ ____________________________________________________ ____________________________________________________ ____________________________________________________ ____________________________________________________ ____________________________________________________ ____________________________________________________
9. Determine the guideline that related to the following situations:
i. Use appropriate colours to highlight different areas of the screen. ____________________________________________________ ii. Input mask available to guide the user on how to insert a data. ____________________________________________________ iii. Use a shopping trolley icon when user add an item before check out. ____________________________________________________ iv. The entire menu, buttons, links, images are clear and visible to the user. ____________________________________________________ v. Undo button, clear button, reset button are available for user. ____________________________________________________ vi. User can easily navigate through the system. _____________________________________________________ vii. The menu is group accordingly and there are shortcuts for user to perform an action. ____________________________________________________ viii. A message will be automatically displayed to the user when he/she successfully made a payment in the system. ____________________________________________________