Human Impact of UI Design Paradigms - PowerPoint PPT Presentation

Loading...

PPT – Human Impact of UI Design Paradigms PowerPoint presentation | free to download - id: 31aad-ODcyZ



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

Human Impact of UI Design Paradigms

Description:

CS575 - Human Issues in Computing CSULA Spring 2006. Human Impact of UI Design Paradigms ... Tiger Direct. Information merchants. Scott Trade. Encyclopedia Britannica ... – PowerPoint PPT presentation

Number of Views:82
Avg rating:3.0/5.0
Slides: 26
Provided by: rub7
Learn more at: http://cs.calstatela.edu
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: Human Impact of UI Design Paradigms


1
Human Impact of UI Design Paradigms
  • (PART 2 Case Studies)
  • Robert Ritchey and Ruben Campos

2
Purpose/Goal
  • Analyse the impact that different GUI designs
    have on both users and software developers

3
Strategy
  • show the history of user interfaces
  • discuss different types of User Interfaces
  • how they are different
  • how they are used
  • how they are implemented

4
Presentation Schedule
  • First session Intro
  • History
  • Modern User Interfaces
  • Second Session - demos/analysis of different
    types
  • Impacts on User Behaviour patterns
  • Impacts on Software Design/Architecture
  • Third Session Future UI Technologies and their
    potential human impact

5
Some Modern GUI Categories
  • Web Browser Application
  • Mobile Application
  • Kiosk Application
  • Desktop Application

6
Web Based Application
  • Definition Application that runs in a web
    browser
  • Attributes.. Depends on the type

7
Applications are Dictated by the needs of the Site
  • Sites where information is given away
  • Sites where information is sold
  • Sites where products are sold

8
Web Application Types
  • Informational Sites These sites give away
    information
  • American Red Cross
  • NIST

9
Web Application Types Contd
  • Online merchants
  • Online stores
  • Amazon.com
  • Tiger Direct
  • Information merchants
  • Scott Trade
  • Encyclopedia Britannica

10
Web Application Types Contd
  • Internal sites
  • Mozilla DOM Samples

11
Web Application Observation
  • Although there are some trends in the Internet,
    there are so many disparate interests that there
    will never be a homogeneous application.

12
Mobile Application
  • Definition Software that runs on mobile device
    that ranges from device control software to full
    blown OS software
  • Attributes
  • Hardware Constraints
  • Multi-tasking is difficult
  • Limited space for input devices
  • Capable of running Distributed Applications

13
Mobile Application GUI Characteristics
  • Simple GUI Design
  • Simple Menu for quick navigation
  • Discourage mass data entry
  • Discourage multi-tasking

14
Typical User Actions on Mobile App GUI
  • Navigation is driven by number keys
  • Type-Ahead text fields are utilized to minimize
    typing
  • Quick Tasks are typical rather than full blown
    projects

15
Mobile Web Application Case Study
  • Microsoft ASP.NET 2.0 Framework
  • Attempt at Unified Web UI Controls
  • Retention of Web Mobile UI Controls
  • .Net Mobile Resources
  • .Net Mobile Architecture Overview
  • Quick Mobile Web App Walkthrough

16
Mobile Web Application Case Study(Contd)
  • Demos Run on browser and different device
    emulators
  • Simple App using Web UI Controls
  • Example Control GridView Web UI Control
  • Simple App using Web Mobile UI Controls
  • Example Control - Object List Mobile UI Control

17
How Mobile Web App Impacts End User
  • Quick UI interactions
  • Cant expect advanced Desktop type actions
  • More patience required especially on cell phones
  • Data Entry
  • Rendering Speed

18
How Mobile Web App Impacts Software
Architect/Developer
  • Software Architect must account for different
    devices in order to attempt unification of
    controls
  • Developer also has to consider strategically
    using Mobile Controls and Web Controls as needed

19
Kiosk Application
  • Definition Software that typically runs in a
    public setting for either informational or
    commercial purpose
  • Attributes
  • Basic Client
  • Touch Sensitive Terminal
  • Thin Client
  • Can run locally or over the Internet

20
Kiosk GUI Characteristics
  • Typically uses touch screen as input device
  • Advanced kiosks can also include a
    trackball/mouse and a keyboard
  • Lower rate of user errors since input devices are
    simple and options are limited
  • Features are not as rich as Desktop or Web App
    GUIs

21
Typical User Actions on Kiosk UI
  • Touch Screen Navigation
  • TrackBall/Mouse
  • Simple Clicking
  • Double Clicks unlikely
  • Drag and Drop unlikely
  • Keyboard
  • Mostly used for entering simple search criteria

22
Kiosk Application Case Study
  • Open Kiosk Software
  • Example Server
  • Example Client

23
How Kiosk App Impacts End User
  • Restricted Functionality
  • Persuades user actions
  • Path of Menu Selections
  • Similar to Automated Call Center systems

24
How Kiosk App Impacts Software Architect/Developer
  • Must Give the illusion of no Operating System
  • Must Limit the functions a user can perform
  • Remote administration/management of Clients

25
Future Session
  • Future UI Technologies and their potential human
    impact
  • Ubiquitous paradigm?
About PowerShow.com