Pro HTI UI Design

Pro HTI UI Design

1. UI and HCD

   • UI Stages
     • Form Goal
     • Execution
     • Evaluation
   • Interfaces
     • Medality
     • Touch
     • Vision
     • Taste
     • Hearing
     • Smell
   • GUI
     • WIMP
     • Windows
     • Icons
     • Menus
     • Pointing Device
   • Heuristics
   • Social computing
   • Gestalt Principles
   • Conceptual model
   • Shneiderman's Rules
   • Optimize Interaction
   • Design principles
   • Usability Goals

2. Icons, Colors, Text

   • Text
     • Small
     • Manipulative
     • Less Ambiguous
   • Color
     • Draw Attention
     • Show Status
     • Attractive
     • Clear information
     • Guidelines
       • Simplicity
       • Consistency
       • Clarity
       • Language of color
     • 10 Commandments
   • Icons
     • Core Aspects
       • Scalability
       • Recognisability
       • Consistency
       • Uniqueness
       • No Words
     • Design steps
       • Grid
       • Geometric shapes
       • Edges, lines, corners, curves & angles
       • Consistent design
       • Unique

3. Mobile, Touch, Modes, Context

   • Requirements Mobile UI
     • Glancability
     • Big touch areas
     • one hand interaction
     • Choosing instead of text
     • Flexible
     • Support Interruptions
   • Context of Use
     • Physical
     • Social
     • Task
     • Temporal
     • Technical
   • User Characteristics
   • System Characteristics
   • Modes
     • Hidden Functionality
     • Fit more in less space
     • Result varies
   • Future
     • Augmented Reality
     • Context Awareness
     • Cloud Computing
     • Ubiquitous computing

4. Design Artifacts

   • Why?
     • Communication
     • Documentation
     • Testing
   • Sketches
     • Tools
       • Pen & Paper
       • whiteboard
       • Paper templates
     • Purposes
       • Explore Design
       • Cheap & Quick
   • Moodboards
     • Intermediary
     • Visual Collage
     • Copyright material
     • Look & feel
   • Wireframes
     • Tools
       • UX Pin
       • Fluid UI
       • Balsamiq mockups
       • Axure
       • Pidoco
     • Purpose
       • Structured
       • Fast modification
       • Low level detail
   • Mockups
     • High detail
     • Wireframe + Moodboard
     • Static
   • Clickable Prototypes
     • Impressions
     • Limited functionality
     • Define clickable elements
   • Interactive Prototypes
     • Limited Functionality
     • Design variations
     • Communicative
     • Expensive

5. Internationalization & Design trends

   • Cross Cultural UX
     • Power Distance
     • Individualism vs Collectivism
     • Masculinity vs Femininity
     • Uncertainity Avoidance
     • Long term vs short term Orientation
   • Mobile Design trends 2016
     • Big Screens
     • Simplified UI
     • Swiping
     • Functional Animation
     • Overlays
     • Navigation
     • Story Telling & Branding
     • Typography
     • Fresh color Palettes
     • Wearable Technology
     • More App dev platforms