Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
85
The Good, the Bad & the Ugly
User Experience
Episode I
GBUX 0
Thursday, September 2, 2021
GBUX 0
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.
Panagiotis
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Personal experience from visiting places and experiencing waiting systems and functional devices.
Panagiotis
Where did you come up with them?
Theme park (Legoland), North Grounds gym, and at home observing dinner guests using my silverware.
Why did you come up with them?
They indicate a user experience of everyday habits and artifacts that most times we don't think about.
What did you come up with?
Meet your professor!
I am
RULES:
1. Start your introduction with "I am"
2. Make it interesting/surprising
I am from Lesbos!
I am...
I am a father...
Sappho and Alcaeus of Mytilene
Alkaios of C'ville!
I am...
Let's plan to meet each other better!
When: One Sunday ~5-7 pm
Where: Somewhere outdoors
How: Complete the form that will go out
Hope to hang out!
I am a visionary (wannabe) artist!
I am...
I follow what I preach!
I am a proud Greek!
AND I appreciate diversity!
I am...
SOCIAL EVENT!
Share your roots/origin, your uniqueness and what you appreciate about the US and C'ville.
We will meet at a special "place" next
Thursday 3/11 after class!
Let me know if you want a booth, or just attend
Being from Greece
Socializing with friends over amazing (sea)food!
Friends & Food
Expanding perspectives over new cuisines!
Living in the US
Being from Greece
Experiencing the most amazing sunsets!
Scenery
Experiencing landscapes of unparalleled beauty!
Living in the US
The Good
Legoland theme park
The Good
Waiting line was much more pleasant by having Legos in the middle of the long queue; waiting was so much more fun!
The Bad
Table knife by AMC
Most people try to cut using this side
The Bad
High aesthetics but poor cognitive affordance indicating the cutting side
The Ugly
Faucet in North Grounds Rec Center
Need to pull the whole knob despite the shape
The Ugly
Misleading physical affordance (need to pull up the whole knob); poor aesthetics and outdated design
Asia
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 apps and products I used in my everyday life.
Asia
Where did you come up with them?
These are all apps I use on my phone.
Why did you come up with them?
These days I rely a lot on mobile apps to achieve most of my daily tasks, so I thought I would see what I valued most and least.
What did you come up with?
I am..
Korean American
I am
The Good
KakaoTalk
The Good
High usefulness: Can conveniently be used in all sorts of daily life functions, including mobile payment via a wallet, and sending pictures to yourself via your own chatroom
High operability: Very easy to navigate because of high system consistency with cognitive affordances (feature icons)
High satisfaction: Can customize theme appearance and personalize your profile page with extra details
The Bad
SNOW Camera App
The Bad
Although it has high consistency in its system layout and icon designs, recent updates have moved most of its core editing features to the left as white icons that have poor visibility against bright white/natural light. Many of its tabs are also redundant with only slight variance; since this can overwhelm and/or confuse both existing and new users it has reduced understandability and simplicity.
The Ugly
Toast Takeout
The Ugly
Oversimplified in that I always have to scroll down to maintain the flow of information; no search function to search through a long menu reduces its usability and its tiny font size and poor text alignment give it poor consistency with ultimately low user satisfaction.
Andrew
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I tried to consider the products I have grown accustomed to using in the pandemic.
Andrew
Where did you come up with them?
I looked within the apartment to the activities and areas that have occupied my time the most.
Why did you come up with them?
I wanted to share some of my product insight with
students in their product considerations.
What did you come up with?
I am
a fan of SpongeBob
I am
this event was the result of random chance
The Good
Arris Surfboard Modem/Router
The Good
This combined modem and router has an app which provides complete remote control over its function granting high operability, and its separate indicator lights for specific connection issues grants better cognitive affordances than most other modems/routers.
The Bad
Vizio TV Remote
The Bad
This remote comes with applications for specific streaming services and no menu to select or download others, granting reduced functionality. Additionally it combines the pause, play, and select button, causing issues in some applications,
reducing consistency.
The Ugly
The Scrub Mommy
The Ugly
This item is useful, but the weakness of its aesthetics and understandability, stemming from name and design choice, make me uncomfortable using it. Additionally, It has no functional difference from the Scrub Daddy™ reducing consumer desirability. All of this aside, I hate it, I still use it, and
I named SpongeBarb.
Kristina
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I considered appliances and items that I use frequently.
Kristina
Where did you come up with them?
I came up with my objects in my room, while at my desk.
Why did you come up with them?
I came up with the objects because I interact(ed) with them often and had varying opinions about them.
What did you come up with?
I am...
a Pet Lover
I am
The Good
Microsoft OneNote
The Good
Microsoft OneNote has high usability, as it is a note taking app that promotes efficiency, engagement, and ease of learning. This is evident as users are able to take notes quickly for class by opening the app to a page, in which they can expect to type/ write notes and draw.
OneNote is also customizable as users can make selections and set preferences for options, such as the paper style, paper color, and writing tools
they wish to use.
The Bad
Macbook Pro ports
The Bad
The ports, or rather the lack of ports, on a Macbook Pro contributes to the minimalist aesthetic that the laptop aims to achieve; however, it is a hidden affordance. It is not obvious to new users or non-Mac users that the laptop is capable of supporting USB-A and HDMI cords, with the use of a port adapter. For users who do not own a USB-C port adapter, there is a lack of accessibility.
The Ugly
MATH 3350 Online Textbook
The Ugly
The MATH 3350 pdf textbook has poor readability as the numbers in matrices appear on a singular line. Due to the error in spacing, there is difficulty in fully comprehending the problem and material. This results in low user satisfaction as users
are ultimately prompted to purchase a hard copy.
JC
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought about technologies/appliances I commonly come into contact with around my house and picked a few good examples
JC
Where did you come up with them?
All of my examples were found around my house or on the Internet
Why did you come up with them?
I felt these examples each pretty clearly illustrated good/bad qualities based on the UX guidelines
What did you come up with?
I am...
a Sugar Addict
I am
The Good
Keurig
[product/system title]Rock Sox Front Fork
The Good
High learnability, easily identifiable buttons and levers
Great visibility, indicator lights showing device's status
Aesthetically pleasing
The Bad
"cooks" Toaster
The Bad
Low visibility, 3 lights for 'defrost', 'reheat', and 'cancel', but I've never seen them on. No other indicators of status.
Poor understandability, rotating knob numbered 1-7 for heat setting, no idea how hot any of them are.
The Ugly
Rakuten.com
The Ugly
Low learnability, many steps to apply discounts.
Must visit their site, then visit other sites through them, with their add-on installed.
Poor aesthetics, white buttons on white backgrounds with no borders. :/
Constantly throwing ads and popups in your face, gets annoying.
Tiffany
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 by thinking about things I use often in my life.
Where did you come up with them?
Tiffany
I came up with these examples in my room.
Why did you come up with them?
I chose these examples because they were memorable to me and things I used often.
What did you come up with?
I am...
a dancer
I am
The Good
Overleaf
The Good
Overleaf is an example of good UX design because it has high ease of use, understandability, operability, and efficiency. It is clear what the icons mean and all of the functions are easy to find and use. It also provides good feedback to the user in that the “recompile” button changes while the file is compiling. Finally, Overleaf is aesthetically pleasing, which further improves the user experience.
[rationale]The Fox Front
The Bad
Roots App
The Bad
The Roots mobile app is an example of poor UX design because of its low operability and ease of use. It is is clunky to navigate through the app and the cognitive affordances are not enough to effectively lead the user through the functions. Additionally, it also has poor aesthetics and feedback.
The Ugly
UVA CS Gold
The Ugly
The CS Gold website is an example of ugly UX design because it is has poor aesthetics and poor natural mappings. Additionally, the font and layout are structured in a way that results in low satisfaction and efficiency. Although the functions are clear, they are presented in an ineffective manner.
GBUX 1
Tuesday, September 7, 2021
GBUX 1
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.
Matvey
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 websites and apps that I use on a regular basis, as they are my main tools.
Matvey
Where did you come up with them?
In my room, looking through my desktop and my phone.
Why did you come up with them?
These are some of the tools that I use quite often in my life.
What did you come up with?
I am... a LARPer
(Live Action Role Play)
I am
The Good
Discord
[product/system title]Rock Sox Front Fork
The Good
Discord has a very pleasant and straightforward interface. It allows for easy separation and modification of voice/text channels, while supporting thousands of members on different servers.
[rationale]The Fox Front
The Bad
Zoom
[product/system title]Rock Sox Front Fork
The Bad
While Zoom offers decent video call service, the design feels clumsy and aesthetically not pleasing. The chat and video call areas have opposite color schemes, as well as not being able to fit all the participants of the call on one screen.
[rationale]The Fox Front
The Ugly
Skype
[product/system title]Rock Sox Front Fork
The Ugly
Skype is an outdated program. Calls may experience connection issues a lot, group calls are often hard to create and keep track of, overcrowding the screen that limits accessibility and makes the interface more complicated.
[rationale]The Fox Front
Serhii
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Personal experience from using different gaming consoles and trying to analyze why some controllers are better than others.
Serhii
Where did you come up with them?
At home while I was playing games and at my friend's house.
Why did you come up with them?
Playing video games is very important for me and, I think that the gaming experience must be satisfying.
What did you come up with?
I am...
Very passionate about Skateboarding
I am
The Good
PS4 Controller
[product/system title]Rock Sox Front Fork
The Good
The PS4 controller design is intuitive since it follows the classic design pattern of controllers. It is shaped to fit properly in hands of a gamer. The minimalistic design does not distract the user. The symmetrical shape makes it even more understandable.
[rationale]The Fox Front
The Bad
Xbox Controller
[product/system title]Rock Sox Front Fork
The Bad
The location of Xbox controller buttons and sticks is confusing and counterintuitive. Additionally, the shape of the controller is not adjusted to fit well in hands of the gamer.
[rationale]The Fox Front
The Ugly
Wii Controller
[product/system title]Rock Sox Front Fork
The Ugly
Wii controller design is very misleading because it resembles a design of a TV remote controller. The shape of the controller makes it impossible to use all buttons with one hand.
[rationale]The Fox Front
Baran
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Through my experience using websites for college and personal use
Baran
Where did you come up with them?
I brainstormed about opinions I had about various tools especially during online education and revisited some websites
Why did you come up with them?
To share my opinions about some websites most of us use regularly for classes
What did you come up with?
I am...
from Turkey!
I am
(the european side)
The Good
SIS
[product/system title]Rock Sox Front Fork
The Good
The updated version of SIS exhibits good UX design. The landing page gives users an overview of various pages they can visit with clear and legible text. The site features organized drop-downs, clear alerts for when tasks are due and familiar icons to navigate the page, all of which improves the overall usability
[rationale]The Fox Front
The Bad
Panopto
[product/system title]Rock Sox Front Fork
The Bad
Panopto offers a bad UX. It has poor operability as navigation between lectures of different classes is difficult, the lecture videos are shown in random order, and some videos are not shown until the page is refreshed.
[rationale]The Fox Front
The Ugly
AliExpress
[product/system title]Rock Sox Front Fork
The Ugly
AliExpress has a very flashy and overwhelming design. The user experiences information overload as the site bombards them with popups and flashy advertisements. The site is also poorly organized and has inconsistent color schemes.
[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?
Some personal experience and I couldn't think of any ugly design so I just searched it up.
King
Where did you come up with them?
I am having that shower head in my apartment and the scissors
Why did you come up with them?
I enjoy listening to music when I shower. I had the issue with my new scissors recently and just think it's kinda dumb lol
What did you come up with?
I am King and I am from Hong Kong
I am
The Good
Shower head with bluetooth
[product/system title]Rock Sox Front Fork
The Good
I used to play music with my phone or speaker
[rationale]The Fox Front
The Bad
Scissors with zip tie
[product/system title]Rock Sox Front Fork
The Bad
A new scissors that has a zip/cable tie with it. What the point of buying a scissors then.
[rationale]The Fox Front
The Ugly
Candles with cute faces
[product/system title]Rock Sox Front Fork
The Ugly
Imagine when they melt.....
[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 2
Thursday September 9, 2021
GBUX 2
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.
Devon
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I reflected on designs that had given me or my friends a positive/negative experience as an RA within the past couple weeks.
Devon
Where did you come up with them?
Most of my choices come from where I live (in dorms) or from tech/apps I use daily.
Why did you come up with them?
My good choice improves my daily life, whereas I chose the bad/ugly choices because they caused problems.
What did you come up with?
I am...
a cheerleader!
I am
The Good
WHOOP App
[product/system title]Rock Sox Front Fork
The Good
The WHOOP is a good UX design due to its high usability and persuasiveness towards healthy behavior. It also has ease of use and simple aesthetics in the way it presents biological measurements. Lastly, the app displays good feedback in terms of device connectivity.
[rationale]The Fox Front
The Bad
UVA Schlage Door Lock
[product/system title]Rock Sox Front Fork
The design offers no cognitive affordances in how to access the door with a keycard, making usability low. However, the device does offer good feedback with green or red lights and offers a simple keypad design.
The Bad
[rationale]The Fox Front
The Ugly
UVA HMS
[product/system title]Rock Sox Front Fork
The Ugly
While UVA HMS is useful, its aesthetics are oversimplified/boring and findability is low due to small font and placement of information. It is also very limited in functionality.
[rationale]The Fox Front
Connor
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I use these applications almost everyday and I want to compare them.
Connor
Where did you come up with them?
I was using a Linux based machine that didn't have Microsoft Word so I had to use WordPad.
Why did you come up with them?
These examples are relatable.
What did you come up with?
I am...
a music producer
I am
The Good
Google Docs
[product/system title]Rock Sox Front Fork
The Good
Multiple users can work at the same time
Clean design layout with lots of accessibility features
Simple, yet
extensive
[rationale]The Fox Front
The Bad
Microsoft Word
[product/system title]Rock Sox Front Fork
The Bad
More clutter and visual noise. Too many unnecessary features like Dictate and Headers. Takes up more space -> navigating is more time consuming
[rationale]The Fox Front
The Ugly
WordPad
[product/system title]Rock Sox Front Fork
The Ugly
Long lost, estranged brother of Word. Only one page. Limited features. Doesn't properly space buttons across the top. Direct downgrade from Word
[rationale]The Fox Front
Brian
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I recognized that developers themselves have user experiences
Brian
Where did you come up with them?
I've used these tools myself both in and out of class for software development
Why did you come up with them?
I think it's important to consider the trade-offs of the tools and apps I use regularly
What did you come up with?
I am...
someone who listens to hip hop
I am
The Good
GitHub
[product/system title]Rock Sox Front Fork
The Good
GitHub is an example of a good UX because it is simple and user-friendly. It's clear what the icons mean and how to navigate the file system, making it easy for the user to pick it up quickly. It also has great aesthetics, letting the user switch between a dark and light theme based on their own preferences.
[rationale]The Fox Front
The Bad
Eclipse
[product/system title]Rock Sox Front Fork
The Bad
Eclipse is an example of a bad UX because it has low ease of use. Has the concept of a workspace instead of simple project files, and also preferences are part of the workspace, requiring the user to import/export them.
[rationale]The Fox Front
The Ugly
Emacs
[product/system title]Rock Sox Front Fork
The Ugly
Emacs is an example of an ugly UX because it has poor operability and aesthetics. Although the interface design is simple, there are a great number of keystroke required to accomplish tasks. The editor is unforgiving to the user, requiring them to remember commands. The buttons are also ambiguous, making it unclear what each button does.
[rationale]The Fox Front
Sebastian
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I move a lot through out the day and I use maps to know where I'm going.
Sebastian
Where did you come up with them?
I often use maps to not just see where I am going but how to best get there
Why did you come up with them?
They are the most prominent map apps. I kept in mind how useful and efficient they are to use
What did you come up with?
I am...
A Soccer Player
I am
The Good
Google Maps
[product/system title]Rock Sox Front Fork
Google Maps efficiently gets you to where you need to go, is useful, and aesthetically pleasing.
The Good
It just always works
[rationale]The Fox Front
The Bad
Waze
[product/system title]Rock Sox Front Fork
Its useful in showing everything from where police are to what time you should leave. However, it is not very aesthetically pleasing. It doesn't give you the use satisfaction google maps does
The Bad
[rationale]The Fox Front
The Ugly
Apple Maps
[product/system title]Rock Sox Front Fork
You are guaranteed to go the wrong way and likely a road will be closed off. It has low desirability, is not consistent, and poorly satisfies
The Ugly
[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 3
Tuesday, February 23, 2021
GBUX 3
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.
Ashley
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I looked around my apartment for things that I had a distinctly pleasant or unpleasant experience with
Ashley
Where did you come up with them?
In the kitchen in my apartment
Why did you come up with them?
I spend a decent amount of time in the kitchen so I figured it would be interesting to analyze these appliances
What did you come up with?
I am...
a fan of traveling
I am
The Good
Toaster Oven / Air Fryer
[product/system title]Rock Sox Front Fork
The Good
This appliance has high usability, as it functions as both a toaster oven and an air fryer and has three different rack options. The sleek knobs and consistent design make it aesthetically pleasing and generate high user satisfaction. Clear labels and guiding lines at the top indicate how and when to use the knobs for ease of use.
[rationale]The Fox Front
The Bad
Washing Machine
[product/system title]Rock Sox Front Fork
The Bad
This washing machine is very displeasing to me. Consistency is poor, as there is a dial for wash type but buttons for every other function. In addition, there is no feedback when there is user interaction with the dial, resulting in low understandability. Cluttered wording also decreases aesthetics and user appeal.
[rationale]The Fox Front
The Ugly
Rice Cooker
[product/system title]Rock Sox Front Fork
The Ugly
While this rice cooker has high operability and ease of use, it lacks greatly in aesthetics. The yellow background is unappealing, the buttons are tacky, and the regular, softer, and harder buttons are grouped together under white rice which make it inconsistent as well.
[rationale]The Fox Front
Dalia
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I tried to think about things I use frequently and would have strong opinions on.
Dalia
Where did you come up with them?
I came up with them in my room.
Why did you come up with them?
Artists often try a variety of applications and I wanted to share my input on three common ones.
What did you come up with?
I am...
Turkish & Egyptian
I am
The Good
Procreate
[product/system title]Rock Sox Front Fork
The Good
Procreate has high usability due to its efficiency and learnability - it's quite easy to learn what tools do by testing them out, and there aren't an overwhelming number of them. Its aesthetic
and minimalist design is easy on the
eyes and minimizes confusion
when seeking tools.
[rationale]The Fox Front
The Bad
Paint Tool Sai
[product/system title]Rock Sox Front Fork
The Bad
Paint Tool Sai has suboptimal operability as some frequently used tools require multiple steps to use, which lowers efficiency. Sai also often disconnects from tablets which decreases satisfaction
(user has to spend time setting it
back up)
[rationale]The Fox Front
The Ugly
Photoshop
[product/system title]Rock Sox Front Fork
The Ugly
Photoshop has poor learnability which lowers its usefulness as users have to spend a lot of time looking up information. It also has low findability, as the tool bars are crowded, and many tools are accessed through the same button (have to click through many buttons
to find a hidden tool). Finally, its aesthetics
are quite poor compared to the other
drawing programs.
[rationale]The Fox Front
John
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I focused on physical objects /tools that I use frequently.
John
Where did you come up with them?
I came up with them looking around my room and belongings as well as reflecting about Grounds.
Why did you come up with them?
I came up with them mainly because I have either used the item frequently or have had a long experience with the system over my four years.
What did you come up with?
I am...
cook
I am
The Good
Basketball Shoes
[product/system title]Rock Sox Front Fork
The Good
The shoes have good robustness due to their high soles and collar which is to prevent ankle stress. The bottom of the shoe has "moon crater" holes on the bottom to create traction, resulting in high operability. The solid color and consistent space theme create an appealing aesthetic.
[rationale]The Fox Front
The Bad
COVID Vaccine Cards
[product/system title]Rock Sox Front Fork
The Bad
The card itself is made of paper which reduces the durability of it. It doesn't fit into my wallet perfectly so it decreases portability and makes holding the card unpleasant.
[rationale]The Fox Front
The Ugly
Thornton Hall
[product/system title]Rock Sox Front Fork
The Ugly
Navigating to rooms is unintuitive as the wings aren't connected fully. Decreasing findability and understandability. The hallways are cramped and poorly lit with low natural light, so when there are large classes there are traffic jams making using the building undeseriable.
[rationale]The Fox Front
Anthony
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I went through my daily routine and looked closer at the details of the products I used
Anthony
Where did you come up with them?
In my room, and at the gym
Why did you come up with them?
I use these products pretty often
What did you come up with?
I am...
a member of a large family
I am
The Good
Power Racks
[product/system title]Rock Sox Front Fork
Pullup bars
adjustable spotters
adjustable weight racks
The Good
It has good functionality—you can hit pretty much every muscle using one. It has great learnability. It's customizable, giving people of any size the ability to use it, and it's very compact. It even has built-in spotters giving it good error prevention
[rationale]The Fox Front
The Bad
My Shower Caddy tote
[product/system title]Rock Sox Front Fork
The Bad
water builds up here after shower
Built up water leaks through holes while carrying
Aesthetically okay. Functionality is compromised by subpar design. Water builds up because there's no holes in the bottom and leaks out through the holes while you're carrying it leading to Poor physical affordance.
[rationale]The Fox Front
The Ugly
Craiglist
[product/system title]Rock Sox Front Fork
The Ugly
Basic and unappealing aesthetic. Poor navigability. UI is very cluttered leading to a poor user experience
[rationale]The Fox Front
Peter
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I looked through my computer for programs that I have used in various classes.
Peter
Where did you come up with them?
I looked at programs installed on my laptop.
Why did you come up with them?
I have used these programs frequently for assignments, so I thought I could analyze them.
What did you come up with?
I am...
a cloud appreciator
I am
The Good
UVA Box
[product/system title]Rock Sox Front Fork
The Good
This website has high flexibility as it can be used on any platform. It also features a clean and simple aesthetic with high ease-of-use. Because of this, it has great learnability, making it desirable for users.
[rationale]The Fox Front
The Bad
Autodesk Sketchbook
[product/system title]Rock Sox Front Fork
The Bad
Sketchbook has a consistent aesthetic, but it has low learnability and operability, decreasing user satisfaction.
[rationale]The Fox Front
The Ugly
PASCO Capstone
[product/system title]Rock Sox Front Fork
The Ugly
Capstone has low ease-of-use and findability with its cluttered features. It also has a low learnability, making it undesirable for users.
[rationale]The Fox Front
GBUX 4
Thursday, February 25, 2021
GBUX 4
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.
Mohsen
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I was looking around my phone for health-centered
apps, but found a really good example of ugly design
on my laptop.
Mohsen
Where did you come up with them?
My room.
Why did you come up with them?
I have used health-centered apps for a while now,
and have seen my fair share of good and bad designs.
What did you come up with?
I am...
a cyclist
I am
The Good
The "Samsung Health" app
[product/system title]Rock Sox Front Fork
The Good
The app provides the user with what they want to see without cluttering the UI with irrelevant bloat.
[rationale]The Fox Front
The Bad
MyFitnessPal
[product/system title]Rock Sox Front Fork
The Bad
While the app is functional, it is bloated with advertisements and constantly asks the user to subscribe to their premium service.
[rationale]The Fox Front
The Ugly
Virtual Lab
[product/system title]Rock Sox Front Fork
The Ugly
The software looks outdated and is aesthetically displeasing. The software does not teach the user how to utilize the tools and chemicals in the lab.
[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 about my examples by asking myself what are the best and worst applications and products I use on a daily basis.
Mutasem
Where did you come up with them?
I came up with these examples at home (when doing work and using the applications/products)
Why did you come up with them?
These examples include the products and applications that I use on a daily basis (including the bad and ugly).
What did you come up with?
I am...
a lover of cars
I am
The Good
MacBook Screen
[product/system title]Rock Sox Front Fork
The Good
The start screen for a Mac is extremely efficient in maintaining screen space, with an easy-to-learn setup (high learnability), and great user aesthetics (clean and highly developed design). Further, its design ques have high consistency and allow for a desirable and accessible interface. All buttons and settings are easily seen and are not cluttered
[rationale]The Fox Front
The Bad
Infotainment Center of IS350
[product/system title]Rock Sox Front Fork
The Bad
Though I think the infotainment center is aesthetically appealing, its operation is not robust (not reliable), with little efforts in error prevention. The joystick next to the gear selector is obnoxiously inaccurate, with low satisfactory results. It does have high consistency in format and operability, but not necessarily a good quality.
[rationale]The Fox Front
The Ugly
Bank Of America App
[product/system title]Rock Sox Front Fork
The Ugly
This app is not designed to have ease of use and has low findability (settings are hard to find). There is little consistency in app updates and affords little aesthetic appeal. Further, I find it hard for a bank app to have such bad accessibility to vital user information. As for affordances, it allows me to check my balance without having issues with the cluttered screen.
[rationale]The Fox Front
Nathan
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
After receiving the assignment I simply looked for examples of good, bad, and ugly UX in my everyday life.
Nathan
Where did you come up with them?
Good: at a gym
Bad: in my room
Ugly: in my car
Why did you come up with them?
Because I've been more aware of UX since starting this class
What did you come up with?
I am...
Heavily Concussed
I am
The Good
SOUNDBOKS
[product/system title]Rock Sox Front Fork
The Good
The button layout is identical to the button layout on the speaker which allows for intuitive and familiar interaction.
Furthermore, the option to adjust speaker volume aside from phone volume gives the app immense functionality.
[rationale]The Fox Front
The Bad
My stupid fridge
[product/system title]Rock Sox Front Fork
The Bad
Sacrificed cognitive affordance for aesthetics
Plastic handles don't prevent error at all
[rationale]The Fox Front
The Ugly
Subaru Starlink
[product/system title]Rock Sox Front Fork
The Ugly
No exaggeration: NO functionality
[rationale]The Fox Front
Brendan
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Throughout the day, I paid closer attention to the apps I was using, and how the user experience was for each.
Brendan
Where did you come up with them?
At the gym for the FitBit app, and while doing my homework for both Collab and R Studio.
Why did you come up with them?
I came up with these examples because they are some of my most used applications.
What did you come up with?
I am...
A Hockey Player
I am
The Good
FitBit App
[product/system title]Rock Sox Front Fork
The Good
The FitBit app has a variety of clearly labeled, simple and customizable buttons granting the app high ease of use. This ease of use and all aspects being as straight-forward as they are also grants the app high learnability.
[rationale]The Fox Front
The Bad
R Studio
[product/system title]Rock Sox Front Fork
The Bad
R Studio has a cluttered screen with too many buttons, giving the software low understandability and ease of use. Additionally, R Studio has significantly more non-user errors in my experience than other IDEs, giving the application low error prevention.
[rationale]The Fox Front
The Ugly
UVA Collab
[product/system title]Rock Sox Front Fork
The Ugly
UVA Collab has an ugly and overwhelming homepage, giving Collab poor aesthetics. In addition, the way to add courses to the bar at the top of the page is not obvious, meaning low understandability. Finally, due to poor aesthetics and cluttered look, Collab has low desirability.
[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?
In the two weeks leading up to today I paid looked for elements of good and bad design around me in my daily life
Ethan
Where did you come up with them?
Around my house and in classes as I used them
Why did you come up with them?
I use these apps at least once a week so I was already thinking about them a lot
What did you come up with?
I am...
a distance runner
I am
The Good
CSCPay
[product/system title]Rock Sox Front Fork
The Good
This app is extremely simple, making its ease of use and learnability very high. It also has built in error prevention and is very consistent.
[rationale]The Fox Front
The Bad
GrubHub
[product/system title]Rock Sox Front Fork
The Bad
While it is aesthetically pleasing, the app is very inconsistent and does not give accurate feedback. This leads to low user satisfaction.
[rationale]The Fox Front
The Ugly
Venmo
[product/system title]Rock Sox Front Fork
The Ugly
The cluttered interface and frequent updates make venmo's understandability and learnability low. There are also many unnecessary features with low usefulness.
[rationale]The Fox Front
GBUX 5
Tuesday, March 2, 2021
GBUX 5
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.
Abigail
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Once the GBUX assignment was presented in class I started paying more attention to things I used daily and quickly identified these objects.
Abigail
Where did you come up with them?
These are all things I use daily in completing my classwork or basic life tasks.
Why did you come up with them?
I actually noticed myself either sharing the positive things or complaining about these with my friends and thought it would be interesting to try to describe why I felt these ways in UX terms
What did you come up with?
I am...
a classicist
I am
The Good
Goodnotes
[product/system title]Rock Sox Front Fork
The Good
Goodnotes is a notetaking app available for iPad and Mac. Cross platform compatibility & sync makes the app more flexible and accessible. It interfaces with pdf preview to allow easy document import and export, giving it a high efficiency of use. It also has dark & light modes and a highly recognizable toolbar, making it aesthetically satisyfing.
[rationale]The Fox Front
The Bad
Bond bathroom light switch
[product/system title]Rock Sox Front Fork
The Bad
This light switch's motion detector feature has a 1 minute timer- making it extremely frustrating to use. This gives it extremely low functionality, resulting in a tradeoff between having light and frantically waving my arm outside the shower to set it off.
[rationale]The Fox Front
The Ugly
William Whitaker's Words
[product/system title]Rock Sox Front Fork
The Ugly
This website uses the same abbreviation to mean different things depending on the part of speech and order of information, giving it low learnability. It also presents an overhwhelming amount of information, reducing the findability of results. Additionally inputting 2 words leads to empty results, demonstrating low robustness
[rationale]The Fox Front
Lili Gomez
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I sat down and considered all the times I either praised a new item on its functionality or perhaps got frustrated if something didn't work as I expected it to.
Where did you come up with them?
Lili
I came up with my GBUs in Rice Hall! I've spent the most time there this semester, and have taken note of its detail.
Why did you come up with them?
I came up with these because I felt that they would either bring light to design accomplishments or flaws-- both can be appreciated by this classroom.
What did you come up with?
I am...
self-taught digital "artist"!
I am
The Good
Foot Door Openers
[product/system title]Rock Sox Front Fork
The Good
The new door openers are designed with high learnability: the signs are clear in intention, decreasing user error. There is also high feedback, where the foot handle is jagged to catch the user's shoe. This addition to doors is desirable amidst the pandemic, and in general to decrease transmission of everyday germs.
[rationale]The Fox Front
The Bad
Plexiglass Protector
[product/system title]Rock Sox Front Fork
The Bad
While these plexiglass protectors have high ease of use and learnability, they have low retainability because the users often move past the barrier after a short amount of time. Research has also shown that the barriers may decrease air ventilation, leaving the users with false security and the system with little robustness against germs.
[rationale]The Fox Front
The Ugly
Rice's Curved Walls
[product/system title]Rock Sox Front Fork
The Ugly
The walls of Rice are misleading due to the confusing affordances of the curved walls. The learnability is quick due to the dead-ends, however the retainability is low as there's no distinction between walls that lead to exits and offices.
[rationale]The Fox Front
Janice
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
From personal experience of using different banking and finance apps and websites for my various bank accounts and purposes.
Janice
Where did you come up with them?
These are all apps that I use on a daily basis and are already downloaded onto my phone.
Why did you come up with them?
Finances can be particularly sensitive and stressful and I believe the user experience should be efficient and clean to ease the stress associated with the task.
What did you come up with?
I am...
a crossword puzzle enthusiast
I am
The Good
Emma
[product/system title]Rock Sox Front Fork
The Good
Emma is useful and efficient because it allows you to link multiple bank/investment/loan accounts into one space for easy tracking. The simple aesthetics and use of graphs/icons makes visualizing data fast and adds to the ease of use.
[rationale]The Fox Front
The Bad
Venmo
[product/system title]Rock Sox Front Fork
The Bad
The banners and colored text provide visual feedback for transactions. Though redundancy between features, unclear wording, and lack of cognitive affordances for finding and completing payments decreases understandability and discoverability.
[rationale]The Fox Front
The Ugly
Truist
[product/system title]Rock Sox Front Fork
The Ugly
Similarity between colors and lack of contrast reduces accessibility and ability to distinguish between text buttons or simple text. The home screen is cluttered with unnecessary information and there is a lack of consistency between filter functions and what is displayed on the screen.
[rationale]The Fox Front
Lukas
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 things i use daily
Lukas
Where did you come up with them?
I was in my room
Why did you come up with them?
I was addressing problems i have in my everyday life
What did you come up with?
I am...
a boarding school graduate
I am
The Good
My LED strips
[product/system title]Rock Sox Front Fork
The Good
The Led strip app has a high evel of usefulness. It is easy to use and has a good learnability.The app is intuitivly set up and provides a lot of information without feeling cluttered.
[rationale]The Fox Front
The Bad
My projector
[product/system title]Rock Sox Front Fork
The Bad
The learnability of the device is high but this is because it offers very little functionality. It has little satisfaction because of the poor navigational ability
[rationale]The Fox Front
The Ugly
Vevor 4 color 1 station
[product/system title]Rock Sox Front Fork
The Ugly
This machines has a poor ease of use. It had poor consistency ; the screens shift after each use.The satisfaction is low because the machine requires constant monitoring.The design is poor and prevents the machine from functioning
[rationale]The Fox Front
Christian
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Was using the bathroom
Christian
Where did you come up with them?
Newcomb Bathroom
Why did you come up with them?
I was frustrated with awkward eye contact
What did you come up with?
I am...
A Volleyball Player
I am
The Good
Foot Handle
[product/system title]Rock Sox Front Fork
The Good
With a simple design and proper alignment with the informative picture, the foot handle has high functionality and prevents user error. It is also useful because students don’t have to use their hands and is consistent because this foot handle is the same throughout grounds.
[rationale]The Fox Front
The Bad
Newcomb Bathroom Stall
[product/system title]Rock Sox Front Fork
The Bad
The crack. The bathroom stall crack. The bathroom stall is useful because it provides enough shelter from the elements, but it lacks desirability and user satisfaction decreases because the stall is in line with the entrance to the main stalls and people can unwillingly peek through.
[rationale]The Fox Front
The Ugly
Urinals
[product/system title]Rock Sox Front Fork
The Ugly
Aesthetically terrible. Low user satisfaction because people feel pressured or scrutinized as they use it. Desirability is also low because people end up waiting for the outside urinals and the inner two are not used which leads to decreased functionality.
[rationale]The Fox Front
GBUX 6
Thursday March 4, 2021
GBUX 6
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.
Grace
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Personal experience as I either willingly use these things or am forced to use them going through my weekly schedule on grounds.
Where did you come up with them?
Grace
Various rooms around grounds, specifically a meeting room on the first floor of Rice, Wilsdorf 101, and Thornton E316.
Why did you come up with them?
They indicate / affect everyday student experiences on grounds. They impact my learning experience more than I would expect.
What did you come up with?
I am...
a watchmaker's apprentice!
1919 Elgin
Rusty :(
I am
1912 Waltham
The Good
Rice 1st Floor Meeting Room Chairs
[product/system title]Rock Sox Front Fork
The Good
Has a sleek aesthetic, plus the suspended seat appears to float. It demonstrates great ease of use, implementing a simple lever to raise/lower the chair (situated in the standard location beneath the chair - usability compliance) paired with flexible and intuitive movement. If you lean forward or back, the chair follows suit, allowing both attentive and relaxed positions. Has increased efficiency with its lack of buttons/levers commonly used by desk chairs to change settings.
[rationale]The Fox Front
The Bad
Wilsdorf 101 Chairs
[product/system title]Rock Sox Front Fork
Inconsistent back stiffness causes discomfort
Rigid arms cause discomfort
-----------
Small support radius causes discomfort
The Bad
Red button + useless knob
This chair is highly inconsistent: some have very stiff backs and others don't. The red button + knob combo demonstrates poor cognitive affordance. The red button lowers/raises the seat, but the knob does nothing. Students often mistakenly attempt to twist the knob. The rigid design only allows minimal height changes, forcing most students to rest their feet on a small support, causing discomfort. More discomfort comes from the stiff back and rigid arms. Despite its aesthetic, high discomfort levels cause poor user satisfaction.
[rationale]The Fox Front
The Ugly
Thornton E316 "Chair Pairs"
[product/system title]Rock Sox Front Fork
The Ugly
Aesthetics? Horrendous. Operability? The chairs provide a limited range of motion, and I often say that they’re rigid and flexible in the wrong ways. You move in an arc when you push forward or back, making it difficult to center yourself over your work. Push back too far and you’ll swing right into your neighbor, causing lowest desirability for anyone who wants some personal space. Additionally, the chairs are inconsistent, with some predisposed to face the wall instead of the board.
[rationale]The Fox Front
Alice
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
[I went around my dorm and considered what designs I liked or felt annoyed by in the dorm.]
Where did you come up with them?
Alice
[At the IRC]
Why did you come up with them?
[Because that is what the assignment asked for.]
What did you come up with?
[I came up with three designs around my dorm
that ranged from good to terrible.]
I am...
barely alive
I am
The Good
Double Doors
[product/system title]Rock Sox Front Fork
The Good
High desirability/satisfaction/usefulness-> The door does a great job of blocking out sound. High understandability/learnability/memorability/operability -> The doors are easy to use, understand, and easy to remember how to use. Not the most accessible -> There is no wheelchair access and the door is narrow.
[rationale]The Fox Front
The Bad
Kitchen AC Vent
[product/system title]Rock Sox Front Fork
The Bad
Low Satisfaction/Desirability -> The vent pushes all the kitchen fumes into another dorm. Those people left. High Efficiency/Consistency -> The vent works well and is on when it needs to be. Low Operability -> Users cannot interact with the AC. Medium Usefulness -> It does vent the kitchen but it has unintended consequences.
[rationale]The Fox Front
The Ugly
The Mousetrap
[product/system title]Rock Sox Front Fork
The Ugly
Low Satisfaction/Desirability/Usefulness/Memorability/Accessibility -> People get trapped inside the hallway. No one enjoys the design. No real purpose to the design. People constantly forget to bring their ID. There is no wheelchair accessibility. Not Aesthetic -> The door is ugly. High Learnability -> It is easy to learn how to use the door.
[rationale]The Fox Front
Meghna
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 designs I use the most everyday that I have a strong positive or negative reaction to.
Meghna
Where did you come up with them?
The designs were directly on my phone or placed in my room.
Why did you come up with them?
They affect my everyday experience in some way and my good/bad reaction to them affects my personal mood.
What did you come up with?
I am...
a concert enthusiast
I am
The Good
Starbucks Mobile App
[product/system title]Rock Sox Front Fork
The Good
screenshots of app
I am able to save my credit card, buy/load gift cards, find Starbucks locations, order online, and see the entire menu/ personalize every drink all in one app, which makes this application highly useful. It also has high operability since it is very easy to navigate: every tab is titled, there is a map included to find store locations, and there are pictures for every drink. I also find that the app is customizable, since I am able to save all of my past orders (with the personalizations) which saves time and increases efficiency when ordering in the future since all I have to do is click on a past order rather than enter all the same information again.
[rationale]The Fox Front [
The Bad
Wax Warmer
[product/system title]Rock Sox Front Fork
The Bad
Though the wax warmer does do its job and heat the scented wax well, it has poor aesthetics; looks old even though it is brand new. It has low visibility; there exists a light that turns on when the warmer is hot enough for the wax to be placed but I have never seen it turn on. It also has poor understandability as there are no labels for the different levels of heat.
[rationale]The Fox Front
The Ugly
Hairdryer
[product/system title]Rock Sox Front Fork
The Ugly
This hair dryer has extremely low understandability, as none of the buttons are labeled (including the on/off button). The lack of labels also leads to low learnability and low retainability because you cannot tell the difference between the buttons (they all look the same and I still confuse the buttons with each other).
[rationale]The Fox Front
Charles
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Most people I work out with prefer going to the AFC. This made me want to compare AFC with other UVA gyms.
Charles
Where did you come up with them?
In the gym
Why did you come up with them?
The quality of bench presses will affect many UVA students who work out
What did you come up with?
I am...
a pianist
I am
The Good
AFC
[product/system title]Rock Sox Front Fork
The Good
The Aquatic and Fitness Center has the best bench presses out of all UVA gyms. New, aesthetically pleasing racks were installed just a week ago. These new bench presses are and flexible and offer high usability; they can be used for squats, pull-ups, rows, etc. Additionally, the gym's location is the most accessible (for most students)
out of all UVA gyms
[rationale]The Fox Front
The Bad
Slaughter
[product/system title]Rock Sox Front Fork
The Bad
The bench presses at Slaughter Rec Center offer the same high usability as the ones at the AFC. They are also all consistent, unlike the AFC benches. However, a big drawback is that there is overlap between benches and other exercise equipment, such as dip bars and gymnastic rings. This leads to low efficiency in workouts when other people are doing different exercises.
[rationale]The Fox Front
The Ugly
North Grounds
[product/system title]Rock Sox Front Fork
The Ugly
The bench presses at North Grounds have low robustness, because they are shaky when I use them. They are also older than the equipment at other UVA gyms and lack aesthetics; the bars are rusty and the stickers on the bench are peeling off. The bench presses offer no flexibility since they can only be used for one exercise. Also the disinfecting wipes at North Grounds are extra wet for some reason.
[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