Monday, December 19, 2016

О классификации UX и UI областей, аспектов и компонентов

    В общем, изначально в ответ на пост "Олег Ващуков" в Facebook. Собственно после обнаружения 1) класса "UI  компонентов" под названием "Цвета" и 2) "Контролы" и "Кнопки" на одном уровне, я понял, что систематизация и классификация - это даже важнее, чем я считал раньше. 
    Поэтому ответ уехал в самый конец этого поста. Ведь компоненты, включая стандартные визуальные элементы WIMP-интерфейса - это маленький кусочек.

    Прикопаю здесь как точку отсчёта диаграмму из моих лекций (выдрал outline, а вообще надо перерисовать). Потом обсудим с коллегами на современном уровне. Уровень 2011 года уже нуждается в обновлении...


    Basic areas

    1. System engineering and UX
    2. User modelling
      1. Goals and roles
      2. Audience and positioning
      3. Cognition
      4. Human factors
      5. Affordance
    3. Process modelling
      1. Use case modelling
    4. UX and UI formalization
      1. UX description languages
      2. UI description languages
    5. User education
    6. Context-sensitive set of input/output devices
    7. Context-sensitive UI components classification
      1. Navigation
      2. Modes
      3. Layout
      4. Containers
        1. ...
      5. Controls
        1. ...
      6. Actions and references
    8. Context-sensitive UI patterns
    9. Data visualization
      1. Basic data types visualization
      2. Visualization of data with complex structure
      3. Interactive visualization
      4. VR and AR, Mixed Reality
    10. Aesthetics
      1. UX style
      2. Graphics style
        1. Graphics design
        2. Color schemas and palettes
    11. Internationalization
      1. Sociocultural aspects
      2. Typography
    12. Accessibility
    13. Usability testing
    14. Conformance to standards
      1. ISO 9241!
      2. ...

     

    Main sites

    1. Профессиограмма интерфейсостроения (http://uiuxbok.ru/)
    2. UX Design Defined (http://uxdesign.com/ux-defined)
    3. UXmatters :: Insights and inspiration for the user experience community (http://www.uxmatters.com/)
    4. The Usability Body of Knowledge (http://www.usabilitybok.org/)
    5. UI Pattern Documentation Review by Patrick Stapleton, 2009  (http://boxesandarrows.com/ui-pattern-documentation-review/)

    Popular UI Patterns Catalogs

    1. A ui-design pattern reference collected from the most popular sites and books (http://patternindex.org)
    2. Jenifer Tidwell - Patterns (http://designinginterfaces.com/patterns)
      1. [Old] Jenifer Tidwell. COMMON GROUND: A Pattern Language for Human-Computer Interface Design (http://www.mit.edu/~jtidwell/common_ground.html)
    3. Martijn van Welie - A Pattern Library for Interaction Design (http://www.welie.com/patterns)
    4. UI-Patterns (http://ui-patterns.com)
    5. Pattern Tap (http://patterntap.com)
    6. Patternry (http://patternry.com/patterns/)
    7. Quince (http://quince.infragistics.com)
    8. Yahoo Design Pattern Library (https://developer.yahoo.com/ypatterns/)

    1. [antipatterns] Dark Patterns: fighting user deception worldwide (http://darkpatterns.org)

    Some good examples of UI components classification

    1. [Wikipedia] List of graphical user interface elements (https://en.wikipedia.org/wiki/List_of_graphical_user_interface_elements)
    2. The Draft U.S. Web Design Standards (https://standards.usa.gov/)
    3. [Old] Guidelines for Microsoft Classical Applications (https://msdn.microsoft.com/ru-ru/library/windows/desktop/dn688964(v=vs.85).aspx)
    4. User Interface Architecture Ontology in ComponentJS (https://componentjs.com/architecture.html#ontology)
    5. AdRoll UI Framework by Mason Lee (https://site.uplabs.com/posts/adroll-ui-framework)

    Some Books

    1. [Classic] Wesley E. Woodson, Peggy Tillman, Barry Tillman. Human Factors Design Handbook. McGraw-Hill Professional; 2-th edition, 1992. – 1056 с.
    2. Galitz W.O. The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques. Wiley, 2007. 857 p.
    3. Debbie Stone, Caroline Jarrett, Mark Woodroffe, Shailey Minocha. User Interface Design and Evaluation. – Morgan Kaufmann, 2005. – 704 с.
    4. Ben Shneiderman, Catherine Plaisant. Designing the User Interface: Strategies for Effective Human-computer Interaction. – Addison Wesley, 2004. – 672 с.
    5. Carolyn Knight, Jessica Glaser. The Graphic Designer's Guide to Effective Visual Communication. – RotoVision, 2005. – 160 с.

No comments:

Post a Comment