User System Interface

User System Interface

User System Interface Meeting 9 November 5, 2019 Election Day Guy Fawkes Day Research Project Article Presentation Presenters responsibilities 13-16 minute summary of article (or some of its important points if the article

is long) Connect the article to previous articles presented in class, to models and frameworks, to related articles you discover, and to examples familiar to you. Be prepared to answer questions and lead discussion (5-7) minutes Time limits will be strictly enforced Article Presentation (2) Presentation style Use PowerPoint (or Keynote) slides as an outline, meaning do not read your slides to the audience. Link to web resources if appropriate

Include diagrams, tables, or images if they will be helpful. E.g. a small concept map may be useful. Article Presentation (3) Class responsibilities (for those not presenting on the same evening) Read introduction and conclusion of each article. For two articles, read in depth and prepare two intelligent probing questions related to each article. Send the questions by email to the instructor by 1:00 p.m. of class day. Article Presentation (4)

Instructor will: Maintain the website with links to the papers. Format the submitted questions and compile a question list for each paper. Use the submitted questions to encourage discussion. Judge the submitted questions according to their intellectual content. For example, What was the authors first name? has little intellectual content.

Judge the presentation for content summary and synthesis of ideas. Smart Refrigerator Lets specify for the refrigerator A large display / touch screen on the door Connectivity to other devices via Bluetooth or wifi Built-in smart speaker Front dispenser for ice, water, beverages Configurable interior: shelves, drawers, compartments Smart Refrigerator (2)

Content management Determine (see) contents without opening door, note location within. All items dated Arrival Use by Warning as use by date approaches

Warning from spoilage sensors Smart Refrigerator (3) Recipe suggestions based on food available Enhanced over time by machine learning Aware of current diet plan Connected to web-based preparation videos Record items as they are added

Smartphone picture Barcode scan Grocery receipt: photo or database feed Record quantity, description, expiration date Smart Refrigerator (4) Create shopping list Order for delivery

Critical reminders if near store Access restriction Fingerprint

Facial recognition Password Limited to certain compartments? What about the sitter and houseguests (especially the hungry kind) System vulnerability management Smart Refrigerator (5) Design presentation on November 12 Present a 10 15 minute report on the design of the user interface for the tasks assigned to your team Team P: Adding to contents

Team Q: Systems failure management, access control Team R: Interior layout management, content visualization Team S: Communication, shopping list Team T: Exterior dispenser design and control, recipe suggestions What Do Users Want Systems that: 1. Are powerful, meaning fast and efficient 2. Have proper functionality 3. Minimize the possibility for (tragic) errors 4. Allow easy recovery from misdirected actions

5. Are easily learned and easily relearned 6. Fit a cognitive model based on past experience 7. Are easy to maintain, including setup 8. Are flexible 9. Stimulate creative problem solving 10. Are personally satisfying System Size Smart phone Tablet Laptop

System Use Record on the slip of paper Which system sizes you used today What information you provided to each of the system sizes as you used them How that information was provided Whether the system guided you as you provided the information System Input As distinguished from system control.

Mechanisms: Pointing device: mouse, track ball/pad, Action device: swipe Information input device: keyboard, sensor Information from history system System Input Content Text strings Includes numbers Special formats

Sensor values Numerical Binary (on / off) Web-Based Interfaces Small devices Web forms Interface evaluation Web Form Design

A user interface nightmare Overarching questions What is the user community? How tolerant, or sophisticated, are the users? How will community members view their user experience (UX)? Web Form Design (2) Technical questions What should the Tab key do? What should the Enter button do? Should some fields be partitioned into subfields, e.g. City and State in

two different text boxes? How should variations of data from outside the US be handled? What is the role of autofill? How should autofill be controlled? Corralled? Web Form Design (3) Should the form use automatic advancing for fixed length subfield entry? For example, 610-519-6000 Pluses: fewer keystrokes, Minuses: error correction, users mental model

Web Form Design (4) Field types Name Address Fixed length numeric Telephone number Credit card number ZIP + 4 Date

Address Entry Addresses in free format vs. multi text box entry Autocomplete (or autofill) of city names City and state names defined by zip code Cities without states, e.g. London Easy selection of state or country names Confirm parsing of free format Or use persistent identity (location awareness of your device) Date Entry

Subfield text boxes Single field text box With separator Without separator Date format Specialized dates: e.g. expiration date Name Entry Title Generation

Single name: Is it the first or the last (family) name? Initials Name length Culturally driven format Names using characters from other alphabets Web Form Entry Users say: GUEPs say: Design principles say:

Choose the lesser of two evils Use a clear, short, neatly arranged statement of purpose at top of form Tidy and organized design outweighs field ordering Use imperative language only for required items Web Form Entry (2) Use a small number of input methods

Five HTML form elements: drop-down list, radio button, check box, dialog box, hyperlink. Scripted or programmed elements Keep option list short and sensibly ordered Offer common choices first. Cater to 80% of users but allow the other 20% to have success. For long lists use plain text entry and offer choices Example

Web Form Entry (3) Choose input element Typing vs. selecting Potential typing errors

Review of options before selecting Number of options Mutually exclusive selections Distinctiveness of options Mark required fields (a distinctively colored * is common) But consider whether the field information is really required. Web Form Entry Errors How should these be handled? Typing errors

Transcription errors (4311 for 3411) Category errors Insisting on an entry Out of range Send errors (premature form submittal) Privacy errors (user does not want to supply information) Error Response Show error message close to problem Use constructive, non-judgmental language

Keep supplied information Specific Design Principles Ask only for necessary information Use proper wording What is an Email ID? Eliminate nerdy or unnecessary comments Example: Passwords are protected by the SHA 256 hash algorithm.

Prevent errors before they happen by giving examples of entries. Gray text showing formatting for a text box works well if the format will stay in the users short term memory Specific Design Principles (2) Tab moves to the next field. Make sure that next is clear. Down? To the right? Includes radio buttons or check boxes? Design so that the semantics of Enter (Return) is clear. Partitioned text boxes for naturally subdivided information are better. Dates: subdivided into mm dd yyyy But, accommodate for European style dates, namely dd mm yyyy

Phone numbers: subdivided into country-code area-code number Use country choice to format and provide defaults for subsequent text boxes Country available through location awareness

Recently Viewed Presentations

  • Motivational Interviewing: The Basics

    Motivational Interviewing: The Basics

    MI Principles: Develop Discrepancy. The second main principle of MI is to develop discrepancy by exploring the important differences between how clients want their lives to be versus how they currently are, OR differences between their deeply-held values and their...
  • Spánek a jeho poruchy

    Spánek a jeho poruchy

    Chronická spánková deprivace Trend posledního století v západní civilizaci Syndrom behaviorálně navozeného nedostatečného spánku Nadměrná denní spavost Nevýkonnost Zhoršené soustředění Zhoršení imunologických parametrů Větší výskyt kardiálních příhod Kratší dožití Nárůst tělesné hmotnosti Poruchy ...
  • BREAKOUT SESSION 2 Basic Distribution Calculations 1 Discussion

    BREAKOUT SESSION 2 Basic Distribution Calculations 1 Discussion

    BREAKOUT SESSION 2. Basic Distribution Calculations. Good afternoon, hope everyone enjoyed their lunch. Introduce self and others. In this session, we will be covering Basic Distribution Calculations: We will Introduce and walk through the components of a Total Fine, from...
  • Folie 1 - PROJECT CONSULT

    Folie 1 - PROJECT CONSULT

    Aufgabenstellung PROJECT CONSULT Unterstützung bei der Definition der Anforderungen der Entwicklung eines Kriterienkataloges der Erstellung der Ausschreibungsunterlagen der Auswahl der geeigneten Lösung Vorgehen Ablauf Definition der Anforderungen an ein Records Management System vor dem Hintergrund der bereits vorhandenen Management Systeme...
  • Plant Physiology - Havelock Agricultural Education

    Plant Physiology - Havelock Agricultural Education

    Upper and lower epidermis - the skin of the leaf that prevents the loss of too much moisture. ... Glabrous leaves or stems have a smooth non-hairy feel (ex - southern magnolia) Pubescent leaves or stems have a hairy feel...
  • Lecture 1: Course Introduction and Overview

    Lecture 1: Course Introduction and Overview

    Increases programming system burdern Examples: overlap message send with computation, prefetch data, switch to other tasks CS 252 Administrivia Meetings this week Next Wednesday guest lecture Flash vs. Flash paper reading Quiz #1 Wed March 7 5:30-8:30 306 Soda La...
  • CHAPTER 1 Exploring Data 1.3 Describing Quantitative Data

    CHAPTER 1 Exploring Data 1.3 Describing Quantitative Data

    CALCULATE and INTERPRET measures of spread (range, IQR, standard deviation). CHOOSE the most appropriate measure of center and spread in a given setting. IDENTIFY outliers using the 1.5 × IQR. rule. MAKE and INTERPRET boxplots of quantitative data. USE appropriate...
  • Accounting for Leases - CA Sri Lanka

    Accounting for Leases - CA Sri Lanka

    Accounting for Leases. Learning Outcomes. At the end of this chapter, you should be able to: Explain what a lease represents. Distinguish between an operating and a finance lease. Account leases in the books of lessor and lessee .