UI DesignerUser interfaces design, usability and UX evaluation
1 2 3 4 5
Web interfaces Web interfaces Mobile interfaces Mobile Icons Icons UX evaluation UX evaluation Theory of Usability Theory About me About me


[5] page: 5.1

Theory:



Process:



Business:



Main page   /   Theory   /   User interfaces design



5.2

User interfaces design
I rely on ISO-13407 standard while designing user interface.

Thus, products meet the highest usability standards and also meet the international certification standards.

Design of user interface must always precede development of the product’s functional elements.

Process of user centred design ISO-13407

At first created a draft version of a product, i.e. a prototype, which enables to measure the product’s efficiency prior to proceeding with functionality issues and finalization of the project.

The prototype development calls for much smaller investments, than a website development. The prototype testing helps to identify the optimal options in terms of the future website’s functionality. Besides, such testing helps to reduce expenses and the period of the website engineering, thus preventing the company from wasting time and money for inefficient website without relevant functionality.


Engineering and design of user interface comprises the following stages (the list might be either reduced or extended, depending on the project goals):


1. Users, UX and context

  • identification of ways of the product’s application
  • identification of the general target audience’s (TA) attributes
  • identification of usability goals of the TA
  • identification of users’ roles vs. goals, ranking of goals’ importance for users
  • identification of functionality options necessary for meeting TA goals and objectives; ranking of functionality attributes dependant on how well they help to reach goals
  • comparative analysis of functionality and content vs. competitor’s products
  • consideration of business and functionality-related limitations
  • choice of the optimal product’s interfaces enabling to reach the key business goals of the project

The final document: usability analysis outlining potential user capabilities of the product vs. The initial business and functional requirements and limitations




2. Navigation and structure

  • designing scenarios outlining the “user-product” interaction in order to reach the goals (applicable to the chosen interface options and user roles)
  • ranking of scenarios by importance, relying on usage frequency and users’ roles
  • development of the information architecture and structure and navigation interface design providing optimal functionality, content and user interaction scenarios

The final document: the UI-structure outlining the pattern of product’s interface and the path the user follows while browsing the website (in accordance with the user scenarios and roles)




3. Layout design

  • layout design of the structure’s pages, which are to feature on a screen. Such design meets requirements towards navigation, functional, graphic and text elements of the screen forms of the pages. The requirements in question, in their turn, meet the standards of usability checklists

The final document: the UI-design featuring a catalogue of the key screen interface forms and requirements to location, priority, form and content of information, graphical and functional elements



4. Visual interface design

  • designing of creative visual elements of the interface to meet the brand-book standards and the corporate identity. This includes: style, color, fonts, graphic solutions (read more...)
  • design of association icons and graphic symbols
  • general design of the key screen forms of the key screen forms of the compositional design

The final document: the GUI-design outlining visual standards of information, graphic and functional interface elements



5. Preparing of prototype

  • creation of interactive model of the product enabling to make a full-scale investigation and evaluate the product’s usability, since the prototype fully imitates the future product (read more...)

The final document: the product’s prototype, which fully reflects features and usability of the future product (in terms of the user interface)



6. User testing

  • recruitment of respondents
  • the research set-up (defining of the research hypothesis, design of user scenarios etc.)
  • conduction of testing and recording of the results
  • the results analysis
  • provision of report with recommendations on the way to eliminate weak points and problem zones

The final document: report on user testing (read more...)



7. UI Specification

  • preparation of the document “User Interface Specification” outlining standards of the structural, compositional and visual design of the product taking into account recommendations based on the usability testing results
  • revision of the prototype relying on recommendations based on usability testing

The final document: Specification of the product’s UI



< | Further: Usability evaluation



UI design | Usability evaluation | Usability testing