Download - Human Impact of UI Design Paradigms
![Page 1: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/1.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Human Impact of UI Design Paradigms
(PART 1 – Overview)Robert Ritchey and Ruben Campos
![Page 2: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/2.jpg)
CS575 - Human Issues in Computing Spring 2006
Purpose/GoalAnalyse the impact that different GUI designs have on both users and software developers
![Page 3: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/3.jpg)
CS575 - Human Issues in Computing Spring 2006
Strategyshow the history of user interfacesdiscuss different types of User Interfaces
how they are differenthow they are usedhow they are implemented
![Page 4: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/4.jpg)
CS575 - Human Issues in Computing Spring 2006
Presentation ScheduleFirst session – Intro
HistoryModern User Interfaces
Second Session - demos/analysis of different types
Impacts on User Behaviour patternsImpacts on Software Design/Architecture
Third Session – Comparative Analysis
![Page 5: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/5.jpg)
CS575 - Human Issues in Computing Spring 2006
Definition of UIFor our purpose, user interface means graphical user interface.types that we will be discussing are:desktop, web, kiosk and mobile
![Page 6: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/6.jpg)
CS575 - Human Issues in Computing Spring 2006
History of UIBatch – punch cardsText Based GUI basedInternet Driven
![Page 7: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/7.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Batch and TextTextPunch cards
![Page 8: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/8.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Graphical User InterfaceAppleBeOSXerox StarWindows
![Page 9: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/9.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Modern InterfacesApple’s AquaWindows XPCDE -- Sun SolarisKDEGnome
![Page 10: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/10.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
TimelinesHistory of GUIUI developmentComputer History
![Page 11: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/11.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Modern UI TechnologiesMost modern UI technologies are graphic centricGraphical User Interface (GUI) is the most prevalent UI Style todayA GUI attempts to mimic real world human-object interactionsA GUI can be found in a variety of computers and/or devices
![Page 12: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/12.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Devices that use GUIPC/LaptopKioskATMMobileHome AppliancesVehicles
![Page 13: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/13.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Some Modern GUI Categories
Desktop ApplicationWeb Browser ApplicationMobile ApplicationKiosk Application
![Page 14: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/14.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Desktop ApplicationDefinition – Software that runs within the context of an Operating System’s Window Environment.Attributes
Highly Dependent on Operating SystemNote – Even Java needs an OS specific Runtime Environment
Access to local OS/Hardware ResourcesRuns within OS Window System
Microsoft WindowsUnix-Based X Windows
Stand-Alone or Client/Server
![Page 15: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/15.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Desktop GUI Characteristics
Inherits OS Window FunctionalityMimics Human/Object Interaction
Icons to Identify ObjectActions on Objects
Point, Choose, Hold, Move, Activate objects
Rich UI ComponentsElaborate Toolbars
Icons represent typical Application functionsCustom toolbars
Comprehensive Menu systemGeneral MenuContext Sensitive Menu
Floating UI Components
![Page 16: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/16.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Example Desktop GUIWindows Explorer
General MenuToolbar
Context SensitiveMenuIcons mimic real objects
Window
![Page 17: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/17.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Typical User Actions on Desktop UI
MouseClick to Select objectDouble Click to cause initiate certain behavior on an objectHold Mouse Button to create an object handle for “drag and dropping”
KeyboardAlt, Ctl, Shift, and Function keys to create commands
Remnants of Legacy Command-Driven User InterfacesUsed as shortcuts to Menu Items
![Page 18: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/18.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Web Browser ApplicationDefinition – Software that runs within the context of a Web Browser.Attributes
Distributed ApplicationLimited Access to Local OS ResourcesAccess to Server ResourcesRuns within Browser
![Page 19: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/19.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Web Browser App GUI Characteristics
Easy consolidation of dispersed UI objectsBrowser paradigm is hyperlink centric
Clickable icons/text
Actions on Objects more limitedHolding and Moving objects more challengingSimulate some Desktop Application GUI behavior via AJAX, or plugins such as Flash UI Components
Form Component is key to processing dataSimple ToolbarsSimple Menu SystemsLimited mobility of UI Components
![Page 20: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/20.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Example Web Brower Application GUI
Yahoo Home PageTypical Web Browser Application GUI objects
URL
Simple Menus Forms
![Page 21: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/21.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Typical User Actions on Web Browser App UI
MouseHyperlink NavigationButton Click for Form SubmissionRare Double ClicksRare “drag and dropping”
KeyboardMostly used for data entryCommand Keys are seldom used because a Web Browser App UI is more mouse driven
Further away from Legacy Command-Driven User Interfaces
![Page 22: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/22.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Kiosk ApplicationDefinition – Software that typically runs in a public setting for either informational or commercial purposeAttributes
Comprised of a Touch Sensitive TerminalCan run locally or over the Internet
![Page 23: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/23.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Kiosk GUI CharacteristicsTypically uses touch screen as input deviceAdvance kiosks can also include trackballs and keyboardsLower rate of user errors since input devices are simple and options are limitedFeatures are not as rich as Desktop or Web Browser GUIs
![Page 24: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/24.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Example Kiosk GUITypical Touch screen GUI
![Page 25: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/25.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Typical User Actions on Kiosk UI
Touch Screen NavigationTrackBall/Mouse
Simple ClickingDouble Clicks unlikelyDrag and Drop unlikely
KeyboardMostly used for entering simple search criteria
![Page 26: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/26.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Mobile ApplicationDefinition – Software that runs on mobile device that ranges from device control software to full blown OS softwareAttributes
Hardware ConstraintsMulti-tasking is difficultLimited space for input devicesCapable of running Distributed Applications
![Page 27: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/27.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Mobile Application GUI Characteristics
Simple GUI DesignSimple Menu for quick navigationDiscourage mass data entryDiscourage multi-tasking
![Page 28: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/28.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Example Mobile Application GUI
Mobile Windows
Limited Screen Space
Limited Input Keys
![Page 29: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/29.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Typical User Actions on Mobile App GUI
Navigation is driven by number keysType-Ahead text fields are utilized to minimize typingQuick Tasks are typical rather than full blown projects
![Page 30: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/30.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
ObservationsHuman behavior has impacted GUI DesignGUI Design and growing number of GUI devices impact Human BehaviorCorrelation between different GUI designs and Human behavior has implications
![Page 31: Human Impact of UI Design Paradigms](https://reader035.vdocuments.us/reader035/viewer/2022062301/56814589550346895db271b9/html5/thumbnails/31.jpg)
CS575 - Human Issues in Computing CSULA Spring 2006
Future SessionsImplications/Impact that different GUI Designs have on humans namely:
UsersSoftware Engineers/Architects
Future UI Technologies and their potential human impact
Ubiquitous paradigm?