DDQ TUE 2021-11-16

37. User Interface Elements

37.1. Agenda

  1. General Announcements

  2. Paper Presentations

Table 37.1 Assignments and Other Dates

Category

Item

Day

Date

Due

Note

Project Work Day

MON

11-22

Note

Project Work Day

TUE

11-23

Note

Holiday: Thanksgiving - No Class

THU

11-25

Exams

Exam 21

THU

12-02

Note

Last Day of Class

MON

12-06

Note

Friday Class Schedule in Effect - No Class

TUE

12-07

Term Project

Milestone 4: Prototyping & Testing1

MON

12-13

11:55 PM
1(1,2)

As explained in the Exams section of the syllabus, the final milestone of your term project (i.e., Milestone 4: Prototyping & Testing) serves as your final examination in this course. Exam 2 is, therefore, a regular exam; it is not the final exam. The final term project milestone is considered a, “take-home final exam.”

  1. Read the abstracts for upcoming papers that will be presented. You can, of course, read the entirety of a paper, if interested, but you need to read the abstract before the paper is presented so that you can provide good feedback to the presenter. The full paper presentation schedule is available here and and upcoming paper presentations are listed near the bottom of this page.

37.2. Activity

37.2.1. Introduction

When designing your interface, try to be consistent and predictable in your choice of interface elements [RE: components]. Whether they are aware of it or not, users have become familiar with elements acting in a certain way [RE: conceptual model], so choosing to adopt those elements when appropriate will help with task completion, efficiency, and satisfaction [RE: usability].

—Usability.gov: How To & Tools;User Interface Elements

37.2.2. Component Design

37.2.3. Breakout Groups

Important

RANDOMIZE: Please move around to different tables and form a random group for this activity. Each group will be assigned a number by the instructor.

  1. Quickly introduce yourselves to each other, if you don’t already know each other.

  2. Pick a group representative. This person will be responsible for posting your breakout group’s response on Piazza before breakout group work ends for this activity.

  3. Help your group representative respond to the prompts below in a followup discussion to Piazza @100.

    1. List the names of your breakout group members.

    2. What component-related is assigned to your group based on the group number that you were assigned by your instructor and the table below?

      #

      Component Name

      #

      Component Name

      1

      Checkbox

      9

      Radio Button

      2

      Dropdown List

      10

      Button

      3

      Toggle

      11

      Text Field

      4

      Breadcrumb

      12

      Pagination

      5

      Carousel

      13

      Progress Bar

      6

      Tool Tip

      14

      Modal / Modal Window

      7

      Card

      15

      Menu

      8

      Tool Bar

      16

      Slider

    3. Define your component. In addition to describing the component type; please indicate when it’s appropriate to use your group’s type of component. Be sure to include your sources.

    4. Include representative screenshots of your component and its variants in different styles. If one stands out as a status quo, then note that.

    5. From scratch, create a Figma prototype of your component, then add the prototype’s share link to your post. As you work, please note any online resources you use and include them below your prototype share link.

      Prototype Share Link

      To get the prototype’s share link:

      1. Click the play icon near the top-right corner.

      2. Click the “Share prototype” button near the top-right corner.

      3. Important: Change the “Only people invited to this file” option to “Anyone with the link.”

      4. Click “Copy link.”

    6. What challenges did your group face during the creation of your prototype?

  4. Look at and reply to the posts that other groups made.

37.2.4. After Breakout Groups

Duration: TBD

  1. Look at some of the Piazza posts as a class.

37.2.5. After Class

  1. Before 11:55PM today, individually comment on the paper presentation followup discussions in Piazza @100.

    Comments

    Please keep the comments polite and constructive.

  2. Continue reading the Design and Practicum modules, and make sure you’re aware of current assignments and their due dates.

  3. Read the abstracts for upcoming papers that will be presented. You can, of course, read the entirety of a paper, if interested, but you need to read the abstract before the paper is presented so that you can provide good feedback to the presenter. Here is the presentation schedule for Fall 2021.

    Table 37.2 Fall 2021 Paper Presentation Schedule

    Date

    Presenter

    Paper

    MON 11-15

    Yadav, Himani

    Stefanie M. Faas, Johannes Kraus, Alexander Schoenhals, and Martin Baumann. 2021. Calibrating Pedestrians’ Trust in Automated Vehicles: Does an Intent Display in an External HMI Support Trust Calibration and Safe Crossing Behavior? Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems. Association for Computing Machinery, New York, NY, USA, Article 157, 1–17. DOI: 10.1145/3411764.3445738

    MON 11-29

    Churaman, Tanya

    Wonjung Kim, Seungchul Lee, Seonghoon Kim, Sungbin Jo, Chungkuk Yoo, Inseok Hwang, Seungwoo Kang, and Junehwa Song. 2020. Dyadic Mirror: Everyday Second-person Live-view for Empathetic Reflection upon Parent-child Interaction. Proceedings of the ACM on Interactive, Mobile, Wearable and Ubiquitous Technologies. 4, 3, Article 86 (September 2020), 29 pages. DOI: 10.1145/3411815

    MON 11-29

    Akin, Nicky

    Karan Ahuja, Deval Shah, Sujeath Pareddy, Franceska Xhakaj, Amy Ogan, Yuvraj Agarwal, and Chris Harrison. 2021. Classroom Digital Twins with Instrumentation-Free Gaze Tracking. Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems. Association for Computing Machinery, New York, NY, USA, Article 484, 1–9. DOI: 10.1145/3411764.3445711

    TUE 11-30

    Harper, Daniel

    Rebecca Currano, So Yeon Park, Dylan James Moore, Kent Lyons, and David Sirkin. 2021. Little Road Driving HUD: Heads-Up Display Complexity Influences Drivers’ Perceptions of Automated Vehicles. Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems. Association for Computing Machinery, New York, NY, USA, Article 511, 1–15. DOI: 10.1145/3411764.3445575

    TUE 11-30

    Suarez, Mathew

    Stephen Uzor and Per Ola Kristensson. 2021. An Exploration of Freehand Crossing Selection in Head-Mounted Augmented Reality. ACM Transactions on Computer-Human Interaction (TOCHI). 28, 5, Article 33 (October 2021), 27 pages. DOI: 10.1145/3462546

    MON 12-06

    Hamill, Daniel

    Ziang Xiao, Michelle X. Zhou, Q. Vera Liao, Gloria Mark, Changyan Chi, Wenxi Chen, and Huahai Yang. 2020. Tell Me About Yourself: Using an AI-Powered Chatbot to Conduct Conversational Surveys with Open-ended Questions. ACM Transactions on Computer-Human Interaction (TOCHI). 27, 3, Article 15 (June 2020), 37 pages. DOI: 10.1145/3381804

    MON 12-06

    Wang, Yulong

    Jakob Peintner, Maikol Funk Drechsler, Fabio Reway, Georg Seifert, Werner Huber, and Andreas Riener. 2021. Mixed Reality Environment for Complex Scenario Testing. In Mensch und Computer 2021 (MuC ‘21). Association for Computing Machinery, New York, NY, USA, 605–608. DOI: 10.1145/3473856.3474034