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

The Good, the Bad & the Ugly

User Experience

Episode I

GBUX 13

Tuesday, April 5, 2022

GBUX 13

Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.

Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.

Think in terms of:

Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,

error prevention, metaphors,

affordances, etc.

Jack Walker

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I thought about each piece of tech I often use and chose from there.

Jack

Where did you come up with them?

I looked around my house and found these items.

Why did you come up with them?

I chose the ones that aligned well with good, bad, or ugly.

What did you come up with?

I am...

a social

I am

The Good

F1 2021 Settings screen

The Good

High usability, very robust

High aesthetics

[rationale]The Fox Front

The Bad

SIS Menu

[product/system title]Rock Sox Front Fork

The Bad

Low usability, menu options could be consolidated and integrated into each other

[rationale]The Fox Front

The Ugly

Lou's List

[product/system title]Rock Sox Front Fork

The Ugly

[rationale]The Fox Front

High, usability, low aesthetics

Angelo

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

Observed what interfaces I interact with on a daily basis.

Angelo

Where did you come up with them?

In the bathroom.

Why did you come up with them?

To express my accumulated knowledge up to this point in the class.

What did you come up with?

I am...

a car enthusiast

I am

The Good

Duolingo

[product/system title]Rock Sox Front Fork

The Good

High Aesthetics, Affordances: Minimalist layout, every icon is intuitive.

High Efficiency: Extremely fast feedback which aids learning (chimes).

[rationale]The Fox Front

The Bad

Hinge

[product/system title]Rock Sox Front Fork

The Bad

High Ease of Use, Aesthetics: Pleasing layout, nice color palette.

Low satisfaction, consistency: Have not received enough feedback (matches), bad algorithm.

[rationale]The Fox Front

The Ugly

Automated Toilet

[product/system title]Rock Sox Front Fork

The Ugly

Low Usefulness & Consistency: Has never flushed when desired, ever.

Poor Error Prevention: Does not detect distance changes when needed, any slight movement activates it.

Mediocre Aesthetics: Doesn't look like somewhere I want to use the bathroom, boring color palette.

[rationale]The Fox Front

Ethan

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I came up with these products by evaluating what I used most every day.

Ethan

Where did you come up with them?

These are all products I use at home, primarily for schoolwork and streaming.

Why did you come up with them?

I think by analyzing products I use consistently and why I like or dislike them, I can learn a lot.

What did you come up with?

I am...

a Twitch streamer

I am

The Good

StreamElements

[product/system title]Rock Sox Front Fork

The Good

High Learnability: Adding and adjusting elements is intuitive even if you haven't used it before

High Consistency: After months of updates, buttons are in the same spots

High Operability: The user is given full control over interface placements

[rationale]The Fox Front

The Bad

RTX Voice

[product/system title]Rock Sox Front Fork

The Bad

High Efficiency: Very minimal input required for maximum output

Low Functionality: Overly simplified, only really allowing for one function

Low Reliability: The program closes on its own after a random amount of time and doesn't notify the user

[rationale]The Fox Front

The Ugly

OBS Studio

[product/system title]Rock Sox Front Fork

The Ugly

High Functionality: A very powerful tool with tons of options for improving a stream/recording

Low Learnability: The first time launching the software gives no tutorial and little user assistance

Low Aesthetics: Very unappealing to look at without plug-ins

[rationale]The Fox Front

Ben Berrett

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I find myself frustrated with a lot the applications I use on a day to day basis, so I picked the apps I use most frequently

Ben

Where did you come up with them?

I went through my most recently used apps to see which ones would be best to highlight

Why did you come up with them?

I think its important to realize how central these UX characteristics are to our everyday life

What did you come up with?

I am...

a music lover

I am

The Good

2048

[product/system title]Rock Sox Front Fork

The Good

The mobile game has high learnability, high aesthetics, extremely high satisfaction

[rationale]The Fox Front

The Bad

Spotify

[product/system title]Rock Sox Front Fork

The Bad

Suggested recommendations have high usefulness, cluttered interface creates poor understandability, high aesthetics

[rationale]The Fox Front

The Ugly

Elevate

[product/system title]Rock Sox Front Fork

The Ugly

The app has poor asthetics, lack of consistency creates poor robustness, single page of scrolling has poor operability

[rationale]The Fox Front

GBUX 14

Thursday, April 7, 2022

GBUX 14

Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.

Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.

Think in terms of:

Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,

error prevention, metaphors,

affordances, etc.

Chris Zelaya

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I just thought about what items I really use the most in my everyday life that have a lot of user interaction.

Chris

Where did you come up with them?

The items come from my home/dorm.

Why did you come up with them?

This is because I'm always using them at home and they each have things I can critique on.

What did you come up with?

I am...

a Lil uzi stan

I am

The Good

Apple Music

[product/system title]Rock Sox Front Fork

The Good

High ease of use- No complicated features

Appealing Aesthetics- Pleasing colors, useful icons, dark mode, great visibility

High Operability - Make playlists, share songs, etc.

[rationale]The Fox Front

The Bad

Rover App

[product/system title]Rock Sox Front Fork

The Bad

Low realibility : App takes too long to load menus

Low aesthetics - App doesn't have much color or profound icons. No dark mode (makes visibility hard)

High ease of use- App is very easy to use and has low learnability

[rationale]The Fox Front

The Ugly

CS 2150 Website

[product/system title]Rock Sox Front Fork

The Ugly

Low efficiency : Too slow since there is too many options

Low/Ugly Aesthetics: No icons, poor layout, just boring and outdated

[rationale]The Fox Front

Matthew

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I started to observe interfaces around me that invoked certain emotion (things that made me frustrated, satisfied or upset)

Matthew

Where did you come up with them?

I started to observe things that I used on the daily basis and marked down how they made me feel.

Why did you come up with them?

I chose the interfaces that invoked the strongest emotions. I was either extremely disappointed with the system or enjoyed it

What did you come up with?

I am...

a lake enthusiast

I am

The Good

Chipotle App

[product/system title]Rock Sox Front Fork

The Good

High usability - easy to use and always fulfills my needs

High Aesthetics - Organized well with nice imagery

High Operability - easy to customize orders

[rationale]The Fox Front

The Bad

Toaster Oven

[product/system title]Rock Sox Front Fork

The Bad

Low usability, there is no way to know how much time is left. The aesthetics are fine. Not consistent

[rationale]The Fox Front

The Ugly

Catme.org

[product/system title]Rock Sox Front Fork

The Ugly

High usability, the surveys are easy to fill out

low aesthetics - three different buttons do the same things

Low constancy - issues using the go back button

[rationale]The Fox Front

Alex Yu

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I came up with these because they are revolved around my interest in sports and analyzing probability

Alex

Where did you come up with them?

I use and talk with others consistently about these platforms commonly in my apartment watching games

Why did you come up with them?

These examples exemplify UI/UX because they are commonly used platforms that should be well designed

What did you come up with?

I am...

a Sports Speculator

I am

1-800-GAMBLER

The Good

Fanduel

[product/system title]Rock Sox Front Fork

The Good

High visibility as all the features and different sports are laid out neatly. High usefulness as it has live time updates and odds and shows betslip to the side. Constraints to prevent from making invalid wagers. High learnability as there are help pages, tutorials, and documentations about wagering

[rationale]The Fox Front

The Bad

ubet.ag

[product/system title]Rock Sox Front Fork

The Bad

Medium aesthetics as it isn't that cramped but a bit plain. Low usability as it is a bit sluggish and lots of menus to click through so low efficiency and visibility. Medium usefulness good odds and variety of functionality

[rationale]The Fox Front

The Ugly

action247.ag

[product/system title]Rock Sox Front Fork

The Ugly

Low aesthetics especially the navbar because it is very basic styling. Low usefulness as their is limited functionality for wager types. Low usability as it isn't very efficient with lots of submenu prompts and some features are hard to see so low visibility

[rationale]The Fox Front

George Sun

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I thought of the things that I interact with on a daily basis that I felt I had opinions on- good and bad.

George

Where did you come up with them?

I came up with these items in my dorm room, hence they're items that are always at arms reach.

Why did you come up with them?

I came up with these because I felt that I could talk best about UX principles with these items

What did you come up with?

I am...

Gamer

I am

The Good

MPress Hitbox

[product/system title]Rock Sox Front Fork

The Good

High Flexibility - Lights, Switches, Art, Platform

Great Aesthetics - Lights, Acrylic

Good Feedback - Lights, Switches

Mid/Low Learnability - Button Layout

[rationale]The Fox Front

The Bad

Kettle

[product/system title]Rock Sox Front Fork

The Bad

Good Aesthetics - Metal, Glass = "kitchenware"

Good Feedback - Lights, click

Poor Ease of Use - Hinge/ Lid

[rationale]The Fox Front

The Ugly

OneNote on iPad

[product/system title]Rock Sox Front Fork

The Ugly

Good Usefulness + Aesthetics

Poor Consistency and

Poor Natural Mapping - Collapse Notebooks

Poor Error Prevention - Deleting

Mid Efficiency - No preferences

[rationale]The Fox Front

Student

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

[Type response here]

Where did you come up with them?

[Type response here]

Why did you come up with them?

[Type response here]

What did you come up with?

I am...

[surprising-unique]

I am

The Good

[Design title]

[product/system title]Rock Sox Front Fork

The Good

[Rationale using appropriate language]

[rationale]The Fox Front

The Bad

[Design title]

[product/system title]Rock Sox Front Fork

The Bad

[Rationale using appropriate language]

[rationale]The Fox Front

The Ugly

[Design title]

[product/system title]Rock Sox Front Fork

The Ugly

[Rationale using appropriate language]

[rationale]The Fox Front

GBUX 15

Tuesday, April 12, 2022

GBUX 15

Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.

Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.

Think in terms of:

Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,

error prevention, metaphors,

affordances, etc.

Student

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I looked at the applications that I used regular basis and chose the ones that i liked and disliked.

Abid Hussain

Where did you come up with them?

These are some of the applications that are found in my phone.

Why did you come up with them?

I chose them because these are not only used by me but many other students at UVA so i was sure that many felt similarly about them.

What did you come up with?

I am...

a third-year Systems Engineering student who is an avid cook of South East Asian food!

I am

The Good

UBER APP

[product/system title]Rock Sox Front Fork

The Good

Aesthetically pleasing: pretty icons and graphics, great flexibility: less interaction and greater navigation and prompt feedback: wait times

[rationale]The Fox Front

The Bad

GROUPME APP

[product/system title]Rock Sox Front Fork

The Bad

Poor help and documentation: can't add members in groups sometimes no way to know why, error prevention is terrible: doesn't alert user when something is wrong, and poor aesthetics

[rationale]The Fox Front

The Ugly

REDDIT APP

[product/system title]Rock Sox Front Fork

The Ugly

Very poor aesthetics: extremely ugly, poor understandability: chats have replies which can be confusing as to who replied first and hard to keep track

[rationale]The Fox Front

Student

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I thought of products I use almost every day and what I liked about them and what I did not like about them.

Where did you come up with them?

William Meyer

I found these examples in my daily life, in my routines, around my house, in my pocket, and in backpack.

Why did you come up with them?

Things in my every day life because of their frequent use are more likely to produce reactions from me.

What did you come up with?

I am...

runner

I am

The Good

Google Maps

[product/system title]Rock Sox Front Fork

The Good

High visibility: interactions are prominently displayed for users on buttons. High satisfaction: public transit information integrated in directions.

[rationale]The Fox Front

The Bad

Garmin Forerunner 245

[product/system title]Rock Sox Front Fork

The Bad

Low ease of use: poor flexibility and understandability. Mappings are not natural. Transitions between screens not made clear. Watch interfaces with your phone using two apps. High satisfaction: watch designed with runners in mind. Industry standard.

[rationale]The Fox Front

The Ugly

Piazza

[product/system title]Rock Sox Front Fork

The Ugly

Low operability and findability: there are two ways of toggling filters. Mappings are not natural. Poor aesthetics: low visibility because of clutter. Design feels antiquated.

[rationale]The Fox Front

Akshay

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I looked at technology/items that affect me on a daily basis

Where did you come up with them?

When I was using different items and realized the positives or negatives of them

Akshay Ganta

Why did you come up with them?

To realize alternatives to the items I use daily

What did you come up with?

I am...

A Hiker

I am

The Good

Google Calendar App

[product/system title]Rock Sox Front Fork

The Good

Very easy to use with many one click options. Clean design layout with multiple zoom options. Can toggle different calendars on/off. Aesthetically pleasing with color options.

[rationale]The Fox Front

The Bad

Skateboard Remote

[product/system title]Rock Sox Front Fork

The Bad

The screen is too cluttered and not at all aesthetically pleasing. Not naturally intuitive information (brake number). Inaccurate battery life of the skateboard and remote. Does offer good feedback with the speedometer.

[rationale]The Fox Front

The Ugly

Apple Maps

[product/system title]Rock Sox Front Fork

Have just had generally bad experiences using this app. Very low desirability that lacks consistency. Operability is poor and you need to press too many buttons just to get the gps to load to the place you want to go.

The Ugly

[rationale]The Fox Front

Sanha Kim

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I just took a minute to think about the most useless things I owned.

Where did you come up with them?

Just what I see during my daily life

Sanha Kim

Why did you come up with them?

Because these items showed good examples of the UX guidelines

What did you come up with?

I am...

[a home cook]

I am

The Good

[Ti-84 plus CE calculator]

[product/system title]Rock Sox Front Fork

The Good

High robustness: There are so many built-in things that the calculator can do.

High flexibility: The calculator can be programmed to do almost anything you might need, including gaming.

Good aesthetics: The design looks clean, and every different type of input is color coded

[rationale]The Fox Front

The Bad

[Handheld cappuccino maker]

[product/system title]Rock Sox Front Fork

The Bad

Low Understandability: there's no way to know to use it.

Low flexibility: Can only be used to froth milk, and can't be used for anything else.

No physical affordance for washing: Part of it uses battery and part of it goes in milk, but no way to separate them to wash it

[rationale]The Fox Front

The Ugly

[Aukey Mirror Dash Cam]

[product/system title]Rock Sox Front Fork

The Ugly

Low consistency: It's too sensitive so it just randomly turns on while driving

Counter-productive feedback: when the sensor detects a disturbance, the video of what it's recording covers the entire screen

Low learnability: The button to stop recording is on the bottom and it's hard to know it's even there

[rationale]The Fox Front

Decker Bristow

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I made a list of some technology I frequently use and from there picked my three.

Where did you come up with them?

One is from my apartment, one my car, and the last is a website.

Why did you come up with them?

Decker Bristow

I came up with them to describe whether they satify or viotate UX design guidelines.

What did you come up with?

I am...

a social butterfly

I am

The Good

Uncle Iroh LED light

[product/system title]Rock Sox Front Fork

The Good

High aesthetics, high learnability, high consistency

[rationale]The Fox Front

The Bad

Car Stereo

[product/system title]Rock Sox Front Fork

The Bad

Low learnability, low robustness, Low desirability

[rationale]The Fox Front

The Ugly

CATME

[product/system title]Rock Sox Front Fork

The Ugly

Low aesthetics, low ease of use, low understandability

[rationale]The Fox Front

GBUX 16

Thursday, April 14, 2022

GBUX 16

Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.

Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.

Think in terms of:

Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,

error prevention, metaphors,

affordances, etc.

Josh

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I spent a lot of time thinking about what I use

daily and the measured those designs with the

UX guidelines.

Josh

Where did you come up with them?

Some of these I came up with while I was

working on school work others while I was

using them around the house.

Why did you come up with them?

I came up with these designs because I use

them everyday and the user experience of

these particular designs affect me greatly

What did you come up with?

I am...

A Lego Enthusiast

I am

The Good

Steam Web Page

[product/system title]Rock Sox Front Fork

The Good

The system has high learnability, it is sorted into a way that makes the system easy to learn how to navigate.

The system also has high understanabilty, which helps with the learnability. Good feedback and visibilty

[rationale]The Fox Front

The Bad

Multisim

[product/system title]Rock Sox Front Fork

The Bad

Multisim has good constraints, and good metaphors, but with poor visibility and low learnability it can be frustrating. Also has poor robustness

[rationale]The Fox Front

The Ugly

Space Heater

[product/system title]Rock Sox Front Fork

The Ugly

This space heater has poor astehtics, and poor feedback.

System is simple.

[rationale]The Fox Front

Alex

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

Searching through items I use in my home

Alex

Where did you come up with them?

Mainly at home, considering things I either use for work or fun

Why did you come up with them?

I felt as if these items each had a unique aspect of UX and fit the bill of good bad and ugly well

What did you come up with?

I am...

A Drummer

I am

The Good

Oculus Quest 2

[product/system title]Rock Sox Front Fork

The Good

High aesthetic appeal - Sleek, high tech design

Natural Mapping - Actions performed in the physical world translate very well

[rationale]The Fox Front

The Bad

iHome ZBT

[product/system title]Rock Sox Front Fork

The Bad

Poor visibility - White buttons on white device

Poor understandability - vague button labels

[rationale]The Fox Front

The Ugly

Notepad

[product/system title]Rock Sox Front Fork

The Ugly

Low flexibility and robustness - Very simple program, many basic typing features arent supported

Low aesthetics -Ugly

[rationale]The Fox Front

Yiheng

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

searching around the room, find something seems unique

Yiheng

Where did you come up with them?

I came up with them in my room.

Why did you come up with them?

Relate to my hobbies, I use some of them frequently.

What did you come up with?

I am...

a Jin Yong reader

I am

The Good

PS5 system

[product/system title]Rock Sox Front Fork

The Good

simple and straight forward

no redundant functions

easy to use, friendly to new users

[rationale]The Fox Front

The Bad

Transloc

[product/system title]Rock Sox Front Fork

The Bad

time and location of the bus is never accurate

without notification and updates when the route is changed

[rationale]The Fox Front

The Ugly

Table Tennis Ball Collector

[product/system title]Rock Sox Front Fork

The Ugly

pick up the ball without bending over

hand made by myself

looks ugly

actually good to use and durable

[rationale]The Fox Front

Abhinav Sathish

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I am an aspiring investor so I often use these tools for value added research. These are products that I interact with on a fairly frequent basis.

Abhinav

Where did you come up with them?

I came up with these ideas in my room following an interview. Post-interview, I was reflecting on the tools that had taught me the most, and these came to mind.

Why did you come up with them?

These are tools that I use on a fairly frequent basis when looking into companies. Because I've interacted with them so much, I have my own opinions.

What did you come up with?

I am...

an angler

I am

The Good

Tegus

[product/system title]Rock Sox Front Fork

The Good

High usefulness - expert calls, former employees, broad universe of stocks, "private" information

High learnability - tutorial video, several affordances

High satisfaction - value-add, pithy, perspective as college student (experts)

* Note: luxury service in space

[rationale]The Fox Front

The Bad

Stream by Mosaic

[product/system title]Rock Sox Front Fork

The Bad

High Aesthetics - color coding, icons, conversations are well-segmented

Medium Usefulness - lesser quality/shorter calls, only pre-recorded calls

Low Consistency - only calls are consistent, glitchy, pages are different formats

[rationale]The Fox Front

The Ugly

Grata

[product/system title]Rock Sox Front Fork

The Ugly

Low usefulness - aggregator, filters don't work, mislabeling, lack of info

Low learnability - filters don't work, keyword search is complicated

Low ease of use - takes forever to find what I want, superficial

[rationale]The Fox Front

Student

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

[Type response here]

Student

Where did you come up with them?

[Type response here]

Why did you come up with them?

[Type response here]

What did you come up with?

I am...

[surprising-unique]

I am

The Good

[Design title]

[product/system title]Rock Sox Front Fork

The Good

[Rationale using appropriate language]

[rationale]The Fox Front

The Bad

[Design title]

[product/system title]Rock Sox Front Fork

The Bad

[Rationale using appropriate language]

[rationale]The Fox Front

The Ugly

[Design title]

[product/system title]Rock Sox Front Fork

The Ugly

[Rationale using appropriate language]

[rationale]The Fox Front

GBUX 17

Tuesday, April 19, 2022

GBUX 17

Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.

Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.

Think in terms of:

Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,

error prevention, metaphors,

affordances, etc.

Student

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I have been looking for apartments for the past couple months, so I’m very aware with the platforms and used this to come up with examples.

Cal

Where did you come up with them?

I looked around the internet for apartment websites.

Why did you come up with them?

These website exemplify great and poor UX for apartments searching, helping students in the future.

What did you come up with?

I am...

an endurance runner

I am

The Good

Apartments.com

[product/system title]Rock Sox Front Fork

The Good

Consistency between listings. Great Usability/Simplicity with draw feature. Feedback on listings

[rationale]The Fox Front

The Bad

Boston Pads

[product/system title]Rock Sox Front Fork

The Bad

Low Functionality with move-in dates and limiting areas. Simplicity with icons

The Ugly

Engel & Volkers

[product/system title]Rock Sox Front Fork

The Ugly

Poor Understandability with locations. Bad Consistency between listings. Low Operability with filters. Lack of Feedback on past behaviors

Student

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I thought of websites and apps that I use frequently or did use frequently

Jarod

Where did you come up with them?

Mostly things I use on my devices

Why did you come up with them?

These stood out the most as "good bad and ugly" to me. I either enjoy using them or dislike using them.

What did you come up with?

I am...

A dog lover

I am

The Good

myHomework

[product/system title]Rock Sox Front Fork

The Good

Easy to use, High understandability

Cognitive affordanced (Color)

Good Functionality

The Bad

DLD Circuit Designer

[product/system title]Rock Sox Front Fork

The Bad

Poor Aesthetics, Low Learnability: Very hard to find the right type of component

Low robustness: Crashes a lot, very slow

[rationale]The Fox Front

The Ugly

TD Ameritrade

[product/system title]Rock Sox Front Fork

The Ugly

High Lernability and Functionality, but very Poor Aesthetics: Boring Color Scheme, looks like it was designed 15 years ago

[rationale]The Fox Front

Will

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I came up with my design examples by considering some of the things I use daily.

Will

Where did you come up with them?

I came up with them while getting ready for a day full of classes.

Why did you come up with them?

These stood out as items I either really enjoy or would like to improve.

What did you come up with?

I am...

A former ice-cream truck driver

I am

The Good

Reusable K Cup

[product/system title]Rock Sox Front Fork

The Good

High Usability because it is efficient, effective, and easy to use. High Learnability because it is a metaphor for a K Cup. High Utility because it cuts costs while making great coffee.

[rationale]The Fox Front

The Bad

20 oz Yeti Rambler Tumbler

[product/system title]Rock Sox Front Fork

The Bad

High Aesthetics because of sleek design. Medium Functionality because it keeps drinks hot/cold and strong liquid flow. Low Utility because it must be held upright.

[rationale]The Fox Front

The Ugly

Bialetti Italian Coffee Maker

[product/system title]Rock Sox Front Fork

The Ugly

Poor Aesthetics because burn marks do not come off and the hexagonal shape makes cleaning difficult.

Medium Learnability because the parts fit easily but can take a second when first trying. Low functionality in terms of making multiple cups and pouring without leaks.

[rationale]The Fox Front

Jack

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I looked for the things I use on a regular basis.

Jack

Where did you come up with them?

At home and around campus during the day.

Why did you come up with them?

I choose these as they are all things that I use a lot, and they show good and bad UX design.

What did you come up with?

I am

a dog fan

I am

The Good

Ninja Blender

[product/system title]Rock Sox Front Fork

The Good

  • Simple design prevents user error
  • High learnability, users can start ASAP
  • Good aesthetic

[rationale]The Fox Front

The Bad

Student Information System (SIS)

[product/system title]Rock Sox Front Fork

The Bad

  • Inefficient, I have to do a lot to get where I wanna be
  • Lots of redundant information, hard to find what I want
  • Inconsistent

[rationale]The Fox Front

The Ugly

McGraw Connect

[product/system title]Rock Sox Front Fork

The Ugly

  • Low usefulness, I find that many system features make it harder to use
  • Low ease of use in the textbook
  • Some metaphors, such as the calendar page having a calendar icon.

[rationale]The Fox Front

Student

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

[Type response here]

Student

Where did you come up with them?

[Type response here]

Why did you come up with them?

[Type response here]

What did you come up with?

I am...

[surprising-unique]

I am

The Good

[Design title]

[product/system title]Rock Sox Front Fork

The Good

[Rationale using appropriate language]

[rationale]The Fox Front

The Bad

[Design title]

[product/system title]Rock Sox Front Fork

The Bad

[Rationale using appropriate language]

[rationale]The Fox Front

The Ugly

[Design title]

[product/system title]Rock Sox Front Fork

The Ugly

[Rationale using appropriate language]

[rationale]The Fox Front

GBUX 18

Thursday April 21, 2022

GBUX 18

Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.

Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.

Think in terms of:

Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,

error prevention, metaphors,

affordances, etc.

Student

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

Ever since the beginning of GBUX, I have attempted to be perceptive in the UX design of some of my most frequently used appliances.

Kaylee

Where did you come up with them?

The pictures of all of these design examples were taken directly in my apartment. I made sure to include the objects I use most frequently when I am at home.

Why did you come up with them?

Because I use these items so frequently, I am sensitive to their shortcomings that make them inconvenient during use.

What did you come up with?

I am...

a baker

I am

The Good

Speaker

[product/system title]Rock Sox Front Fork

The Good

- consistency among buttons contributes to high attractiveness

- important buttons are more visible

- controls have high understandability, so the speaker has good learnability

- speaker has good feedback

[rationale]The Fox Front

The Bad

Water Boiler

[product/system title]Rock Sox Front Fork

The Bad

- poor understandability and memorability because buttons & temperatures are unlabeled

- buttons have medium learnability (few buttons, but require trial and error)

[rationale]The Fox Front

The Ugly

Microwave

[product/system title]Rock Sox Front Fork

The Ugly

- low learnability because structure is different than others

- poor consistency with button placement

- low satisfaction because design is confusing

- low memorability after using normal microwaves for a period of time

[rationale]The Fox Front

Student

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

Condensed my preexisting likes and frustrations with them into this presentation

Will

Where did you come up with them?

Both at home, around Charlottesville, and in my dorm

Why did you come up with them?

They are the things I have to interact a lot with on a daily basis

What did you come up with?

I am...

a trainspotter

I am

The Good

Razer Basilisk Mouse

[product/system title]Rock Sox Front Fork

The Good

Flexible, with multiple buttons that can be programmed with a variety of functions. Every button is also easily accessible by small but intentional finger movements, preventing inadvertent input during routine use.

Designed to satisfyingly fit the hand

and provides good tactile and

audible feedback.

[rationale]The Fox Front

The Bad

(Newer) Apple Keyboards

[product/system title]Rock Sox Front Fork

The Bad

Compared to other keyboards, which provide satisfying tactile feedback when keys are pressed, newer Apple keyboards provide hardly any. This is also poor error prevention, as it can also result in inadvertent inputs. Some Apple keyboards are

also far too flat and are uncomfortable to

use for prolonged periods of time,

lessening satisfaction and

desirability.

[rationale]The Fox Front

The Ugly

Reddit's Mobile Site

[product/system title]Rock Sox Front Fork

The Ugly

Abysmal aesthetics; mobile site has far too much whitespace and posts are reduced to small icons and lines of text. This also makes looking through posts inefficient. Though more accessible due

to applying a standardized style,

it is not desirable and not

satisfying.

[rationale]The Fox Front

Student

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I use these apps and website often when there is a sneaker I want releasing. I noticed the differences with them after using them more and more.

Candace

Where did you come up with them?

When there were sneakers releasing on every one of these platforms and I was on my phone trying to use all of them.

Why did you come up with them?

There were parts of the good app which I enjoyed using, while the ugly made me very angry.

What did you come up with?

I am...

a dancer

I am

The Good

Nike SNKRS App

[product/system title]Rock Sox Front Fork

The Good

The design is minimalistic which increases its attractiveness and makes it aesthetic. The app has high visibility as it has a task bar at the bottom and labeled buttons which also make it have high understandability.

[rationale]The Fox Front

The Bad

Adidas CONFIRMED App

[product/system title]Rock Sox Front Fork

The Bad

High efficiency because can purchase items easily. Medium visibility as sometimes buttons are hard to see against dark background. Low simplicity since the home page is full of pictures and videos

[rationale]The Fox Front

The Ugly

YeezySupply Website

[product/system title]Rock Sox Front Fork

The Ugly

High simplicity but has low feedback as it barely shows anything. Low error prevention and robustness because when you face problems, it merely shows an error message. Overall experience leads to low satisfaction

[rationale]The Fox Front

Sam

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I thought about my recent pleasant and unpleasant experiences using different products

Sam

Where did you come up with them?

While I was at home

Why did you come up with them?

Because they are the most significant to me

What did you come up with?

I am...

A F45 Trainer

I am

The Good

F45 TV App

[product/system title]Rock Sox Front Fork

The Good

High usability: Can easily navigate to each important tab

High usefulness: Can change music, load workout to the TV, get support, etc.

[rationale]The Fox Front

The Bad

TastyWorks

[product/system title]Rock Sox Front Fork

The Bad

Low Learnability: New users could easily make a mistake

Low aesthetics: Very sharp and sophisticated appearance

[rationale]The Fox Front

The Ugly

Black & Decker Rice Cooker

[product/system title]Rock Sox Front Fork

The Ugly

Poor usefulness: Will not shut off unless you unplug it, no off button

Low consistency: Whether it goes to cook or warm upon plugging in is apparently random

[rationale]The Fox Front

Sathvik

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I've been thinking about the games I play and how they fall under the given categories.

Sathvik

Where did you come up with them?

They are all video games on my Nintendo Switch.

Why did you come up with them?

Because I love gaming.

What did you come up with?

I am...

a gamer

I am

The Good

Breath of the Wild

[product/system title]Rock Sox Front Fork

The Good

High Attractiveness

High Learn-ability - initially difficult

but easy to pick up on

High Usability - game lets play

however you want

[rationale]The Fox Front

The Bad

OlliOlli World

[product/system title]Rock Sox Front Fork

The Bad

High Attractiveness

Low Learn-ability and Usability -

Initially easy until player hits steep

learning curve that never

goes down

[rationale]The Fox Front

The Ugly

Chicken Little:

Ace in Action

[product/system title]Rock Sox Front Fork

The Ugly

Low Attractiveness

Low Usability - game suffers from

severe difficulty bumps

[rationale]The Fox Front

GBUX 19

Tuesday, April 26, 2022

GBUX 19

Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.

Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.

Think in terms of:

Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,

error prevention, metaphors,

affordances, etc.

Po

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I thought about when was the last time I felt a design was good, bad and ugly.

Po

Where did you come up with them?

Mostly things I found at home.

Why did you come up with them?

I came up with these because they were especially good or bad or ugly.

What did you come up with?

I am...

a snowboarder

I am

The Good

Apple Watch

[product/system title]Rock Sox Front Fork

The Good

High Learnability: gestures are intuitive.

High Aesthetics: User Interfaces are very fluid-looking

High Satisfaction: Can do so many things I didn't know I wanted my watch to do

[rationale]The Fox Front

The Bad

Roku TV YouTube Search Bar

[product/system title]Rock Sox Front Fork

The Bad

Poor usability: Very slow, skips buttons

Poor learnability: Not a standard keyboard layout.

[rationale]The Fox Front

The Ugly

Air vent in my room

[product/system title]Rock Sox Front Fork

The Ugly

Poor Aesthetics: Looks old and rusty.

Poor functionality: Lets wasps into my room.

Poor usability: only has 2 settings (closed or blowing on my face)

Poor accessibility: need a chair to reach

[rationale]The Fox Front

Michelle

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I took note of things I've used in the past throughout the semester.

Michelle

Where did you come up with them?

I mostly came up with them either in class or in my room, looking through the applications I use.

Why did you come up with them?

I did my best to use examples that had not been done multiple times.

What did you come up with?

I am...

a Junji Ito fan

I am

The Good

Youtube App

[product/system title]Rock Sox Front Fork

The Good

Good aesthetics

Great consistency with icons and gestures

Good learnability and feedback

Decent robustness

[rationale]The Fox Front

The Bad

Autodesk Sketchbook App

[product/system title]Rock Sox Front Fork

The Bad

Good aesthetics, consistency, and flexibility

But: low learnability and only moderate robustness

[rationale]The Fox Front

The Ugly

Stellarium

[product/system title]Rock Sox Front Fork

The Ugly

Great functionality, rich in features

Aesthetic equivalent of the taste of battery acid

Lacking in simplicity, learnability, and robustness

[rationale]The Fox Front

Sarah

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I thought about the products that I use most frequently and what I like and dislike about them.

Where did you come up with them?

Most of the products are everyday items from my apartment

Sarah

Why did you come up with them?

I tried to think of examples that either represented or violated the UX guidelines clearly.

What did you come up with?

I am...

a dog lover

I am

The Good

electric toothbrush

[product/system title]Rock Sox Front Fork

The Good

Good aesthetics: sleek and minimal design

Good feedback: timer and pressure sensor

High satisfaction

[rationale]The Fox Front

The Bad

rice cooker

[product/system title]Rock Sox Front Fork

The Bad

low learnability: unintuitive buttons makes it hard to access features

low visibility: doesn't display the remaining time

good usefulness and consistency: rice is always perfect

[rationale]The Fox Front

The Ugly

Goodreads website

[product/system title]Rock Sox Front Fork

The Ugly

Low aesthetics and findability: very cluttered interface makes navigation difficult

Poot error prevention and functionality:

search feature is useless

[rationale]The Fox Front

YC

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I want to apply the UX prinicples to discover the good and the bad design in my everyday life so that they can better inform my purchase decision

YC

Where did you come up with them?

Items are all from my home

Why did you come up with them?

These are the most easily accessible items in my life

What did you come up with?

I am...

I am

The Good

[Xfinity Remote]

[product/system title]Rock Sox Front Fork

The Good

High learnability: icons are very easy to undserstand

ease of use: the device is designed in a triangular shape for a easier grab

High robustness: barely break after being thrown around

[rationale]The Fox Front

The Bad

[Macbook Pro Touch Bar]

[product/system title]Rock Sox Front Fork

The Bad

decent aesthetics

low learnability: icons are not intuitive

bad consistancy: differnt icons in different pages

[rationale]The Fox Front

The Ugly

Eclipse

[product/system title]Rock Sox Front Fork

The Ugly

No error prevention: no tutorial to tell you how to navigate yourself in the app

Poor emotional affordance, poor cognitive affordance

[rationale]The Fox Front

Katherine

Tell us a little bit about your thought process in identifying these design examples:

How did you come up with them?

I thought of a bunch of fitness-related apps that I've used before and took screenshots.

Student

Where did you come up with them?

These were all fitness apps that I had used for better or for worse that were still on my phone.

Why did you come up with them?

I have been going on a bit of a fitness journey during my recovery process and miss running.

What did you come up with?

I am...

a rugby player

I am

The Good

Runkeeper

[product/system title]Rock Sox Front Fork

The Good

High visibility: all important stats easily visible without being overwhelming

Super high flexibility for all types of runners

High attractiveness: very visually appealing

[rationale]The Fox Front

The Bad

Fill it Forward

[product/system title]Rock Sox Front Fork

The Bad

Awful robustness and operability: constantly freezing for seemingly no reason

Low satisfaction: would delete all your reuses whenever the app updated

Low consistency: badges were totally inconsistent

[rationale]The Fox Front

The Ugly

Start Running

[product/system title]Rock Sox Front Fork

The Ugly

Very low attractiveness: this app does not look functional

Low flexibility: no way to edit or skip workouts and everything is behind a paywall

Will give credit for simplicity: this app does one thing and one thing only

[rationale]The Fox Front

Learn more about creating dynamic, engaging presentations with Prezi