CS575 - Human Issues in Computing CSULA Spring 2006 Human Impact of UI Design Paradigms (PART 2 – Case Studies) Robert Ritchey and Ruben Campos

CS575 - Human Issues in Computing Spring 2006 Purpose/Goal Analyse the impact that different GUI designs have on both users and software developers

CS575 - Human Issues in Computing Spring 2006 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

CS575 - Human Issues in Computing Spring 2006 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

CS575 - Human Issues in Computing CSULA Spring 2006 Some Modern GUI Categories Web Browser Application Mobile Application Kiosk Application Desktop Application

CS575 - Human Issues in Computing CSULA Spring 2006 Web Based Application Definition – Application that runs in a web browser Attributes.. Depends on the type …

CS575 - Human Issues in Computing CSULA Spring 2006 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

CS575 - Human Issues in Computing CSULA Spring 2006 Web Application Types Informational Sites – These sites give away information American Red Cross NIST

CS575 - Human Issues in Computing CSULA Spring 2006 Web Application Types – Cont’d Online merchants Online stores Amazon.com Tiger Direct Information merchants Scott Trade Encyclopedia Britannica

CS575 - Human Issues in Computing CSULA Spring 2006 Web Application Types – Cont’d Internal sites: Mozilla DOM Samples

CS575 - Human Issues in Computing CSULA Spring 2006 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.

CS575 - Human Issues in Computing CSULA Spring 2006 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

CS575 - Human Issues in Computing CSULA Spring 2006 Mobile Application GUI Characteristics Simple GUI Design Simple Menu for quick navigation Discourage mass data entry Discourage multi-tasking

CS575 - Human Issues in Computing CSULA Spring 2006 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

CS575 - Human Issues in Computing CSULA Spring 2006 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

CS575 - Human Issues in Computing CSULA Spring 2006 Mobile Web Application Case Study (Cont’d) Demos – Run on browser and different device emulators Simple App using Web UI Controls Example Control – GridView Web UI ControlGridView Web UI Control Simple App using Web Mobile UI Controls Example Control - Object List Mobile UI ControlObject List Mobile UI Control

CS575 - Human Issues in Computing CSULA Spring 2006 How Mobile Web App Impacts End User Quick UI interactions Can’t expect advanced Desktop type actions More patience required especially on cell phones Data Entry Rendering Speed

CS575 - Human Issues in Computing CSULA Spring 2006 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

CS575 - Human Issues in Computing CSULA Spring 2006 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

CS575 - Human Issues in Computing CSULA Spring 2006 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

CS575 - Human Issues in Computing CSULA Spring 2006 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

CS575 - Human Issues in Computing CSULA Spring 2006 Kiosk Application Case Study Open Kiosk Software Example Server Example Client

CS575 - Human Issues in Computing CSULA Spring 2006 How Kiosk App Impacts End User Restricted Functionality Persuades user actions Path of Menu Selections Similar to Automated Call Center systems

CS575 - Human Issues in Computing CSULA Spring 2006 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

CS575 - Human Issues in Computing CSULA Spring 2006 Future Session Future UI Technologies and their potential human impact Ubiquitous paradigm?