Introducing 

Prezi AI.

Your new presentation assistant.

Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.

Loading…
Transcript

CS3205

HCI in Software Development

Panagiotis Apostolellis

Fall 2020

UX Lifecycle

SD Lifecycle

Software

Development

Solution 1: Use an iterative discovery-oriented process,

but at the same time need to manage it effectively

Solution 2: Involve end-users early on and manage usability as a quality characteristic, much like nonfunctional requirements

SD Lifecylce

SD Core

Fred Brooks, computer architect, software engineer, and computer scientist

Problem 1: Waterfall models of development do not work;

too many unknowns making it impossible to accurately define requirements at the outset.

Alan Cooper, software designer and programmer; the “Father of Visual Basic"

Challenge: If we want users to like our software we should design it to behave like a likeable person: respectful, generous and helpful.

Requirements

WHAT the system will do

HOW a task gets done

Functional Requirements

Functional

Allow users to select classes by semester

Non-Functional

Non-functional Requirement

Allow users to select classes by semester... easily, intuitively, and in a fun way

Clients vs Users

Customer

End-user

Customer or Client

Freshman college student

Senior college student

Question: How do you operate the blue light?

Novice app user

Experienced app user

Senior Citizen

School Student

Asian Citizen

US

Citizen

Problem 2: clients do not usually involve end-users early enough in the design process of interactive (software) systems

Handicapped user

Able-bodied user

Interaction Design

Interaction

Analyze

Understanding and identifying:

  • The work domain
  • The main work roles
  • The main user classes
  • User goals, motivations, struggles
  • Opportunities for improvement

Concept Statement

Interview Connect allows job seekers and recruiters to post practice interview questions, answer, and receive feedback from users. This service prepares job seekers with interview preparation tailored to their desired career path and connects them to a network of appropriate recruiters. Job seekers can gain insight into what recruiters are looking for and recruiters can provide this information in order to improve the quality of candidates.

The system provides a chat-room styled platform for a user of either status to pose an interview question and receive feedback from users which can receive “upvotes” to award points to the original user that posted the question or answer. Users can unlock profile badges at certain point levels to be displayed on their profile to gain credibility and appeal to recruiters. The website features an interview “Question of the Day,” and the ability to search for interview questions based on topics or keywords.

Contextual Inquiry

Understanding the users through:

  • Interviews
  • Observations
  • Data collection

Contextual Analysis

Analyzing the collected data in order to:

  • Understand user needs
  • Identify categories of system features
  • Extract interaction design requirements

Requirements Extraction

Extracting interaction design requirements from the diagram

Functional

Non-functional

Build Professional Network

Connect with other job-seekers and recruiters

System allows users to connect with other individuals in forum-like setting [AFB2, ACC4]

System allows users to request to private message other users so that connections between job seeker-and-job seekers, job seeker-and-job recruiter, and job recruiter-and-job recruiter. [AFA1-5]

Affordability and Availability

Free and quick sign up

Users can create free accounts in a matter of minutes. [ADB2]

Not restricted to college students

Users of any age and experience can create accounts, regardless of collegiate background. [ADA9]

Functional

Examples of Successful Interviews

Users can learn from other users' posted video responses

Allow users to watch and read feedback on other video responses so that they have real examples of successful interviews. [ADA11]

Rationale: User said that it was hard to prepare for interviews without knowing what a successful interview even looked like.

Constructive Feedback

Users can grade other users' video responses

Provide a rubric with quantifiable and qualitative questions to grade user interview videos [ADE4, ADE5, ADE7]

Note: potential design consideration is that rubric should provide criteria, 1 - 5 grading scale, and comment justifications

Modeling

Capturing the work domain and the way that the current and envisioned systems operate

Design

Exploring and selecting the best interaction design(s) using:

  • Usability guidelines
  • Metaphors
  • Affordances
  • Design patterns

Personas

Understanding your target audience and who are your primary users

Sketching

Exploring design alternatives to satisfy the main supported tasks

Conceptual Design

Conceptual Design

Capturing the anticipated way the user will interact with the system using:

  • Storyboards
  • User stories (scenarios)

Wireframes

Representing screen layout and information flow of the main tasks

Prototype

Implementing alternatives of the selected design(s) for eliciting client and user feedback

Paper Prototype

Paper

HeadsUp Car Dashboard Display

JuulTool smartphone app

Physcical Mockup

Physical

The Personal Assistant Cart for the visually impaired

HeadsUp Car Dashboard Display

Simple Portable Sensor Box (SPS Box)

Soteria safety watch & app

Video Prototype

Video

Soteria safety watch & app

Simple Portable Sensor Box (SPS Box)

CookIt cooking website

https://drive.google.com/file/d/13zmxgJ6TAWhToIEttKOfye7VV7tCWogj/view

Interactive

Augmented Reality (AR) Chef

Re3 reuse and recycling app

Unified Room Booking Service (URBS)

https://tinyurl.com/sj5dbuc

https://share.proto.io/ZIRAVA/

https://marvelapp.com/6bc3jd8

Evaluate

Evaluating the system with real users (usability testing) to get feedback about the design choices

UX Targets

Non-functional requirements

Personal Assistant Cart for the visually impaired

Experiments

JuulTool smartphone app

CookIt cooking website

Hoos GoGreen web app

Findings

Revisions for the next design iteration

Summer Course

Bonus for 2020

CS4501 Creative Interaction Design

6-30 June 2020, Crete, Greece

3-credit CS elective

Pre-req: CS3205 HCI

The Little Smarthood and the Internet of Things

Crete what?

Crete island

Hope to see some of you there!

Enroll in CS3205 for Fall 2020 while there are empty spots

In-class Activity:

Course Evaluations

Thank you for your time in evaluating the course and your instructor!

Learn more about creating dynamic, engaging presentations with Prezi