Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
94
The Good, the Bad & the Ugly
User Experience
Episode I
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.
Santiago
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought of apps that I use daily, and what my experience is with their UI/UX designs.
Santiago
Where did you come up with them?
I started using SpeedQueen when I arrived to UVA. And I've used Steam since I got my first ever computer.
Why did you come up with them?
I use Speed Queen weekly in my dorms, and I grew up playing videogames on Steam.
What did you come up with?
I am...
Uruguayan
I am
The Good
Steam
[product/system title]Rock Sox Front Fork
The Good
Game library has great accessiblity. Features are well located throughout the app. The store is efficient, aesthetically pleasing, and has good learnability.
[rationale]The Fox Front
The Bad
Whole Foods
[product/system title]Rock Sox Front Fork
The Bad
Missing features such as a search bar on the sales tab. Many features take you to other apps/sites (Amazon). Lacks usefulness and affordance.
[rationale]The Fox Front
The Ugly
Speed Queen
[product/system title]Rock Sox Front Fork
The Ugly
The app takes several screens to complete a simple task: doing laundry.
Overly complicated and time-consuming.
Lacks consistency, usefulness, and efficiency.
[rationale]The Fox Front
Nico
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought about "annoying" experiences I've had and how I worked around them
Nico
Where did you come up with them?
Originally while I was searching for classes
Why did you come up with them?
Searching for classes is a common occurence of students
What did you come up with?
I am...
Italian
I am
The Good
Coursicle
[product/system title]Rock Sox Front Fork
The Good
Clear and intuitive design promotes high learnability even of its more complex features
[rationale]The Fox Front
The Bad
UVA SIS
[product/system title]Rock Sox Front Fork
The Bad
Poor efficiency because of slow load times and poor learnability because of overcrowded information
[rationale]The Fox Front
The Ugly
Lou's List
[product/system title]Rock Sox Front Fork
The Ugly
Poor aesthetics due to bad combination of colors and spacing/alignment
[rationale]The Fox Front
Daria
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Tried to think about different UI/UX experiences that I had that were memorable.
Where did you come up with them?
Daria
I used ArcGIS Pro and GlobalMapper during my job over summer. Immortals: Fenyx Rising is a game I have played a lot.
Why did you come up with them?
I used the mapping apps daily over summer while working. The video game pause menu is annoying to use, but also unique (from my personal experience).
What did you come up with?
I am...
a Book Dragon
I am
The Good
ArcGIS Pro
[product/system title]Rock Sox Front Fork
The Good
Functional and accessible with many easily accessible features, with high learnability.
Useful, Usable/Learnable, Desirable, Valuable
[rationale]The Fox Front
The Bad
Immortals: Fenyx Rising Pause Menu
[product/system title]Rock Sox Front Fork
The Bad
Not Usable because of the cursor (even on consoles) which makes it hard to click things.
[rationale]The Fox Front
The Ugly
Global Mapper Scripting Interface
[product/system title]Rock Sox Front Fork
The Ugly
Barely Usable and Functional. Very easy to accidentally delete code and no debugger. Poor aestethic, boring to look at and hard to read some things because of font and colors.
[rationale]The Fox Front
Elva
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I think of UX experience I encounter.
Elva
Where did you come up with them?
I used to utilize these apps for my classes or in daily life
Why did you come up with them?
They are the ones I am certain about their features and am familiar with their good, bad, or ugly.
What did you come up with?
I am...
someone who likes to travel
I am
The Good
MATLAB
[product/system title]Rock Sox Front Fork
The Good
Cophrehensive IDE for debugging, syntax; Interactive and compatible: graphs, mathematical equations, run in real time; Can be opened as webpage in the browser
[rationale]The Fox Front
The Bad
Apple Watch
[product/system title]Rock Sox Front Fork
The Bad
Small screen size, filled with numerous apps, but few of them are actually usable. Short battery life and dependent on phone
[rationale]The Fox Front
The Ugly
Capstone
[product/system title]Rock Sox Front Fork
The Ugly
Confusing to learn, inconsistent behavior, limited customization, slow response time, few keyboard shortcuts, poor aesthetic that looks outdated
[rationale]The Fox Front
Rachit
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought about apps that I had bad and good experiences with in the past.
Rachit
Where did you come up with them?
While I was searching for food places to eat while listening to music.
Why did you come up with them?
These are apps that I am familiar with and have used a frequent amount.
What did you come up with?
I am...
a huge cricket fan
I am
The Good
Spotify
[product/system title]Rock Sox Front Fork
The Good
Good learnabilty, clear, aesthetic design that is easy to use and is synced across multiple devices such as phone, laptop, and website.
[rationale]The Fox Front
The Bad
Uber eats app
[product/system title]Rock Sox Front Fork
The Bad
Poor learnability, not always easy for users to understand, asesthetic app but can get confusing to use due to many icons and too many steps to complete an order
[rationale]The Fox Front
The Ugly
Craiglist
[product/system title]Rock Sox Front Fork
The Ugly
Poor aesthetics, too many icons and very confusing to browse through
[rationale]The Fox Front
GBUX 2
Thursday February 18, 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.
Kat
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought of UX interfaces I encounter on a daily basis.
Kat
Where did you come up with them?
I went through the apps on my phone
Why did you come up with them?
I was very familiar with these apps and interfaces since I use them so often.
What did you come up with?
I am...
An Aerialist
I am
The Good
Omnipod 5 PDM
[product/system title]Rock Sox Front Fork
The Good
Incredibly useful for managing blood sugars. The home screen has the important information easily displayed with intuitive labels that make it easy to naviagate. It is simple and has good learnability.
[rationale]The Fox Front
The Bad
TransLoc
[product/system title]Rock Sox Front Fork
The Bad
Poor learnability, too much information displayed on screen which makes it hard for new users to find the route they want. Inefficient and experiences delays with tracking routes.
[rationale]The Fox Front
The Ugly
UX Textbook
[product/system title]Rock Sox Front Fork
The Ugly
Poor asthetics due to color choices of both the background and text.
[rationale]The Fox Front
Joao
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Checked my phone's battery usage for apps I use the most often and memory for apps that used to anger me
Joao
Where did you come up with them?
On my iPhone
Why did you come up with them?
Because they are apps I use or used to use almost daily so I have good knowledge about them
What did you come up with?
I am...
Brazilian
I am
The Good
MANGA Plus
[product/system title]Rock Sox Front Fork
The Good
Good learnability, efficient (just search for title or click cover), high memorability, desirable (6 million monthly users)
[rationale]The Fox Front
The Bad
Google Photos
[product/system title]Rock Sox Front Fork
The Bad
Inefficient (can't search dates or locations consistently), Error prone (just registers every single face it comes across), Unsatisfactory
[rationale]The Fox Front
The Ugly
Mobile ID
[product/system title]Rock Sox Front Fork
The Ugly
Ugly, extremely inefficient, very hard to recover from errors, awful learnability
[rationale]The Fox Front
Ryan
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I use a lot of application across platforms everyday and spot a lot of bad and good practice.
Ryan
Where did you come up with them?
In Olsson 018, at my desk, and in clem.
Why did you come up with them?
All of these apps are apps I use daily while doing homework or studying for exams.
What did you come up with?
I am...
a fantasy football champion
I am
The Good
Starbucks
[product/system title]Rock Sox Front Fork
Use of high quality pictures, descriptive categories, and the constant ability to choose a store leads to great error prevention, learnability, and findability
The Good
[rationale]The Fox Front
The Bad
DraftKings
[product/system title]Rock Sox Front Fork
The Bad
High cognitive load initially and unclear button labels hurts learnability, satisfaction, and findability.
[rationale]The Fox Front
The Ugly
Elevate
[product/system title]Rock Sox Front Fork
The Ugly
Lack of images, cluttering of text with multiple text sizes close together, general lack of anything but black text and white background hurts desirability, aesthetics, and ease of use
[rationale]The Fox Front
Freya
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I started thinking about the apps I use the most, searching chat logs to see when I'm praising/complaining about an app
Freya
Where did you come up with them?
Every time I forgot bring my ID card (Mobile ID) and I taking the notaking (Notion).
Why did you come up with them?
They are applications that I use regularly in my daily life. Therefore, I have a long history of using them
What did you come up with?
I am...
Food Enthusiast
I am
The Good
Notion
[product/system title]Rock Sox Front Fork
The Good
Efficiency - customized templates that good for crafting notes for differnt subject
Extensibility - embedding external content
[rationale]The Fox Front
The Bad
[AP news]
[product/system title]Rock Sox Front Fork
The Bad
Poor efficiency - timeline of news is messing up / news are not clearly categorized
[rationale]The Fox Front
The Ugly
Mobile ID
[product/system title]Rock Sox Front Fork
The Ugly
Poor Asethetic - use of color
Poor Effiency - comfusing interface/ won't work for the most of the 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?
[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.
Nicole
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I brainstormed examples of websites I had seen in the past, and different aspects that stood out to me.
Nicole
Where did you come up with them?
These three examples of designs were all websites on Google that I found.
Why did you come up with them?
These websites helped me to think more about the UX features that are in websites, which is something I will pay attention to in the future
What did you come up with?
I am...
A music lover
I am
The Good
[product/system title]Rock Sox Front Fork
The Good
Great learnability. Grid layout with minimalist design, with a pin icon to add a picture to a board that you create. Great aesthetics, with a home page catered to each user. Great ease of use to create boards.
[rationale]The Fox Front
The Bad
ZARA
[product/system title]Rock Sox Front Fork
The Bad
VERY bad efficiency. More like an edieditorial than online store. Aesthetic, but focus should be on showing the entire product.No ease of use to find a specific product, overly minimalistic.
[rationale]The Fox Front
The Ugly
Berkshire Hathaway
[product/system title]Rock Sox Front Fork
The Ugly
Very poor usability, it is hard to find information easily. Bad accessibility,
outdated design, and text is very small. Very bad aesthetics
[rationale]The Fox Front
Tara
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I want to discuss a product that I have had extensive experience with as well as tried different kinds, therefore I chose headphones.
Where did you come up with them?
Tara
I thought of 3 options based on the headphones that I have used most frequently, and therefore have had the most experience with their features.
Why did you come up with them?
When purchasing somehting as expensive as bluetooth headphones, it is a good idea to look at all elements of the user experience to make a worthwhile investment/purchase.
What did you come up with?
[Type response here]
I am...
a musician
I am
The Good
Soundcore Life Q30
[product/system title]Rock Sox Front Fork
The Good
These have a variety of features including 3 different noise-cancelling modes. They also have features related to longevity use; for example they have a long battery life and are comfortable on the ears.
[rationale]The Fox Front
The Bad
Beats Solo 3
[product/system title]Rock Sox Front Fork
These perform well regarding technical features; they have clear sound and a long battery life. However they fail in durability (my pair snapped in half). Additionally, they can become uncomfortable after prolonged wear.
The Bad
[rationale]The Fox Front
The Ugly
Lenovo ThinkPlus TH30
[product/system title]Rock Sox Front Fork
The Ugly
These have a very short battery life, creating a significant inconvenience for the user. They also have poor sound quality that sounds slightly muffled.
[rationale]The Fox Front
Jacob
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 I use frequently and focused on which ones were very simple and easy to use, and which ones caused issues for me in the past
Jacob
Where did you come up with them?
I came up with my ideas while getting ready to eat out, listening to music, and trying to watch an NBA game
Why did you come up with them?
They were three websites/apps that had commonly given me joy or frustration when using in the past
What did you come up with?
I am...
An Animal Lover
I am
The Good
Taco Bell App
[product/system title]Rock Sox Front Fork
The Good
Aesthetically pleasing interface, high learnability and usability, with all features clearly labled and a rewards system that is genuinely rewaring. Ordering in the app is efficient and easyily customizable.
The Bad
Sonos App
[product/system title]Rock Sox Front Fork
The Bad
Inefficient, takes too long to connect to system or won't connect at all. Poor findability, searching for songs or artists is very tedious. Poor design, causing volume and queue features to be difficult to access and change
[rationale]The Fox Front
The Ugly
NBA Website
[product/system title]Rock Sox Front Fork
The Ugly
Overcrowded interface with aesthetically displeasing white background makes for poor learnability and findability. It also is prone to errors when logging in, causing trouble when trying to watch games.
[rationale]The Fox Front
Vale
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I made a mental note of what apps I thought about regularly, in either a good or bad way.
Vale
Where did you come up with them?
Duolingo on the bus, Sengled Bluetooth while turing off my lights at night, Piazza while doing HW.
Why did you come up with them?
I wanted to choose apps that I have had opinions on for a while now.
What did you come up with?
I am...
Someone who enjoys video games
I am
The Good
Duolingo
[product/system title]Rock Sox Front Fork
The Good
Learnability: easy to see what is clickable, uses checkmarks and progress bars to indicate completion.
Aesthetics: simple and visually appealing UI.
[rationale]The Fox Front
The Bad
Sengled Bluetooth
[product/system title]Rock Sox Front Fork
The Bad
Ease of use: it is difficult to click the on-off-toggle without being sent to the light's control page.
[rationale]The Fox Front
The Ugly
Piazza
[product/system title]Rock Sox Front Fork
The Ugly
Aesthetics: The site has poor aesthetics as the posts on the side look cluttered, some navigation buttons are also very small and hard to see.
[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 4
Tuesday, March 12, 2024
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.
Tommy
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I considered various products that I use in my day-to-day operations.
Tommy
Where did you come up with them?
I came up with them most of them while at my desk, working on other homework assignments.
Why did you come up with them?
Desmos is the only one I use willingly, WeBWork isn't too bad but I have definitely noticed its issues, and most of my experiences with Capstone have been dealing with its complexity.
What did you come up with?
I am...
very near-sighted
I am
The Good
Desmos Graphing Calculator
[product/system title]Rock Sox Front Fork
The Good
Has high natural mapping and consistency, since it is very similar to a physical graphing calculator and takes into account common conventions such as a carat (^) for exponents. Also provides clear feedback when a function is invalid or may be too complex to display accurately.
[rationale]The Fox Front
The Bad
WeBWork
[product/system title]Rock Sox Front Fork
The Bad
Despite having feedback, lacking in constraints and will allow the user to use a guess even if their answer uses invalid characters. Also does not allow the user to review previous answers, and, depending on the question, can have low understandability.
[rationale]The Fox Front
The Ugly
PASCO Capstone
[product/system title]Rock Sox Front Fork
The Ugly
Low understandability and visibility, due to cluttered icons, which themselves have low consistency and are unclear (ex. Google Drive-esque icon for Data Summary). Lacking in formatting options that can result in low attractiveness, such as with the graph above.
[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?
Finding and analyzing my most used phone applications
Connor
Where did you come up with them?
Looking through my applications on my phone in UX Studio
Why did you come up with them?
I have a lot of experience with many different iPhone apps, so I believe that I am competent in evalutating them
What did you come up with?
I am...
Music Enthusiast
I am
The Good
Microsoft Outlook App
[product/system title]Rock Sox Front Fork
The Good
Great ease of use due to its intuitive platform, search bar and filters enhances findability of emails, and the calendar/notification features improve its desirability
[rationale]The Fox Front
The Bad
Apple Weather
[product/system title]Rock Sox Front Fork
The Bad
More mispredictions than competitors which shows lack of error prevention, not as many forecasting features as weatherbug impedes robustness
[rationale]The Fox Front
The Ugly
Apple Music
[product/system title]Rock Sox Front Fork
The Ugly
Horrible personalized statistics and recommendations hinder desirability, Many bugs such as duplicate songs in playlists show bad error prevention, mediocre aesthetics relative to competition
[rationale]The Fox Front
Zhiyang
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I think of the apps that I use frequently or familiar with.
Zhiyang
Where did you come up with them?
I thought of the applications while in front of the desk and going through apps I have on my phone and computer.
Why did you come up with them?
I use Steam pretty often and I had a good experience with it, and in the meantime I forgot to turn off the school vpn which gave me a hard time connecting to certain apps, and then I got hungrey and thought of Doordash and how bad it was.
What did you come up with?
I am...
Passionate Gamer
I am
The Good
Steam
[product/system title]Rock Sox Front Fork
The Good
Steam has great learnability and it is easy to understand the functions you encounter. The search, personal settings and filters are easy to find and in places in line with common practise.
[rationale]The Fox Front
The Bad
DoorDash
[product/system title]Rock Sox Front Fork
The Bad
The DoorDash app design is generally aesthetic but there are function that are buggy which shows a lack of usability, there's also no helpful feedback.
[rationale]The Fox Front
The Ugly
Cisco VPN
[product/system title]Rock Sox Front Fork
The Ugly
The Cisco VPN for connecting to grounds has average aesthetic design, the learnability is fine but lack understandability and feedback.
[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
Jason
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought about what services and objects I need to use daily, and what about them I did or did not enjoy
Jason
Where did you come up with them?
I use Apple News and Spotify on my phone on a daily basis and have a new heater in my house
Why did you come up with them?
I appreciate the simplicity of Apple News. Spotify has frustrated me when needing to update my account. The heater has been giving problems because I could not turn it off
What did you come up with?
I am...
A fan of the outdoors
I am
The Good
Apple News
[product/system title]Rock Sox Front Fork
The Good
Apple News has an immediately learnable and understandable interface that delivers what you want to see without having to search for it. Highly aethetic and simplified.
[rationale]The Fox Front
The Bad
Spotify
[product/system title]Rock Sox Front Fork
The Bad
Spotify is generally an aethetic and convenient platform, however, multiple features are not accessible on the app and require the user to find them online. This process makes the platform less understandable, efficient, and easy to use.
[rationale]The Fox Front
The Ugly
Baseboard Heater
[product/system title]Rock Sox Front Fork
The Ugly
The adjustment knob is not marked and therefore is difficult to operate because of low understandability. There is tactile feedback when spinning the knob that does not react consistently with what you would expect. Additionally, the knob is easily turned on accident, making it difficult to return to previous level
[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.
Rishi
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought about games I have played in the past and own.
Rishi
Where did you come up with them?
I came up with them by looking through my steam library.
Why did you come up with them?
I have played a lot of games with good and bad UIs and felt I would b e good at evaluating some of them.
What did you come up with?
I am...
A Gamer
I am
The Good
Hades
[product/system title]Rock Sox Front Fork
The Good
Very clean UI with minimal distractions from gameplay, simple tutorials, and easy to understand,representative icons.
[rationale]The Fox Front
The Bad
Palworld
[product/system title]Rock Sox Front Fork
The Bad
Generally not a bad UI but becomes cluttered with information at times and lacks several obvious affordances as well as a poor default control scheme. Also has a lot of bugs that cause the UI to break down and look much worse.
[rationale]The Fox Front
The Ugly
World of Warcraft
[product/system title]Rock Sox Front Fork
The Ugly
Very popular game but has excessively cluttered UI especially when using popular addons with very little affordances for newer players.
[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 found these through using applications that I use on a daily basis.
Jameson
Where did you come up with them?
I found these in the apps and websites I routinely use.
Why did you come up with them?
I found these because they either are very seamless or they give me issues.
What did you come up with?
I am...
A food lover
I am
The Good
Youtube
[product/system title]Rock Sox Front Fork
The Good
Youtube's UI is very intuitive with very understandable icons and processes. They are constantly adding features such as hover-play.
[rationale]The Fox Front
The Bad
Vitalsource Bookshelf
[product/system title]Rock Sox Front Fork
The Bad
Vitalsource's UI is intuitive and understandable its just not that great for reading and taking notes. The side margins are way too wide, and you need to click in the menu to copy.
[rationale]The Fox Front
The Ugly
Canvas
[product/system title]Rock Sox Front Fork
The Ugly
I find Canvas's excessive use of hyperlinks ugly and distracting. Also the screen is often cluttered and confusing.
[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?
These are all everyday websites / softwares that solves many problems. However, some of them are not producing the best user experience
Grace
Where did you come up with them?
I browsed my appstore and desktop to see what softwares I used most frequently
Why did you come up with them?
All the apps are very useful, but not all of them are user-friendly, and this distinction is important
What did you come up with?
I am...
a painter
I am
The Good
Unitify
[product/system title]Rock Sox Front Fork
The Good
Good match with user's mental model: only need to input one value & can see what it is in a list of different units. Units are categorized and easy to find. Simply tap to swich your source unit
[rationale]The Fox Front
The Bad
Overleaf
[product/system title]Rock Sox Front Fork
The Bad
Low Learnability & Memorability: Requires the users to learn the syntax and grammar of LaTeX. Error-prone: the format gets completely messed up if your indentation is incorrect. Inefficient: Have to switch between visual editor and code editor.
[rationale]The Fox Front
The Ugly
Wikipedia
[product/system title]Rock Sox Front Fork
The Ugly
Have to be ugly because it needs to include massive hyperlinks and references. Ugly yet useful design that organizes information in a consistant way
[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 noted the key features of communication systems to analyze the overlapping aspects of such applications.
Where did you come up with them?
Austin
My first glance around my computer screen showed me Gmail, Outlook, and Discord - all communication software.
Why did you come up with them?
Electronic communication applications are a critical component in my and many others' ability to keep in touch with one another. Creating such comparisons could be productive for many.
What did you come up with?
I am...
a lover of sports!
I am
The Good
Discord
[product/system title]Rock Sox Front Fork
The Good
Great learnability and feedback with simplistic features
[rationale]The Fox Front
The Bad
Outlook
[product/system title]Rock Sox Front Fork
The Bad
Low learnability & understandability. Why does Folders mimic Favorites?
[rationale]The Fox Front
The Ugly
Gmail
[product/system title]Rock Sox Front Fork
The Ugly
Low learnability & understandability; preset themes are undesirable
[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?
When identifying these design examples, I started observing what apps, websites, and platforms I used daily and how they operated. I also thought about what annoyed me during the day and what was causing that.
Where did you come up with them?
I came up with them in my apartment building when I started to look at the objects I interact with daily.
Katherine Anne
Why did you come up with them?
I came up with them because it was easier to see how the annoyances I faced throughout the day were due to poorly designed objects.
What did you come up with?
I am...
Kentuckian
I am
The Good
Kindle
[product/system title]Rock Sox Front Fork
The Good
Kindle enhances readability and personalization, offering adjustable font sizes, page colors, spacing, and lighting. Has convenient features such as dictionary lookups, bookmarks, highlights, and comments. Book covers and user interactions are intuitively displayed for easy navigation.
[rationale]The Fox Front
The Bad
The Standard Elevator
[product/system title]Rock Sox Front Fork
The Bad
The standard elevator has an efficient design and clear UI. However, the elevator does not work properly and it violently shakes going up and down the floors. Causes a very unpleasant user experience. As a user myself, I’ve started taking the stairs.
[rationale]The Fox Front
The Ugly
My TV Remote
[product/system title]Rock Sox Front Fork
The Ugly
This remote has a horrible UI setup. Many of the buttons are repetitive and don’t work. It appears easy to use, but it is not at all. The buttons are flimsy, and it takes several tries to get them to work. The remote itself falls apart every day. Getting to Law and Order SVU takes much longer than it should.
[rationale]The Fox Front
GBUX 6
Tuesday March 26, 2024
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.
Chris
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're all applications I frequently use
Chris
Where did you come up with them?
I looked on my phone for apps and my laptop for software I used a lot at one point.
Why did you come up with them?
I think it's important to evaluate both the UI and the UX when determining if something is good or bad.
What did you come up with?
I am...
from San Diego
I am
The Good
Find My
[product/system title]Rock Sox Front Fork
The Good
Good learnability with easy to understand icons, features are clear with minimal clutter, and good error prevention with different colored text
[rationale]The Fox Front
The Bad
TMobile Life
[product/system title]Rock Sox Front Fork
The Bad
Very poor learnability (app changes design every year), low findability and understandability. Hard to find the freebies because they called it "Status"
[rationale]The Fox Front
The Ugly
CalcPlot3D
[product/system title]Rock Sox Front Fork
The Ugly
Highly functional, but the application looks ancient with poor aesthethics and poor accessibility. The buttons don't tell you what they do and you have to just click to find out, which also makes the learnability bad.
[rationale]The Fox Front
Dalton
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Everyday I am faced with various different & distinct genres of user experiences; advertisements, services, entertainment, lifestyle and quilted within these interactions is how I feel when I take part in using them.
Where did you come up with them?
Dalton
My ideas fed from different places and sources but basically anyhwere I was connected to wifi or courld use some sort of technology.
Why did you come up with them?
To speak to the success of the tools/apps I use and the faults of some them (sigh).
What did you come up with?
I am...
an Intel Analyst in the Navy Reserves
I am
The Good
Shortcuts
Reduces short-term memory load
[product/system title]Rock Sox Front Fork
The Good
Conisistant with the Apple design interface to streamline understandibility and usability, offers informatitive feedback, permits easy and quick reversal of actions.
[rationale]The Fox Front
The Bad
Samsung
I cannot believe this UX
[product/system title]Rock Sox Front Fork
The Bad
Even when you push through the pain of the ad filled interface you will still have a strong desire to throw your controller when the TV always fails to respond to user action.
[rationale]The Fox Front
The Ugly
2024 NASA Solar Eclipse Tracker
[product/system title]Rock Sox Front Fork
The Ugly
Erroneous actions should leave the interface state unchanged, or the interface should give instructions about restoring the state.
[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 came up with these examples because I use them on a daily basis.
Jonghyun
Where did you come up with them?
I checked the applications that I frequently use on my phone and laptop.
Why did you come up with them?
By looking goods and bads of these examples, we will be able to better understand good UI and UX.
What did you come up with?
I am..
from South Korea
I am
The Good
LeetCode
[product/system title]Rock Sox Front Fork
The Good
LeetCode has a very intuitive design. It is easy to navigate through problems. Its diverse filtering options make it easier to find problems that users want. Also, the difficulty levels are distinguished by colors.
[rationale]The Fox Front
The Bad
Yahoo website
[product/system title]Rock Sox Front Fork
The Bad
When you enter the Yahoo website, it throws a bunch of unorganized material with biggest ads for things you've never searched for. This ad placement can make it difficult for users to find the content they're looking for.
[rationale]The Fox Front
The Ugly
MySQL Workbench
[product/system title]Rock Sox Front Fork
The Ugly
It just has poor design. While it has numerous features, it may require some time to get used to it. Also, you have to click the icons to see what they do.
[rationale]The Fox Front
Pyseth
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
They are systems that I use very often
Pyseth
Where did you come up with them?
Websites that I use usually on my PC, and apps on my phone
Why did you come up with them?
To analyze the UX for these systems/applications as well as their efficiency and how they compare to other similar sytems
What did you come up with?
I am...
A musician
I am
The Good
Bandlab
[product/system title]Rock Sox Front Fork
The Good
Has many features that are easy to understand but also includes tutorials/explanations on how they work, easy to understand symbols/buttons. Designed to be easily learnable for users that are beginners regarding production, recording, etc.
[rationale]The Fox Front
The Bad
GameTrack
[product/system title]Rock Sox Front Fork
The Bad
Difficult to navigate, inefficient logging feature, poor search feature, users must learn how to use app through trial and error
[rationale]The Fox Front
The Ugly
RateYourMusic
[product/system title]Rock Sox Front Fork
The Ugly
Clunky navigation, outdated look, information overload, large amount of unexplained features, may be overwhelming to first-time users
[rationale]The Fox Front
Lam
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Analyzing my most used computer applications.
Lam
Where did you come up with them?
When I turn on the computer, the application shows up with the chatbox.
Why did you come up with them?
Game is a great bridge for daily communication and also self-entertainment.
What did you come up with?
I am...
a toy collector
I am
The Good
Community features
[product/system title]Rock Sox Front Fork
The Good
Steam offers helpful community features such as forums, user reviews, and social networking integration, fostering a sense of community among gamers.
[rationale]The Fox Front
The Bad
Quality Control
[product/system title]Rock Sox Front Fork
The Bad
While user reviews can be useful, they can also be misleading or not highly functional due to the lack of quality control. Some users may leave inaccurate reviews, affecting the reputation of games unfairly.
[rationale]The Fox Front
The Ugly
Chatbox
[product/system title]Rock Sox Front Fork
The Ugly
The interface lacked aesthetics and coherence and consistency, which decreases the findability and makes it difficult for users to engage in conversations effectively.
[rationale]The Fox Front
GBUX 7
Thursday March 28, 2024
GBUX 7
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.
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're all applications I frequently use for work
Afia
Where did you come up with them?
I thought about all the softawres I have issues with while at work
Why did you come up with them?
I think it's important to evaluate both the UI and the UX when determining if something is good or bad.
What did you come up with?
I am
I am...
Pakistani
The Good
Canva
The Good
[Canva/system title]Rock Sox Front Fork
Aesthetic interface, very understandable and simple learnability
[rationale]The Fox Front
The Bad
Adobe Illustrator
[product/system title]Rock Sox Front Fork
The Bad
Very high learnability, low accessibility/descriptions. Good affordances for some features, but not others. Annoying.
[rationale]The Fox Front
The Ugly
Adobe Premier Pro
[product/system title]Rock Sox Front Fork
The Ugly
Very bad interface,operability is difficult and error prevention is low. Lack of affordances.
[rationale]The Fox Front
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 of the online pages that I use most often.
Albert
Where did you come up with them?
I just thought of some websites and applications I've recently used on my PC and phone.
Why did you come up with them?
I think it's important to evaluate both the UI and the UX when determining if something is good or bad.
What did you come up with?
I am...
I am
a musician
The Good
u.gg
The Good
Highly informative page with easily accessible information, letting users efficiently prepare for League games; pretty aesthetically pleasing color scheme
[rationale]The Fox Front
The Bad
pokernow.club
[product/system title]Rock Sox Front Fork
The Bad
Intuitive layout with featured functions clearly labelled; secondary pages (game settings, log/ledger) are harder to understand and learn how to use
The Ugly
imslp.org
[product/system title]Rock Sox Front Fork
The Ugly
While IMSLP is very useful for finding free sheet music online, the website doesn't have very good aesthetics, and it can be annoying having to wait 15 seconds for each download (especially if some of the often many versions of each piece are low-quality scans)
[rationale]The Fox Front
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're all games or applications that I use in my free time.
Dustin
Where did you come up with them?
I used my laptop to open up the games and apps I have installed.
Why did you come up with them?
I came up with them because gaming is a pretty large part of my free time and I wanted to evaluate their UX.
What did you come up with?
I am...
I am
A Soccer Player
The Good
CurseForge
The Good
High Learnability and Usability from the use of metaphors and easy playing process.
[rationale]The Fox Front
The Bad
DeSmuMe
The Bad
Low Learnability and Memorability due to long and tedious dropdown menus and settings.
[rationale]The Fox Front
The Ugly
PokeRando
The Ugly
Poor Aesthetics and Small text but has High Efficiency
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're all applications I frequently use
Jessica
Where did you come up with them?
I looked on my phone for apps and my laptop for software I used a lot at one point.
Why did you come up with them?
I think it's important to evaluate both the UI and the UX when determining if something is good or bad.
What did you come up with?
I am...
I am
Photographer
The Good
[product/system title]Rock Sox Front Fork
The Good
Simple and clear interface. Icons are straight forward and intuitive so its highly accessible. Easy to learn the tools and buttons
Final Cut Pro
[rationale]The Fox Front
The Bad
[product/system title]Rock Sox Front Fork
The Bad
iCloud Photos makes it difficult for the users to add or remove the files. Hard to find "Select All" button. Poor usability.
[rationale]The Fox Front
iCloud
The Ugly
[product/system title]Rock Sox Front Fork
The Ugly
High functionality but some buttons are not categorized well so it is difficult to find the right functions. Aesthetically not appealing.
Handbrake
[rationale]The Fox Front
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're all applications I frequently use
Ethan
Where did you come up with them?
I looked on my phone for apps and my laptop for software I used a lot at one point.
Why did you come up with them?
I think it's important to evaluate both the UI and the UX when determining if something is good or bad.
What did you come up with?
I am...
I am
A music listner/maker
The Good
Ca$h App
[product/system title]Rock Sox Front Fork
The Good
Icons provide useful cognititive affordances. Very easy to quickly request or pay people in as little steps as possible, high efficiency. Dark and green color scheme are way more aesthetic than alternatives(Paypal,Venmo)
[rationale]The Fox Front
The Bad
GOAT.com
[product/system title]Rock Sox Front Fork
The Bad
Screen is mostly blank except for text, giving it high simplicity but mediocre aesthetics. Horrible findability in terms of links being hidden as regular text.
The Ugly
FL Studio
[product/system title]Rock Sox Front Fork
The Ugly
Icons give no cognitive affordances unless you have used a similiar program. No error prevention stopping you from deleting tracks on accident. Overall lack of ease of use
[rationale]The Fox Front
GBUX 8
Tuesday April 2, 2024
GBUX 8
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.
Alex Zuch
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought of sites, apps, and things I typically use and then analyzed whether they could fit in the good, bad, or ugly categories
Alex
Where did you come up with them?
I looked on my phone, computer, and around my house
Why did you come up with them?
I thought that my examples either made my life easier or harder and that the bad ones should take inspiration from the good ones
What did you come up with?
I am...
I am
an outdoors lover
The Good
yahoo Sports app
The Good
contains ample information in a well-spaced format, allowing the user to also skip to other sports and games very easily
The Bad
My car's dashboard
[product/system title]Rock Sox Front Fork
The Bad
low understandability because often shows warning signals like the red one shown above but does not explain what is wrong
[rationale]The Fox Front
The Ugly
Buffstream.io
[product/system title]Rock Sox Front Fork
The Ugly
Poor continuity of font and color; contains few games on-screen at the same time, leading to excessive scrolling
[rationale]The Fox Front
Clare Milligan
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I mostly just took notice of things that were bothing me or I apreciated about the apps/websites I used in days leading up to this assignment.
Clare
Where did you come up with them?
I started using facebook market place and all trails becuase of reccomendations I had recieved from other people. As for the poetry website that was discoved when I searched for an onlie publication of my favorite poem.
Why did you come up with them?
Most of my motivation for the Good example was just to share with other people an app I really like and how I use it to purse a hobby I think other people would enjoy. As for the other examples, I felt compelled to sare them becuase of genuine crtiques I would apreciate being fixed or design questions I would love to have answered.
What did you come up with?
I am a hiker!
I am
The Good
All Trails
The Good
When searching for hikes it shows alot of important information without you having to click on the hike. It also has a tracking/navigation feature which is similar enough to other fitness apps that it feels pretty intuitive, while still offering distinct stats like elevation gain.
The Bad
Facbook Market Place
[product/system title]Rock Sox Front Fork
The Bad
No way to stop bad offers. Not really much moderation. Sponsored posts blend in too much with actual listings. Set up of listings is too busy and hides the information people actually care about.
[rationale]The Fox Front
The Ugly
Univeristy of New Mexico- Physics Department Poetry Website
[product/system title]Rock Sox Front Fork
The Ugly
It's unclear why the website exists. There is no clear organization of the poems. Not all links lead to pomes. There are also random letters at the top that are hyperlinked to random photos.
[rationale]The Fox Front
Joseph Olamide-Elias
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Most of my choices came from websites and apps that I use consistently. I aimed at choosing apps I was already pretty familliar with their UX/UI
Joseph
Where did you come up with them?
Most of my options today came from going about my daily life as a young adult and student.
Why did you come up with them?
I came up with these options as they resonated with me the most in terms of UX being "Good", "Bad", Ugly"
What did you come up with?
I am...
a sports enthusiast
I am
The Good
NOTION
The Good
Very Impressive learnability, intuitive features that overall
make the software shines because it's very easy to learn how to use. Thanks to its straightforward and smart features, it is incredibly useful for everyday use, such as calendar planning, course schedule upload, notes taking, etc...
The Bad
WhentoWork
[product/system title]Rock Sox Front Fork
The Bad
The homepage is overly crowded and contains features that are not immediately intuitive, making the user experience less straightforward. Despite these issues, it ultimately gets the job done.
[rationale]The Fox Front
The Ugly
GivePulse
[product/system title]Rock Sox Front Fork
The Ugly
Cluttered Homepage Design, Poor User Learnability, Excessive use of hyperlinks . The homepage presents an overwhelming amount of information and interactive elements, which complicates the learning process for users. The excessive number of hyperlinks not only deviate the user from a streamline experience but also contributes to a perceived increase in loading times.
[rationale]The Fox Front
Dani
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought about times I had said aloud or to myself "Ugh! This app is annoying" or "I love this!".
Dani
Where did you come up with them?
I came up with them while I was looking through my phones apps and recent searches.
Why did you come up with them?
They were all applications that I had experience using.
What did you come up with?
I am...
a jack of all trades (and master of none)
I am
The Good
Trivia Crack
The Good
The metaphor of the spinning wheel to select a category at random mimics that of a real-life carnival wheel. This is an explicit affordance. The bright, rainbow colors emphasize that this application is a game and that its primary purpose is fun. It is easy to track progress both through the crown bar that fills up a slot everytime a question is answered correctly. Additionally, the scores are listed on the respective sides of the user they are associated with which minimizes confusion. The keyword “vs” also emphasizes that it is a multiplayer game and that the primary goal for users is to win. Lastly, the popup box on the bottom helps users get started and clears any confusion in a concise matter. The icons on the wheel are also cognitive affordances as they relate to the subject they represent.
The Bad
Microsoft Edge Search Engine
[product/system title]Rock Sox Front Fork
The Bad
Far too many unsolicited pop ups. Additionally, it feels very commercialized and consumerism is pushed very heavily. It’s super easy to accidentally click on an article or a website since they are all close together. The interface lacks user-centricity, or in other words the user’s needs and goals do not come first nor are they the main focus of the design process.
[rationale]The Fox Front
The Ugly
RailRat
[product/system title]Rock Sox Front Fork
The Ugly
The blue color of some of the characters/words and the ability to hover over them indicate that they should be hyperlinks, based on the pattern affordance of the pre-established convention of hyperlinks. However, some of them open new web pages and some do not. Additionally, there is a lack of information such that somebody who has never traveled via Amtrak might be confused. Some late trains are highlighted and others are not, with no reasoning given. Aesthetically, it’s unappealing to look at and also has a large ad placed towards the center top of the screen and its location increases the likelihood of a user accidentally clicking it. There is also a lack of customizability in that it is only in military time. There’s also a lot of excess information that an ordinary traveler would not need.
[rationale]The Fox Front
Simeon
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 I use frequently.
Simeon
Where did you come up with them?
At the 1515 this morning.
Why did you come up with them?
I thought they were good examples.
What did you come up with?
I am...
a family man
I am
The Good
Gentler Streak
The Good
Highly efficient, great learnability, great aesthetics, and satisfying to use.
The Bad
StrongLifts
[product/system title]Rock Sox Front Fork
The Bad
Low learnability, high efficiency, and average aesthetics.
[rationale]The Fox Front
The Ugly
Garmin Connect
[product/system title]Rock Sox Front Fork
The Ugly
Low learnability, low ease-of-use, and is aesthetically ugly.
[rationale]The Fox Front
GBUX 9
Tuesday April 9, 2024
GBUX 9
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.
Mare
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
From the beginning of the semester, I have been on the look out for things that I could use for this assignment, and ended up choosing the ones that I did because they are the ones that continously stuck out to me.
Mare
Where did you come up with them?
The good I came up with the first day this assignment was announced, I am a huge fan of Canvas. The bad I came up with after loosing my temper for the 3rd time trying to use the app. The ugly I came up with after I starred at it for too long while sitting on my bed.
Why did you come up with them?
They continously stuck out to me while using them.
What did you come up with?
I am...
A travel and food enthusiast
I am
The Good
CANVAS
The Good
So easy to use, extremely learnable interface, intuitive
The Bad
GRUBHUB
[product/system title]Rock Sox Front Fork
The Bad
The app itself, in terms of using it to order food is not bad. But their delivery system is a mess. You need to contact the restaurant to contact the driver if the order is delayed. The map does not update, and is stationary most of the time. Delivery times are not accurate, and you are not notified when order is delivered
[rationale]The Fox Front
The Ugly
CoolMathGames
The Ugly
Missleading(not a math games website), poor usability, can't see what the games look like. Poor color scheme, hard to find the game you want
[rationale]The Fox Front
Noah Cook
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I'm a bit of a hobbyist for interesting obscure software, so there were plenty of examples that came to mind for bad and ugly. For good, I just thought of some softwares that I use often and picked the best of them
Noah
Where did you come up with them?
My good I use often in practicing for IT certifications. My bad I have been playing since I was a teenager, I probably found it on youtube. My ugly, I actually heard about from a teacher in high school, and went on to play with myself
Why did you come up with them?
For my good I thought of things that I use continuously with zero issues. For my bad, I thought of things that have made me so frustrated that I quit using them. For my ugly, I thought of something that I found comical in its design choices.
What did you come up with?
I am...
Married
I am
The Good
VMWare Workstation
The Good
A good example of efficient task pathing, each action you take is well laid out so that the easiest path is generally the correct one to configure the VM. The options that you use the vast majority of the time are selected by default. Makes use of data value formats as a cognitive affordance.
The Bad
Dwarf Fortress
[product/system title]Rock Sox Front Fork
The Bad
Large cognitive load, menus within menus until one forgets what one is doing. Very low help/documentation, ascii graphics mean in order to effectively play you need a guide of what symbol represents what object. A D is a dingo, why not a Dagger etc.
[rationale]The Fox Front
The Ugly
Temple OS
[product/system title]Rock Sox Front Fork
The Ugly
Just plain ugly, lack of consistency with other operating systems in most aspects. Low responsiveness, which when combines with a complete lack of visibility into the system status makes you think it crashed when it is actually just slow.
[rationale]The Fox Front
Jordan Moss
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
My examples came up as I was playing them. Both the bad and the ugly illicited immediate reactions of distaste because of their designs. For the good, I looked at the games I particularly enjoyed playing and identified the ones that had strong ui that improved my gameplay experience.
Jordan
Where did you come up with them?
All my examples come from video games, particularly PC games.
Why did you come up with them?
Video games are a significant hobby for a lot of people today, and it's important that they use good design; otherwise, gameplay and enjoyment is significantly hindered. For these particular games, the design noticably impacted my experience with them.
What did you come up with?
I am...
a Gamer!
I am
The Good
Baldur's Gate 3
The Good
Many good affordances (image to indicate equipment slot, filter, etc); consistency (similar to their other games, similar elements to other rpgs); hovering over actions and objects gives feedback and information (lightens mental load,
learnability)
The Bad
Resident Evil 6
[product/system title]Rock Sox Front Fork
The Bad
User experience works against them (recognition over recall; poor consistency); forgettable (non-intuitive); removes metaphor (pouch/suitcase); confusing (carousel makes inventory space unclear); no cognitive affordance or
feedback to show how to switch
between held items (right);
overall, poor satisfaction
[rationale]The Fox Front
The Ugly
Portal
[product/system title]Rock Sox Front Fork
The Ugly
Very poor visibility/readability (low contrast between letters, moving background); busy background with more low-contrast text boxes; adapts poorly to higher resolutions (small text); not polished
[rationale]The Fox Front
Yili Bai
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I focused on the products I use for school or personal reasons, being mindful of how I use apps and tools. These examples I chose are the ones stood out to me the most, based on my experiences using them and assessing them with the UX design principles we studied in class.
Yili
Where did you come up with them?
All the examples are from websites or apps I accessed on my laptop. The bad was came up when I had an online meeting invitation that used Google Meet as the platform. It also made me realize my preference for Zoom after comparing the two platforms. The Ugly I came up when I searched for a summer class at home for transfer credits.
Why did you come up with them?
Many individuals rely on the online meeting platforms and course listings on institution websites. Consequently, giving importance to user experience is essential. Grasping the elements that contribute to effective UI/UX is significant for engineers to design high-quality products.
What did you come up with?
I am...
a Peking Opera performer
I am
The Good
Zoom
The Good
- Metaphors (icons like house-home, calendar) & Cognitive Affordances (button and tab labels) help users understand.
- Sensory Affordance (status light).
- Clean and uncluttered interface design with good aesthetics and simplicity
- Consistency in button size and shape.
- High Operability (interactive buttons
and navigation tabs).
The Bad
Google Meet
[product/system title]Rock Sox Front Fork
The Bad
Good in providing feedback and error prevention (error message and unable to join) when entering invalid code/link. Downside in consistency and understandability that Join and Enter both appear side-by-side on the same screen can be confusing (click on Join at the first glance). Bad findablity for information about features like where to change virtual background.
[rationale]The Fox Front
The Ugly
Virginia's Community College Course Listing
[product/system title]Rock Sox Front Fork
The Ugly
- Bad in consistency: Scheduled checkbox doesn't have save button.
- Bad in understandability: what does the Scheduled checkbox do? -> The labels and cognitive affordances are not helpful.
- Poor in attractiveness/aesthetics: No spacing between search bar and search button. Save button goes outside of the box space. Navigation bar stays on top blocking views.
[rationale]The Fox Front
GBUX 10
Tuesday April 9, 2024
GBUX 10
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.
Amanda Hail
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
This assignment has been in the back of my mind, so when I noticed a platform that applied, I jotted it down.
Amanda
Where did you come up with them?
Two of the selections were apps that i regularly use and the other one was a device I brought for a lab to focus on how the design could be improved
Why did you come up with them?
Each selection is a device/app that I regularly use.
What did you come up with?
I am...
a big music person!
I am
The Good
Notability
The Good
Very intuitive setup; uses cognitive metaphors for each brush type/feature in the small menu. Also highly customizeable and simple to share across plaforms
The Bad
RadarNow!
[product/system title]Rock Sox Front Fork
The Bad
Doens't always load the full map or have information on the place you're in. Blocky design and ineffectual data
[rationale]The Fox Front
The Ugly
Philips SmartSleep
Wake-up Light Sunrise Alarm
[product/system title]Rock Sox Front Fork
The Ugly
Very cool concept to help heavy sleepers, but the design is very clunky and some of the more advanced controls are not intuitve
[rationale]The Fox Front
Calel Colon
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I'll be honest: I came up with them i nrapid succession in the spirit of getting the assignment completed.
Student 2
Where did you come up with them?
I looked around for inspiration for all three in the same one building: the Quirk Cafe in Historic Downtown
Why did you come up with them?
These were all based on the emotional perspective. They might have their flaws/upsides, but its emotions that leave a lasting impression given a base-minimum level of functionality.
I am...
financially irresponsible
I am
The Good
La Marzocco Barabara
The Good
For a measly $10,000, you too can be an alchemist of life essence (caffine).
The Bad
Contemporary Bottles and Cans
[product/system title]Rock Sox Front Fork
The Bad
Aww, did you just cut your nails? Sorry, no canned beverages for you! Oh you want something bottled? Sorry that's not a twist off buddy! HA
[rationale]The Fox Front
The Ugly
Circular Door Knobs
[product/system title]Rock Sox Front Fork
The Ugly
This is an aesthetic war crime
[rationale]The Fox Front
Laura Krill
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I'm intersted in the intersection between knitting and ux, especially since both have a lot in common (iterative, artistic, user-centered)
Laura
Where did you come up with them?
I focused on websites that I've used while knitting, and most are the only ones that offer their service (not a lot of options)
Why did you come up with them?
I tried to follow a theme based around my "I am..." page and these were websites that I've used and were interesting to me, as someone who knits
What did you come up with?
I am...
a knitter!
I am
The Good
Chart Minder
The Good
Simple design that still allows a lot of features and customization
Clear walkthrough/tutorial: Low learnability
Toolbar for selecting common colors: efficiency
The Bad
YarnSub
[product/system title]Rock Sox Front Fork
The Bad
Confusing, unorganized navigation: uses few conventions, search feature is only way to access other features
[rationale]The Fox Front
The Ugly
Ravelry
[product/system title]Rock Sox Front Fork
The Ugly
Unappealing layout: wasted space and condensed features, forum page feels outdated and has uneven placement
[rationale]The Fox Front
Kevin Lam
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought about apps I use on a daily basis.
Kevin
Where did you come up with them?
its 3:08 the day of this presentation, I looked through my phone and thought of apps I like/dislike.
Why did you come up with them?
They are apps that i am most fimilar with
What did you come up with?
I am...
a snowboarder
I am
The Good
Shazam
The Good
High understandability, with only 3 main screens, aesthetically pleasing design, and has good cognitive affordences
The Bad
Amazon
[product/system title]Rock Sox Front Fork
The Bad
its very cluttered and multiple buttons leads to the same location, leading to low learnability
[rationale]The Fox Front
The Ugly
Lumber Inc
[product/system title]Rock Sox Front Fork
The Ugly
wants you to make in app purchases which makes the app less aesthetic and annoying to navigate the app
[rationale]The Fox Front
Minahal
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I just looked at my most used apps and notable experiences I've had with apps, and this class helped me put into words why some were bad.
Minahal
Where did you come up with them?
I came up with them through apps on my phone.
Why did you come up with them?
The familiarity of these apps, after using them for years, helped me dissect them better.
What did you come up with?
I am...
a cat mom
I am
Fifi & Cece<3
The Good
Netflix
The Good
Netflix’s features during video play follow user-centered design. The "Skip Intro" button showcases flexibility and efficiency by allowing users to bypass repetitive intros if they want with a single click. This helps reduce cognitive load by streamlining the viewing process. Also, the overall navigation screen shows discoverability, with user controls being easily accessible but not obstructive to the video.
The Bad
PBS app
[product/system title]Rock Sox Front Fork
turning auto play on
redirected to live screen
The Bad
The PBS app’s user experience lacks predictability, consistency, and user control. Its autoplay function selects a different series rather than the subsequent episode. At times, the app redirects to promotional or live content, requiring users to backtrack to the main page to access their chosen show. This shows poor feedback and an increase in the cognitive load while navigating back to the desired content.
[rationale]The Fox Front
The Ugly
UVA Collab
[product/system title]Rock Sox Front Fork
The Ugly
UVACollab’s interface has poor visibility with the initial screen, which is information heavy. This decreases the visibility of essential information. It also has low consistency due to the inconsistent use of icons across different courses. This decreases efficiency because it forces users to relearn symbol meanings in different classes, ultimately increasing cognitive load.
[rationale]The Fox Front
GBUX 11
Tuesday April 9, 2024
GBUX 11
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.
Samuel
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 examples from thinking of the websites I use everyday!
Samuel
Where did you come up with them?
I came up with them in Stacks as I was doing Homework
Why did you come up with them?
I wanted to see if others in the class shared my opinions
What did you come up with?
I am...
UVA Sports Fan
I am
The Good
The Good
Excellent use of Metaphors that promote a streamlined use of the app and effeciency
The Bad
Streaking the Lawn
[product/system title]Rock Sox Front Fork
The Bad
Ads combined with small text do not promote good understandability, learnability,
or effeciency.
[rationale]The Fox Front
The Ugly
UVA GET
[product/system title]Rock Sox Front Fork
The Ugly
Functional Website, but clutered and excessive
use of hyperlinks. Could use icons as
metaphors to clean up space and
promote effeciency.
[rationale]The Fox Front
Ashley
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I was looking at websites or apps that I use often of have used in the past.
Ashley
Where did you come up with them?
I found them as frequently visited, bookmarked sites on my computer, or apps that I have on my phone.
Why did you come up with them?
I came up with these examples because I really like Google Calendar and use it every day. Splitwise is an app that I knew I have had trouble using.
What did you come up with?
I am...
a coffee lover!! :)
I am
The Good
Google Calendar
The Good
- High learnability with a clear create button
- high efficiency with ability to create an event by clicking on time & clear fields to fill in
- good natural mapping
The Bad
Splitwise
[product/system title]Rock Sox Front Fork
The Bad
- low learnability with lots of buttons with unclear functions
- poor efficiency with multiple buttons doing the same thing
- high chance of errors connecting with Venmo
- poor aesthetics with no dividers
[rationale]The Fox Front
The Ugly
UVA IM-Rec
[product/system title]Rock Sox Front Fork
The Ugly
- low memorability because so many buttons in same color
- low learnability since unclear what buttons do & have to click on all of them to see function
- low efficiency with multiple buttons doing the same thing
[rationale]The Fox Front
Amanda Hauer
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I took these examples from games I really enjoy. I wanted to be passionate and knowledgable about the examples.
Amanda
Where did you come up with them?
In my brain
Why did you come up with them?
Because I wanted a good grade on this assignment
What did you come up with?
I am...
a VTuber
I am
The Good
Stardew Valley
The Good
The inventory is consistent with other games like Minecraft. It has clear labels to understand how to operate it. It can be used without moving your hands around. Plus, there are multiple ways to operate it!
The Bad
Harvest Moon DS
[product/system title]Rock Sox Front Fork
The Bad
What do each of the three equipment slots do, and which items can you put in each? Also, how do you use the items once you've equipped them? The answer depends on the item!
[rationale]The Fox Front
The Ugly
HmJava
[product/system title]Rock Sox Front Fork
The Ugly
Basically the previous example, but ugly and even worse. The two screens are meant for DS but don't work at all for PC. Plus, there are way more buttons on a keyboward than a DS, meaning the controls are extremely difficult to figure out.
[rationale]The Fox Front
Drew
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
As I used various services in my day to day I kept a mental note on what services might be good examples for this presentation.
Drew
Where did you come up with them?
I came up with them as soon as I encountered them so typically just in my day to day life.
Why did you come up with them?
I came up with them because I thought they matched the good, bad, and ugly descriptions well.
What did you come up with?
I am...
A Skier
I am
The Good
Google Meet
The Good
Layout is simple with high visibility. The cognitive affordances and theming that are present are consistent with both other online meeting software and other Google products.
The Bad
Google Forms
[product/system title]Rock Sox Front Fork
The Bad
While aesthetically pleasing it can be hard to control settings relating to sign-in requirements. This specific setting has poor discoverability. Does a poor job of preventing errors.
[rationale]The Fox Front
The Ugly
Virginia Tech Timetable of Classes
[product/system title]Rock Sox Front Fork
The Ugly
This site is ugly, the text is very small leading to poor readability. There are a lot of drop down menus that can overwhelm the user. Display does not utilize full screen.
[rationale]The Fox Front
Ethan Stokey
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I checked on reddit some good and bad UI websites. I also asked friends for their own examples of good and bad UI websites.
Ethan
Where did you come up with them?
I looked on Reddit on my computer and went from there. I also had friends over at my place when I asked them their opinion.
Why did you come up with them?
I thought these were pretty clear examples of good, bad, and ugly UI design. I wanted to find the most blatant examples that fit into each category. This is the result.
What did you come up with?
I am...
a follower of Christ
I am
The Good
Gamestop App
The Good
The learnability here is quite high. There are several cognitive affordances in the search bar and items display. The interface has high flexibility with the ability to search, click on items for more inormation/purchase, select broad categories of top brands, find local stores, etc.
The Bad
userinyerface.com
[product/system title]Rock Sox Front Fork
The Bad
Has terrible learnability. Everything is backwards from the expected UI positions of buttons/text/checkboxes. Certain buttons are highlighted or made larger for functions the user would most likely not want to click on. The opposite occurs for buttons they do want to click on.
[rationale]The Fox Front
The Ugly
Space Jam Website
[product/system title]Rock Sox Front Fork
The Ugly
There is essentially no translation of content or meaning from the planet buttons themselves. The text is either warped or horribly colored in contrast to the background. Retainability is bad since no one will remember where to go with the random space icons. There are no cognitive affordances other than the text.
GBUX 0
Thursday, February 1, 2024
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 going to Crete island next Summer!
I am...
Really Professor???
I am taking
some of you with me!
wanna be there?
apply
I am...
The Little Smarthood and the Internet of Things
CS4501 Creative Interaction Design
25 May - 18 June '24
Crete, Greece
Site I
Archaeological Museum of Herakleion
Site 2
More info
The Palace of Knossos
Site 3
Deadline
Feb 15
CretAquarium Seaworld
I am a
sociable 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.
Do you want to CONNECT?
When & Where
Discuss with the TAs and arrange.
I will bring the food & drinks!
Being from Greece
Socializing with friends over amazing (sea)food!
Friends & Food
Expanding perspectives over new cuisines+cultures!
Living in the US
Being from Greece
Experiencing the most amazing sunsets!
Scenery
Experiencing landscapes of unparalleled beauty!
Living in the US
I am...
a pickleball player
I am...
Join me for a game of pickleball at the
UVA Community Tournament
Saturday 2/24/2024
The Good
Legoland theme park
The Good
Waiting line was much more fun by having Legos in the middle of the long queue; increasing overall satisfaction!
The Bad
Table knife by AMC
Most people try to cut using this side
The Bad
High aesthetics but poor cognitive affordance failing to indicate correctly the cutting edge
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 with spout too close to the
back of the sink (operability)
Stacy
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I started being more thoughtful/ intentional while using apps and tools, considering what functionalities I appreciated and what design decisions I found less enjoyable.
Where did you come up with them?
Stacy
I mainly considered the apps on my phone that I interact with daily and therefore have the most experience using.
Why did you come up with them?
Understanding what makes an app/tool's UI/UX effective is crucial to developing quality programs in the future
What did you come up with?
I am...
a foodie
I am
The Good
Chipotle App
[product/system title]Rock Sox Front Fork
The Good
Aesthetic interface with images/colors reflective of brand, intuitive workflow for customization of orders -> high learnability
[rationale]The Fox Front
The Bad
GrubHub
[product/system title]Rock Sox Front Fork
The Bad
High understandability, but lack of icons and distinction between headings vs subheadings leads to poor
accessibility
[rationale]The Fox Front
The Ugly
CAVA app
[product/system title]Rock Sox Front Fork
Must scroll through long list to see all toppings, can only remove toppings from list
The Ugly
Tapping on an already selected topping results in extra topping, not deletion of topping -> unintuitive
Aesthetics interfere with efficiency, causes poor learnability and lacking functional affordances
[rationale]The Fox Front
Danielle
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I looked at products I use on a daily basis and reflected on how my experience varies with each product.
Danielle
Where did you come up with them?
I mostly came up with these examples by looking around my apartment.
Why did you come up with them?
To understand various design features and characteristics of things I use that I havn't observed before.
What did you come up with?
I am...
a cotton candy lover
I am
The Good
Light Clicker
The Good
This light clicker has high usability and learnability. For example, the row only has two buttons: on and off. In addition, each row signities a separte light, effective and easy to use and understand. In addition, the clicker is useful as its fuctinality allows for increased control of lighting in one location.
The Bad
Stanley
The Bad
This stanley may have good aesthetics (popular), but it doesn't have strong functionality. The hole for the straw is too big resulting in leaks and unintentional spills (sell 3rd party leak preventors). Additionally, this item has a few constraints, such as not being able to fit in a car cupholder. So, while this product is easy to understand and has high emotional impact because of its aesthetics, it isn't convenient to use.
The Ugly
Bathroom Door Knob
The Ugly
This is Audacity which is an audio editing software I use for Linguistics projects. Audacity is not effective or efficient for editing audio files as it is very difficult to grab audio tracks, renaming tracks is an arduous process, and zooming is cumbersome. It has low learnability as complex directions need to be followed or looked up to complete a task.
Lauren
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I looked at products I use on a daily basis and reflected on how my experience varies with each product.
Lauren
Where did you come up with them?
I mostly came up with these examples by looking around my apartment.
Why did you come up with them?
I wanted to look at examples that were inconspicuous, yet significant to my everyday life.
What did you come up with?
I am...
an artist
I am
The Good
curseforge
The Good
- Nice simple aesthetics
- High learnability
- Uses streamlined conventions
- Logout button, settings, help button
- Great functionality
- Lots of options
- Does hard work for you
- FAST
The Bad
Sink
The Bad
- No affordances
- You turn the handle to the left for hot water not right
- Low visibility
- The only "affordance" (that is wrong) you can’t see unless you already have the water on
The Ugly
Mortal Kombat 1 Homescreen/shrine
The Ugly
- Overall okay aesthetics
- You have to press the enter key to select, not left-click which goes against convention
- If you wait for about two minutes, a screen saver starts
- (Shrine) Low functionality, takes forever to do animation
- can only use 1,000 coins at one time
Shirley
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought about things I use a lot in my day-to-day life
Where did you come up with them?
Shirley
I spend a huge portion of my time nowadays doing assignments at my apartment which is where all of these objects resided.
Why did you come up with them?
I felt the most strong emotions towards these examples.
What did you come up with?
I am...
a roller skater
I am
The Good
Air Fryer
[product/system title]Rock Sox Front Fork
The Good
High simplicity in which the only features are to set a temperature, timer, and to set presets. High visilibity: all the features that it contains is right on the screen
[rationale]The Fox Front
The Bad
Ice Machine
The Bad
Deisgn of the handle and container lacks constraints in which it can easily be bent the wrong way, accidently turn the machine on and there is no way to stop the ice from overflowing . It also has poor ease of use due to how inconvient it is to get the ice out.
The Ugly
Amazon surge protector
The Ugly
Low aesthetic due to it being bulkly and it also has low desirability due to the annoying bright green light that is the feedback that it's on
Shawn
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Stuff that I either went 'Hey that's pretty good' or 'Hey that's not so good'
Where did you come up with them?
Shawn
Sitting around in my room and entering my infallible mind palace
Why did you come up with them?
Some I use often and others that are so annoying I think I have a personal vendetta
What did you come up with?
I am...
a troubled musician
I am
The Good
Amazon Heater
The Good
This little heater that could has high learnability, understandability and feedback which makes operating it easy to pick up and use. It's a heater that heats things up 5/5 stars would use again.
[rationale]The Fox Front
The Bad
Musescore
The Bad
While pretty and with good aesthetics I still have pretty much no idea how to use it giving it low learnability and poor ease of use.
The Ugly
Philly Metro
The Ugly
Low aesthetics, understandability, and findability - there is a good chance Philly is trying to get you lost because I still have no idea what's going on.