Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
3
The Good, the Bad & the Ugly
User Experience
Episode 2
GBUX 7
Thursday, March 11, 2021
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.
Alex
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
In order to come up with my GBUX designs, I thought about items that I use in my daily activities.
Alex
Where did you come up with them?
All of the designs I examined were within my apartment.
Why did you come up with them?
I thought it'd be interesting to identify examples that I commonly use, to get different perspectives on things I wouldn't usually put thought into.
What did you come up with?
I am... a dancer!
I am
The Good
Rice Cooker
[product/system title]Rock Sox Front Fork
The Good
The Zojirushi rice cooker is extremely easy to use despite it's flexibility in making many things. It does this through clearly marked measurements, automatic cook time selection based on how rice is in the cooker, giving the user feedback via a ringer when it's done cooking, and a simple menu that increases its understandability
[rationale]The Fox Front
The Bad
Fairy Lights
The Bad
While the fairy lights carry out their basic functions decently, the design of the remote makes for a low learnability experience. The buttons are confusing and hard to operate, and there is little to no error prevention as you might not find out you set a recurring timer until the next day.
The Ugly
Dash Heater Pot
The Ugly
While at first glance nothing seems aesthetically wrong with it, the pot is very inconsistent as the temperature control will not even turn on the pot until you turn it to max boil, meaning the pot has very low usability beyond high temperature boiling. Though it claims to be able to handle making soups and other food, making food in the pot causes it to clog up the edges of the heating element, making for low satisfaction in using the product.
Hickson
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I though about my experiences with the everyday items I come across
Hickson
Where did you come up with them?
These are items that I use at home
Why did you come up with them?
Give other users advice on everyday items they should and shouldn't use
What did you come up with?
I am...
a nonprofessional model
I am
The Good
My Computer Monitor
[product/system title]Rock Sox Front Fork
The Good
With the pandemic, the need for having muliple screens is apparent. The usefulness of this high, it makes carrying out work with zoom easier. It is aesthetically pleasing, also it is extremely learneable, the setup is quick and easy and it easy to navigate monitor settings. It is efficient does its job well.
[rationale]The Fox Front
The Bad
Coffee Maker
The Bad
When you want coffee immediately, it is quite efficient. However, when it comes to brewing coffee later, it becomes hard to understand. If you punch in the wrong time, you have to rest from the beginning, instead of being able to correct your mistake. There is also a button that is not necessary. Overall, there is no ease of use.
The Ugly
LED Remote
The Ugly
To start off, it is not aesthitically pleasing. There is no cohesiveness in button placement, when setting color changing options. Not only that, it requires a confusing diagram to replace batteries. It is inefficent in the sense that you have to press the buttons a couple times before it works.
Kaiwei
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought about when the design or certain things made me angry or unsatisfied when using items.
Kaiwei
Where did you come up with them?
I looked around items I had or owned in recent times
Why did you come up with them?
I hope people avoid similar properties when they are looking for good design for their own
What did you come up with?
I am...
A Computer enthusiast
I am
A violin player
The Good
Lenovo Legion 5 Laptop
[product/system title]Rock Sox Front Fork
The Good
The laptop is very aesthetically pleasing. The keyboard has gentle but fast feedback. The screen gives flexible use cases being able to spin for 180 degrees. Most of the ports are in the back side, giving users a lot of control over orientation. The central power button and keyboard shortcuts makes using it very learn-able. The inbuilt dust filter means its easy to fix,
[rationale]The Fox Front
The Bad
Nintendo "New" 3DS
The Bad
The operating system is extremely hard to navigate. The new user registration is very unintuitive. and has low learn-ability. The system only allows 3 wi-fi connections, you need to erase an old one to register a new wi-fi. Very inefficient. Some parts of the machine feel to firm, other parts feel like its going to break.
The Ugly
Ebay mobile app
The Ugly
When an item is clicked on you have scroll down
to a tiny section of the page to see details of
the item. The title of the item not only
lacks information, but is also often asymmetrical
and aesthetically unpleasing.
The buying button are oval shaped, selections
of item types are rectangular, while check boxes are
square, item categories are circles. The
app feels hard to learn, especially
if you don't know what item to
look for.
Leo
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Thinking about the items I use often and quality of my experience.
Leo
Where did you come up with them?
While listening to music in the kitchen making shrimp scampi with garlic butter rice.
Why did you come up with them?
They fit the model of being either a good, bad, or ugly item
What did you come up with?
I am...
One of Eleven
I am
The Good
Speaker
[product/system title]Rock Sox Front Fork
The Good
The JBL Flip5 speaker is extremely easy to use due to the limited and recognizable buttons on the speaker. Unlike most speakers, the JBL Flip5 flexibity is not limited to its portability and 12 hour battery life, but also extends to the water as the speaker is waterproof and amplifies sound with multiple speakers around. When the speaker is low on charge, the feedback provided by the speaker is simple and effective as the line next to the charging port lights up red.
[rationale]The Fox Front
The Bad
LED App
The Bad
The HomePlus Lite app seems to have high learnability. However, the difficulty of learning how not to encounter one of the many bugs drive the learnability into the ground. Trying to turn off the LEDs will often fail. Immediately after opening your app, you will unintentionally change your color as there is no error prevention such as miss-clicking. Furthermore, operating any feature other than the dial will immediately cycle every color in the dial at full brightness. effectively blinding the user.
The Ugly
Can Opener
The Ugly
Aesthetically, this can opener looks like every other. However, the can openers lack of a magnet makes its usability very inconsistent. Thus, leading to many can lids falling into the can and knife detaching from the can leading to low satisfaction while using the product.
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
[student]
Where did you come up with them?
Why did you come up with them?
What did you come up with?
I am...
[introduce yourself]
I am
The Good
[system/product]
[product/system title]Rock Sox Front Fork
The Good
[type description using the right language from class]
[rationale]The Fox Front
The Bad
[system/product]
The Bad
[type description using the right language from class]
The Ugly
[system/product]
The Ugly
[type description using the right language from class]
GBUX 8
Tuesday, March 16, 2021
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.
Carl
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought about items and technologies I use every day
Carl
Where did you come up with them?
I looked at things in my apartment
Why did you come up with them?
I thought it would be interesting to explore stuff I use in a different lens
What did you come up with?
I am...
Pizza Lover
I am
The Good
Wireless Headphones
[product/system title]Rock Sox Front Fork
The Good
These headphones are a good example of design due to a high degree of usefulness (cancels noise well), buttons are labeled for high understandability, and the headphones give good feedback on presses/and audio changes
[rationale]The Fox Front
The Bad
Apartment Thermostat
The Bad
This device is terrible in almost every way. It has very low usefulness, none of the buttons actually change the temperature. It has low understandability, just an up and down arrow. It gives no feedback on if it is working
The Ugly
Oven
The Ugly
The oven is an example of ugly design, many of these buttons could be condensed and it took me some time to learn. However it is useful and understandable, but has low feedback
Sharon
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I examined items I interact with everyday that I find important.
Sharon
Where did you come up with them?
My apartment living space which is where I am most of the time.
Why did you come up with them?
I think places where people live should be designed well to provide the most comfort.
What did you come up with?
I am...
a casual artist
I am
The Good
electric kettle
[product/system title]Rock Sox Front Fork
The Good
Simple, very understandable and efficient. It gives distinct feedback visually through a blue light when on and audibly with a click as it turns off.
[rationale]The Fox Front
The Bad
bathroom closet doors
The Bad
The doors are poorly designed as there is only one track at the top. That means the doors dangle and are hard to operate as any inwards force will move it in instead of opening to the side. There are also no handles so its usability is low.
The Ugly
Oven
The Ugly
The oven has only one operable knob. It has no setting to preheat, no timer, alarm, and is not very deep in length. It also runs hotter than said on the knob. This makes it hard to operate and isn't very useful or usable. It also doesn't give any useful feedback. It cannot do what other modern ovens usually can (beep when complete, tell time, etc.)
Laken
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I've been driving throughout the US for the past few weeks, so I used systems/products that I was interacting with on my journey.
Laken
Where did you come up with them?
All of the designs came from things I've been using in the car.
Why did you come up with them?
As many people travel every year, I believe it is important that the systems and products they use while traveling are useful, easy to use, and provide user satisfaction.
What did you come up with?
I am...
a cryptid hunter/lover
I am
The Good
Ford SYNC system
[product/system title]Rock Sox Front Fork
The Good
The display in the Ford Fusion is very useful as it allows drivers/passengers to control the heating/cooling, music, etc. It has high learnability as it uses already commonly used symbols and labels throughout the system. It has good feedback as the system shows you the result of every action you make. These factors as well as the consistency and ease of use of the system lead to high user satisfaction.
[rationale]The Fox Front
The Bad
Phone Holder
The Bad
In theory, this should be useful; however, it is so inconsistent that it is impossible to use. Whenever you put it in the vent, it will randomly fall out for no reason leading to low satisfaction. There is also no error prevention as there is no way to stop the holder from falling out of the vent, causing your phone to fall with it.
The Ugly
ESChat
The Ugly
While the app is very useful as it allows me to use my phone to communicate over a two way radio signal, it has low learnability and is not easy to use. It has low findability as it is hard to find the tools you're trying to use (such as trying to figure out how to make it stop making noise even when your phone is on do not disturb), and most noticeably, it is not aesthetically pleasing
Derek
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 of times that I used something and whether it was easy or hard to use. Then used the three best/worst examples here.
[student]
Where did you come up with them?
I got the good from the phone I use everyday, bad from my friend's apartment, and ugly from my laptop.
Why did you come up with them?
I came up with these based on my experiences using them. These were the experiences that I found most interesting and ones I wanted to share with others.
What did you come up with?
I am...
a music lover
I am
The Good
iPhone with Home Button
[product/system title]Rock Sox Front Fork
The Good
The iPhone home button is good compared to newer iPhones because the feedback of the button. You know when you have clicked the button to go home because there is feedback given to the user when a successful click has happened. This also allows good error prevention because the user has to mean to press the button while swiping, which is used on newer iPhones is something that users do to a phone all the time and could accidentally make the user go home. The button is also consistent because touch ID allows the phone to be unlocked with just thumb which works 99% of the time. While FaceID on new iPhones is not consistent because it does not work while wearing a mask which is very common today.
[rationale]The Fox Front
The Bad
Oven/Stove
The Bad
This oven/stove does not have a good UX because of its terrible visibility. None of the dials have the temperature displayed on them so you have to guess what the temperature is. It also has bad natural mappings because the pictures next to the stove dials do not match the layout that the stove has so it is hard for the user to understand which dial corresponds to which burner.
The Ugly
Molsoft ICM-Browser
The Ugly
This program has an ugly UX experience because of its low learnability. There are so many buttons and functions in this program that a tutorial is basically necessary to even do basic functions. Some basic functions don’t even have a button and require you to code them into the terminal. It also has poor findability because functions could be found in one of probably a dozen different locations. Just in this one view there are 5 tool bars that have many buttons grouped together that often don’t even have anything to do with each other. The layout and color scheme give it low aesthetics as it is just a sea of white and grey with no effort into making the layout pleasing to the eyes.
[Bolu]
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I simply looked at technology that I was accustomed to due my consistent use
Bolu
Where did you come up with them?
I looked around my house and at software I used
Why did you come up with them?
I thought it would be fun to discuss what I enjoyed
What did you come up with?
I am...
[casual reader and gamer]
I am
The Good
Nintendo 3DS XL
[product/system title]Rock Sox Front Fork
The Good
[The hand-held was designed to last, the hard plastic and clamp-shell design are proof of this. It's learn-ability and satisfying to use. ]
The Bad
[Nintendo Switch Online]
The Bad
[The system designed is to weak to handle anything, games lag and disconnect the behavior is too inconsistent. It seems the servers are too inefficient. This inoperable design could cost the company sale for its games that rely on that feature]
The Ugly
[Wireless Earbuds]
The Ugly
[The device is comfortable but hard to put on and take off. Like the developers didn't take into account of how hard some people may pull, and failed to implement an error prevention]
GBUX 9
Thursday, March 18, 2021
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.
Julia
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought of the objects in my life that I have made both good and bad comments on in the past.
Julia H
Where did you come up with them?
All of my pictures come from my house in Vermont that I spent a lot of time at this winter.
Why did you come up with them?
I thought it would be interesting to show that no matter how recent the object was created, there are still some innovations that have poor designs.
What did you come up with?
I am...
a snowboarder
I am
Killington, VT
Breckenridge, CO
The Good
[My Brita]
[product/system title]Rock Sox Front Fork
The Good
The Brita has great learnability as their design is simple enough that every user understand how to use it from the start. This Brita fits 12-14 cups of water making its efficiency great. The light on the top changes from green to red once the filter needs to be changed creating great feedback and ease of use for the user.
[rationale]The Fox Front
The Bad
Tap-only Lamp
The Bad
Though this lamp is aesthetically pleasing, the only way to turn it on is by touching the bottom in a particular spot, causing a first time user to have great difficult understanding the product. You are also only able to tap in one specific location which unavoidably leads to many errors, so it has low error prevention.
The Ugly
My Kitchen Drawer
The Ugly
This drawer has terrible satisfaction as it can only open so far until it runs in the oven. This makes the drawer impossible to use and so its efficiency and operability are both low. Opening the oven to open the drawer is undesirable and also unattractive.
Andrew Painter
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I considered the software that my club H.S.S. often uses and how easy and reasonable it is for us.
Andrew P
Where did you come up with them?
I explored software I regularly use for the remote running of my club.
Why did you come up with them?
As the president of this club I thought it would be useful to think on what the beneficial and negative aspects of our software are.
What did you come up with?
I am...
Allergic to Cats & A Cat Dad
I am
The Good
D&D Beyond
[product/system title]Rock Sox Front Fork
The Good
This is a website which consolidates all the information relative to D&D in a compact and aesthetically pleasing way for beginner players, giving it inherent learn-ability & ease of use. Beyond this it is incredibly efficient in its pathways to useful/relevant information. These
factors make it useful & robust for
teaching and learning about
D&D
[rationale]The Fox Front
The Bad
MTG Arena
The Bad
MTG Arena has well designed aesthetics, but the underlying software makes these aesthetics detrimental and inconsistent. The unnecessary textures and animations make the game-play non-functional, hindering learn-ability & operability for new players.
The Ugly
Board Game Arena
The Ugly
Aesthetically this website is a hunk of junk, but it is a completely free resource for countless board games making it wonderfully accessible & robust. After you get over its wonderful creamy brown loading screens, and its
random door knocking entry noises, it is still
a useful and consistent software.
Kevin W
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
All of my examples are software systems that I use, whether for work, activities, or computer maintenance.
Kevin W
Where did you come up with them?
On my computer and iPad.
Why did you come up with them?
These examples seemed the most relevant for what we are learning in class.
What did you come up with?
I am...
A Musician
I am
The Good
IMSLP
[product/system title]Rock Sox Front Fork
The Good
The interface is aesthetically pleasing, the advanced search function makes music scores easily findable, access over multiple devices makes it flexible, option to add personal annotations makes me emotionally satisfied
[rationale]The Fox Front
The Bad
Dell SupportAssist
The Bad
Too many buttons make many features not findable, gives the whole program low learnability, tends to download drivers which crash my computer with no error prevention, which makes it not functional, which is very frustrating and scary, i.e not emotionally satisfying
The Ugly
jGrasp
The Ugly
Poor aesthetics, strange icons and symbols result in low learnability, generally has few affordances, yet still has adequate functionality
Jack Warner
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I looked at my everyday object and everyday life and found what fits :)
Jack W
Where did you come up with them?
I came up with them in my bedroom
Why did you come up with them?
I came up with them because these are things I used in every day life
What did you come up with?
I am...
A photographer
I am
The Good
[product/system title]Rock Sox Front Fork
Sony Alpha a6400 Mirrorless Digital Camera
The Good
This camera is not only aesthetically pleasing, but it also has many functions i desire as a photographer. One such function is the wifi function. Extremely easy to switch out lenses and the software is very easy to learn.
[rationale]The Fox Front
The Bad
Sony camera carry bag
The Bad
It is small bulky and looks very ugly. You cant fit any lenses in except for the camera body. You can carry at maximum 2 portable batteries and nothing else. Extremely flimsy hard to carry.
The Ugly
Zhiyun-Tech WEEBILL-S
The Ugly
This gimbal help make time-laspe as well as keep the camera steady while zooming, filming. The hyperlapse and motion-lapse options combined with the smooth tilt makes sophisticated steady shots. However the camera need to be PERFECTLY balanced for the gimbal to work properly. One of the axis isnt completely fixed (tiny gap) which makes big movements while filming impossible.
GBUX 10
Tuesday, April 6, 2021
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.
Kiran Manicka
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 daily processes in my life and the tools I use or don't use in them. I thought about what was most useful and helpful to me, and what tools I struggle with.
Kiran
Where did you come up with them?
Alot of these items/tools are located within my friends apartments which is hwhere I am staying right now.
Why did you come up with them?
I want to pick items with user interfaces that stuck out to me. Often times the best designs are the ones that don't stick out. So I thought of a design that felt seamless to me.
What did you come up with?
I am...
a hiker
I am
The Good
Keurig coffee machine
[product/system title]Rock Sox Front Fork
The Good
The Keurig coffee machine has very good usability and readability. The buttons on the front facing side of the machine are very intuitive. You immediately know what each button stands for. The lever on the front is also very self explanatory.
[rationale]The Fox Front
The Bad
The bathroom
The Bad
The layout of the bathroom is dysfunctional; the door closes incredibly close to the washing machine so it's hard to walk around in the bathroom. To access the washing machine, you have to fully close the door behind you, which is irksome.
The Ugly
The Kitchen Fan
The Ugly
The first time I used the kitchen fan, I had no idea how it worked. There was no indication in the appearance of the fan on how to turn it on. Very unintuitive. It turns on that there is a little switch on the back of it. The redeeming factor maybe that it has a slick design but it sacrifices ease of use.
[Steven Song]
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
[type response here]
Steven
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...
[a dog lover]
I am
The Good
[Chick Fil'A app]
[product/system title]Rock Sox Front Fork
The Good
The Chick Fil' app is a very user- friendly and easy to use app. All the items displayed on the menu and the available options for users to select from are shown with a picture icon making it not only very aesthetically pleasing, but also very findable, as everything is very easy to locate in this app. In addition, the app is very learnable and has high operability, as the directions for each option on the app are very clear and specific in walking users through what to do for each step. This way users will never be confused when using the app. Lastly, the app has
great error prevention and high satisfaction as it won’t let you pass the delivery/complete the order step until you’ve properly ordered everything that you want in a meal.
[rationale]The Fox Front
The Bad
[GPS (Garmin Nuvi 255)]
The Bad
Although the GPS has decent aesthetics and usability, the screen is so small and to make it worse the letters on the keyboard are so cluttered together when you type in an address to go to, making it have low operability and low error prevention, since it's very easy to mistype a letter and if you do mistype a letter, the GPS isn't smart enough to autocorrect your mistake to the correct address so you have to start over again. Moreover, the GPS that I have is also extremely inefficient and inconsistent as it is very slow when loading an address or processing an instruction (sometimes taking up to a minute to load an instruction) so it has low user satisfaction. Its findability is also only average since you have to manually scroll through a drop down menu
in order to find a certain address stored in the system and the drop down menu has lots of tabs.
The Ugly
[Virtual Box/GNU Emacs]
The Ugly
Virtual Box/GNU Emacs has very poor aesthetics and visibility: everything looks very cluttered: especially the sidebars both on the sides and on the top with the small text/font, so it’s easy to misclick/accidentally click on a different application one wants to use. The text editor looks incredibly outdated and looks like it hasn't been updated in over 10 years. In addition, it has low error prevention and terrible findability as some of the important features like settings are hidden from you, making it have low user satisfaction. It also
doesn't help that some of the tabs/tools on the side bar are useless or that the
system freezes/crashes sometimes.
Kurt Goerg
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Since I am at home most of the time now, I just thought about the various technologies that I use everyday and decided which ones were good or bad.
Kurt
Where did you come up with them?
At home, because that's where I usually am.
Why did you come up with them?
These are products that have either significantly improved my life, or annoyed me from using them. These were the ones that stood out most in that sense.
What did you come up with?
I am...
Skier
I am
The Good
Space Heater
[product/system title]Rock Sox Front Fork
The Good
My space heater is very useful and efficient based on its size because it heats up my room very quickly. It is very operable because of its simple and easy -to-understand controls due to the use of affordances. It has great error prevention to prevent accidental fires with its weight sensor at the bottom.
[rationale]The Fox Front
The Bad
Washing Machine and Dryer Controls
The Bad
My washing machine allows for many different types of washes, making it very flexible. But it is overall a bad product because its controls are not very understandable. It is also has bad learnability because it is hard to understand how to use it at first and has misleading affordances.
The Ugly
Lamp
The Ugly
My lamp is a very usable product, but only after you figure out how to turn it on, therefore making it not very learnable. Due to its size and shape, it is aesthetically unpleasing because it is bulky and takes up so much space.
Samara
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
As I would watch others present, I would keep it in mind how I felt or enjoyed using products and would note them down.
Samara
Where did you come up with them?
I spend most of my time in my bedroom so most of the things are from there or is where I use the products most.
Why did you come up with them?
There are a few products that I prize and genuinely enjoy using, so those were the first to come to mind, others are things that still bother me even after a long period of use.
What did you come up with?
I am...
a dancer
I am
The Good
Desk Lamp
[product/system title]Rock Sox Front Fork
The Good
This desk lamp is very useful, it has breakpoints at two places that allows it to move in multiple angles. It has 4 light options and a timer. The buttons are all on a touch pad. Its sleek look an functionality makes it really desirable and provides high user satisfaction. This lamp provides feedback by having the buttons light up. The labels under the buttons gives it high understandibility and makes it easy to use
[rationale]The Fox Front
The Bad
Placement of Fridge and Pantry
The Bad
The placement of the fridge and the pantry inhibits anyone from using either to its full extent. Only one door can be opened and one person can be fit at a time. The fridge door doesn't open all the way either.. So this design has low accessibility, low error prevention, and low efficiency.
The Ugly
Cabinets Above Fridge
The Ugly
Completely useless due to inaccessibility, need another tool to use this for anyone in our apartment. It's not even aesthetically pleasing since it is hidden in the n behind a wall. So exists with no purpose and no way of opening or using them. These cabinets have low usefulness, satisfaction, operability, accessibility, each of use, aesthetics and findability.
Eric
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 I use in my everyday life and thought about what I felt frustrated with.
Eric
Where did you come up with them?
In my dorm kitchen and in my room
Why did you come up with them?
I came up with my Good design because I was satisfied with the meal I made. The Bad and the Ugly were products that I felt frustrated with and wanted to vent about
What did you come up with?
I am...
a Self-Taught Cook
Also, I am Camera-Shy, so here is the most recent picture of myself that I could find
I am
The Good
Instant Pot
The Good
The InstantPot has many different functions including for different purposes, like Saute, Soup/Broth, Meat/Stew, and Rice, so it has high Usefulness. They are labeled accordingly so it is easily understood and therefore has high learnability. The device automatically turns itself off after the set timer expires, which is great for error correction in case it is forgotten. Also, when the timer expires, it loudly beeps to signify that it has finished, which is a great Sensory Affordance. The individual
parts, like the rubber seal, the metal pot, the pressure cap, and
the lid are all removable and separate from the electronic
base. The separate components make it easy
to clean, overall making it easy to use.
[rationale]The Fox Front
The Bad
Smash Ultimate Online
The Bad
Under most circumstances, it would have passable accessibility and ease of use; it simply would require internet access and payment of a subscription. The way it was implemented, however, makes it have poor accessibility and ease of use since it uses peer-to-peer connection. This system requires the users to have a specific NAT type that prevents some users (like UVA students using the eduroam wifi which is NAT type Strict) from using it at all. It also connects the users to each other rather than through a dedicated server which means that if one player has an unstable connection, then it affects all players. This overall leads to low satisfaction and poor operability. The only error prevention
that exists in this system is to completely freeze the game
until the connection stabilizes, rather than using
a rollback netcode which is typically more
fluid and is more standard.
The Ugly
TI's MSP432 with RSLK MAX
The Ugly
With a 198 page Datasheet, 389 page Driver Library Guide, 1053 page Technical Reference Manual, several other smaller documentations, and a 14 chapter online textbook, the MSP432 has abysmal findability. Especially in the textbook, most examples of code are found in images, so the search function doesn't help in many cases. With the information being spread primarily between 4 different documents, each using most technical language, the learnability is also low since much of it requires background knowledge to understand and it builds upon itself. As a tradeoff with it's poor appearance or aesthetics, almost everything is adjustable and accessible, so it can be programmed to do
many different tasks with all of it's implemented
devices, but actually getting to that point is
slow and difficult.
GBUX 11
Thursday, April 8, 2021
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.
Philip Hart
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought about products that I use in my everyday life. I tried to pick ones where I could best highlight their great advantages or disadvantages
Philip
Where did you come up with them?
These are websites or software that I have used on my computer
Why did you come up with them?
The good product is built for a specific kind of user which I think is more interesting than a generic website. The bad products have annoyed me greatly in the past.
What did you come up with?
I am...
A music enthusiast
I am
The Good
DuckDuckGo
[product/system title]Rock Sox Front Fork
The Good
DuckDuckGo is comparable to the Google search engine, meaning it has a high usefulness, learnability, and operability. To set this search engine to your default browser, you simply add the extension to Chrome, making this website accessible as well. Additionally, DuckDuckGo provides the option to turn off vexing ads generated by the search engine itself making the design look more aesthetically pleasing. This is pertinent because the search engine caters to a less dominant user persona, one who values privacy while operating online. The selling feature of this website is that when users type in the search bar, their phrase or sentence is not sent to websites that users click on. This makes it impossible for these websites to target users later on with their ads. This increases the desirability of the website for some users.
[rationale]The Fox Front
The Bad
PASCO Capstone
The Bad
While this is a useful software, developing a sense of how to use it is an arduous task (low learnability). The icons on the left and right tab are cluttered and rarely have sensible images accompanying the feature name which decreases the findability of features. There are the right number of steps for analyzing visual or sensor data, but every step is loaded with information that it makes the entire process of collecting and then analyzing data inefficient. Overall, the ease of use for the user is extremely low due to the aforementioned complications.
The Ugly
Audacity
The Ugly
While not the best or worst recording software, Audacity is certainly not aesthetically pleasing. Has a low desirability because of competing free software such as GarageBand. The gray and blue color scheme is drab for the user. The top left pause, start, stop, skip, and record buttons are great examples of affordances. However, the rest of the top quarter of the screen does not communicate the meaning of many of those buttons at all. Overall, the cognitive affordances are not for an everyday user, but rather a highly experienced user.
Bronte Sundstrom
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
During other GBUX presentations, if any other people's idea sparked an idea for me, I would write it down.
Bronte
Where did you come up with them?
I came up with mine around the house. Usually right before or right after class. I would write them down for future use.
Why did you come up with them?
They are all things I use quite often and have strong feelings about.
What did you come up with?
I am...
a Percussionist (Drummer)
I am
The Good
Pro Metronome
[product/system title]Rock Sox Front Fork
The Good
This app is really helpful for musicians like me. For people who understand music, this app has high operability and learnability. There are plenty of affordances such as the central knob for changing the tempo and the wrench/screwdriver button being for the settings.
[rationale]The Fox Front
The Bad
HP Envy 5660 Printer
The Bad
It has more options and tools than any person would reasonably need. Connecting wireless should be helpful, but it never works and there is no easy way to troubleshoot why it does not work (low operability). The interface in general does not have good responsiveness. There is attemps at affordances, but they do not work because all of the buttons are still so confusing. I recently went to my grandfather's house and used his printer, and although it is much older than mine, it is much easier to use. It has fewer options, it much better organized, and works exactly how you want it to.
The Ugly
The UX Book (PDF Copy I Have)
The Ugly
The light blue on white and the white on light blue is very unaesthetically pleasing and very difficult to read. Low usability for ease of reading but still usable in a general sense.
Rachel Ding
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 systems I use during school, work, and free time and took note of whatever stood out, either negatively or positively.
Rachel
Where did you come up with them?
At my desk in my room, in my living room, or wherever I was while using them.
Why did you come up with them?
These products either made my life easier or were a bother to use.
What did you come up with?
I am...
an art hobbyist
I am
The Good
Adobe Illustrator/Adobe in general
[product/system title]Rock Sox Front Fork
The Good
Illustrator has a high learnability, even for someone who has never used it before. It also displays flexibility, being accommodating for people of different skill levels. Its layout has good understandability, especially for people who use other Adobe products.
[rationale]The Fox Front
The Bad
Madison House Website
The Bad
The main website has low ease of use because it can be hard to find the information you need (signing up for programs, how to log hours, etc.) Additionally, to donate, sign up for programs, and log hours, you need to click through a bunch of links to get to a different website to do so. It could serve its purpose better rather than being confusing for volunteers, community partners, and donors to use.
The Ugly
The VDH Website
The Ugly
The website has low efficiency because there is too much information crowded on the screen. It’s hard for users to navigate properly. It also lacks simplicity as it throws a lot of images, text, and links at the user all at once, instead of really helping guide them to what they want to use the site for.
Andrew B.
How did you come up with them?
I looked around my everyday environment to contemplate the systems that I use daily. It led me to the three systems that I'm about to present!
Where did you come up with them?
Andrew B.
I came up with them in my girlfriend's car while looking at the interface of her radio, and in my room while looking at commonly used items.
Why did you come up with them?
These systems were obvious examples of good or bad design.
What did you come up with?
1) Car radio UI 2) desk lamp 3) light/fan remote
I am...
A brother!
I am
The Good
Desk Lamp/Fan (Turcom?)
[product/system title]Rock Sox Front Fork
The Good
High Learnability - simple design, fan metaphor, light metaphor
High Usefulness - serves two functions (fan/light), flexible light design
High Desirability - Sleek design, soft lighting
[rationale]The Fox Front
The Bad
Honda HR-V Radio UI
The Bad
Low Usefulness - Confusion surrounding artists associated with songs, how to search, how to categorize songs, etc.
Low Findability - How does one navigate to the song they want?
The Ugly
Harbor Breeze Fan Remote
The Ugly
Low Learnability - Hard to understand which button does what
Low Usability - Still have not been able to dim the light
Jessie
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
By thinking about when I am impressed or frustrated when using a product.
Where did you come up with them?
Jessie E
In the office where I work.
Why did you come up with them?
Because that is where I spend a great deal of my time.
What did you come up with?
I am...
a hiker.
I am
The Good
Work Standing Desk
[product/system title]Rock Sox Front Fork
The Good
Good Feedback : Will move and respond immediately to any requests
High visibility : Can see the digital number for height
High Understandability : Arrows are straightforward and easy to save settings
[rationale]The Fox Front
The Bad
HP Stylus
The Bad
Bad Usability : Button in a very inconvenient place. I will mistakenly click it when writing and it deletes what I just wrote.
Low understandability : Two buttons, but I'm not even sure what one of them does. I have even looked it up and it doesn't seem to do what it's supposed to
The Ugly
Home Standing desk
The Ugly
Very Bad Operability : To move the desk up and down you have to twist four knobs. They're hard to turn and you have to clear the desk before attempting to move up and down.
Bad Efficiency : I'm not sure why there's four knobs when you could have two and not split the desk in half. The four knobs makes it seem like the desk is trying to make life as complicated as possible.
GBUX 12
Tuesday, April 13, 2021
GBUX 12
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.
Leah
Bianchi
Anna Grace
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 used in my daily life and took note of different systems and products I interact with. Really good and really bad ones stood out.
Where did you come up with them?
Anna Grace
I mostly came up with them while I was doing things I normally do in my apartment and around Grounds.
Why did you come up with them?
I picked these examples because they create significant value or hassle for me and I use them a lot.
What did you come up with?
I am...
a nature lover!
I am
The Good
Slack
[product/system title]Rock Sox Front Fork
The Good
Slack has many features to facilitate effective communication. Things like polling and rendering links and code all contribute to high usefulness. The channel structure and response threads decrease clutter and provide readability and simplicity. It has high learnability because it has a lot of external consistency and cognitive affordances like icons showing different message options.
[rationale]The Fox Front
The Bad
Padlet
The Bad
While Padlet can produce some cool diagrams, it has some major issues. Users can "collaborate" on boards, but you can't move or edit notes that you didn't author, causing low useability. There are minimal cognitive and functional affordances, when you first make a board you're taken to a blank screen. When you add new notecards, they show up in the same place and are hard to move (can't zoom out) so user productivity and efficiency is poor. PDF renderings are terrible which is frustrating.
The Ugly
Brackets
The Ugly
This is an IDE I use for writing html, css, and javascript code. It has some very useful features like autocompleting and templates, but has low aesthetic appeal - very bland looking. The default font size is very small and some of the text colors are light so readability can become an issue. In terms of useability, you can't edit 2 files side by side so the workflow and navigation for larger projects is complicated and not easily learnable. Their live preview feature doesn't actually update unless you save files, has issues when you change the window size, and doesn't have a simple way to view the JS console, so the tool fairly inefficient.
Syed
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 the examples by drawing from my personal experience. While going about my affairs, I tried to adopt an HCI outlook.
Where did you come up with them?
Syed Hasan-Aamir
All ideas were sourced in my home.
Why did you come up with them?
Each one represents an important lesson in design principles that relates directly to daily living.
What did you come up with?
I am...
an (unofficial) MSA selfie competition winner
I am
The Good
Microsoft Paint
[product/system title]Rock Sox Front Fork
The Good
Although this software is often taken for granted, it provides a compelling example of great design. First, Paint's learnability is high due to its intuitive layout. Cognitive affordances in the software help users understand the software's functionality: the logos are self-explanatory. Also, the design is simple yet aesthetically pleasning. Lastly, Paint's usefulness in a variety of contexts cannot be disputed.
[rationale]The Fox Front
The Bad
Command Line Terminal
The Bad
Unfortunately, the command line terminal suffers from several design flaws. First, there are no cognitive affordances to help users understand the interface. This contributes directly to a lack of ease of use. Also, the interface is not aesthetically pleasing. The unapproachable blaxk box layout indicates a lack of user-friendlieness. On the bright side, the application has a high degree of usefulness once it is actually understood.
Discord Settings Interface
The Ugly
Because the Discord's settings are so critical to its usability, one would think that it would be well designed. However, the overwhelming glut of options and confusing sub-menus undermine this key feature's ease of use. Although the usefulness is high, simplicity should be prioritized to improve this design. Findability is also a concern.
Shoaib Rana
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I observed the things I regularly use and interact with and decided based off of them
Where did you come up with them?
Shoaib Rana
At home in my room
Why did you come up with them?
These are things I use regularly and I thought it'll be interesting to look at them from an HCI perspective that I have developed throughout the semester
What did you come up with?
I am...
a Twin!
I am
The Good
LG Ultrawide Monitor
[product/system title]Rock Sox Front Fork
The Good
This LG Ultrawide has a lot of screen real estate with minimal side bezels. All the ports connect on the back and there is only a single button for adjusting the screen settings. This all makes it aesthetically pleasing.
It has USB type-C connectivity, HDR 10 compatibility, support for sRGB 99% color gamut, which all contribute to high usefulness.
It is strong and sturdy yet still easy to raise and tilt and no manual was needed for putting the few parts together, so it has high learnability.
[rationale]The Fox Front
The Bad
Samsung Wireless Charging Pad
The Bad
The look and feel of this wireless charging pad is definitely aesthetically pleasing and it has sensory affordance (a blue light) that lets the user know when their phone is charging.
However, there is a major problem in its ease of use - that is if the phone is slightly off the center, it does not charge. This quickly became a deal breaker for me given how many times I would come back to an uncharged phone.
So, it's low error prevention stands in the way of its ease of use and that's a major problem.
The Ugly
Windows File Explorer
It's possible to do a lot of customization but it can quickly get too technical for the average user. For example, moving Google Drive from Quick access to navigation pane required editing the windows registry, which leads to poor ease of use.
The Ugly
It has boxy and bland design with yellow folders that is not very aesthetically pleasing. It has a lot of usefulness. However, understanding and navigating can be confusing - limited preview of folder hierarchies, multiple ways to reach same files, tons of system and software files and useless empty folders that majority of users will never touch. There are a lot of settings but accessing them and finding the right one often requires a tutorial or two. All of this leads to poor understandability and findability.
.
Leah Bianchi
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
As we progressed through class and a topic made me think of one of my apps or devices I jotted it down
Where did you come up with them?
Leah
Bianchi
Mine were devices/apps that I interact with a lot on my phone or in my room
Why did you come up with them?
Some of them I thought about as we learned about different topics throughout the class
What did you come up with?
I am...
good with plants
I am
The Good
Google Home App
[product/system title]Rock Sox Front Fork
The Good
Good Usefulness: Makes turning on my lights and waking up straightforward and I do these every day
Good understandability/metaphors: lights look like lightbulbs and speaker looks like google home speaker
[rationale]The Fox Front
The Bad
Window AC Unit
The Bad
low attractiveness: bulky & beige
poor operability: do thermostate numbers coorespond to higher temp or more cool air??? who knows.
redundencies in fan settings and cool settings = low understandability
but otherwise, has decent simplicity
The Ugly
UVA Health Check
The Ugly
BAD Error Prevention: if you click no or yes, you cannot change it
Bad natural mappings: "no" has negative connotation. when I feel fine I want to hit a button that says "yes". Also they should have different colors.
Emotional Impact: before I realized there are no consequences for a wrong selection, made me very stressful
that being said, it has good learnability
Zohaib Cheema
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 house at the products that I find myself using every day and evaluated each of them.
Where did you come up with them?
All of these pictures are from the house I'm living in at UVA.
Why did you come up with them?
I wanted to show that what affects the design of a product is not necessarily how old it is, since if an old product is designed with the user in mind its satisfaction can carry over for a long time.
What did you come up with?
I am...
a Muslim
I am
The Good
My stove
[product/system title]Rock Sox Front Fork
The Good
This stove has great learnability - it lets you know which knobs correspond to which areas. It also lets you know when the cooktop is on and when it's hot which provides feedback and ease of use.
[rationale]The Fox Front
The Bad
Our TV
The Bad
This TV is meant to be touch-screen but it's very slow to provide feedback. The buttons for the PC are also in a very obscure place, so the user has a hard time understanding the product. These factors also lead to it having low error prevention.
The Ugly
Mercedes-Benz Audio Interface
The Ugly
The combination of colors makes this UI extremely unaesthetic even though the rest of the car has high user satisfaction. Sometimes the one button that operates this UI stops working, giving it low efficiency and operability.
GBUX 13
Tuesday, April 20, 2021
GBUX 13
Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.
Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.
Think in terms of:
Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,
error prevention, metaphors,
affordances, etc.
[Loryn ]
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 application because my friend was interested in finding a better application to track her run, the Nike Run Club application was giving her a lot of issues.
Loryn
Where did you come up with them?
[
I came up with them while talking to my friend over facetime in my apartment
]
Why did you come up with them?
[I came up with them because I wanted to help show my friend alternative ways to track her running progress.
]
What did you come up with?
I came up with looking at various running applications
I am...
[a Runner (Beginner)]
I am
The Good
[Strava]
[product/system title]Rock Sox Front Fork
The Good
Strava is an app that is really easy to learn, understand, and has a nice aesthetic. It operates similarly to social media sites, with a feed to post your workout, the ability to like, comment and follow other user accounts. Additionally, you can track not just runs but a plethora of other physical activities.
[rationale]The Fox Front
The Bad
5K Runner
The Bad
5K is an app that “gets the job done”. Its minimal aesthetic, makes it boring to look at. It also does not have gps tracking that automatically pauses if a user stops for an extended period of time. Sometimes this would lead to forgetting to turn off the app, messing up your pace. However, the application demonstrates its usefulness in its beginner friendliness for people without any running experience. It uses audio ques to alert users of what they are supposed to be doing.
The Ugly
Nike Run Club
The Ugly
Nike Run Club, is an application that at first glance looks similar to Strava. It has similar features, however it has little to no ease- of use, learnability , and usability. It is very inconsistent and inaccurately tracks pace and route. They also prioritize selling nike products on the app as well which is annoying for users to see. You can only track running on the application and they got rid of the race building plan. Essentially it fails where Strava doesn't, making it undesirable for users.
Nicholas
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought of what I use on a daily basis that I could get a new perspective on.
Nicholas
Where did you come up with them?
Throughout my house and on my laptop
Why did you come up with them?
To understand how I use these different products/sites and see if I can have a different approach to how I view them.
What did you come up with?
I am...
A Youtuber
I am
The Good
Keurig Coffee Machine
[product/system title]Rock Sox Front Fork
The Good
Looks very aesthetically pleasing and has sensory affordances for letting you know when your coffee is ready to brew (blue light lit up on coffee mug icon). As well as letting you know when you need to add water. Simplistic design which allows for ease of use and has great error prevention. Also has great understandability with instructions.
[rationale]The Fox Front
The Bad
Monitor
The Bad
This monitor is aesthetically pleasing and does have a sensory affordance (light turns red for off, green for on) to indicate whether the monitor is on or not.
However this monitor has problems with its easy of use and findability because the buttons that control the monitor are hidden at the bottom of the monitor. And there is no tutorial for the user to know which button controls what. As well some buttons you have to hold to apply a command such as adjusting the volume. This leads to a low understandability from the user.
The Ugly
Food Corner Kabob House Website
The Ugly
The website is very cluttered and lacks simplicity and ease of use. The main website has so much information jumping out at you it is hard to understand and navigate through the website. As well the contact us tab does not work when clicked on making the website have low operability. It also will restart your order if you click order without filling out all the information making it have little or no error prevention.
Eric
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 by considering apps, websites, tools, and other items that I use frequently and feel strongly about.
Eric
Where did you come up with them?
I came up with them in my room.
Why did you come up with them?
I came up with these examples because, through using them frequently, I have formed opinions about the usability-related decisions that went into designing them.
What did you come up with?
I am...
a Biker
I am
The Good
tradingview.com
[product/system title]Rock Sox Front Fork
The Good
TradingView contains high learnability and consistency by offering tutorials, clearly labeling buttons, and containing features and aesthetics common to other financial analysis tools.
TradingView also provides high usefulness, flexibility, and efficiency from its wide range of charting tools, settings, and functions.
It also contains many cognitive affordances, including candlestick symbol, alarm clock, and settings icons.
[rationale]The Fox Front
The Bad
Expo CLI
The Bad
While Expo CLI has high learnability and ease of use due to the short command required to run it and the consistent and familiar way to test on local devices (via a QR code), it lacks in robustness, error prevention, and flexibility. This is because its errors messages are rarely sufficiently informative and the process of customizing it, such as to use an Android emulator, are tedious and time-consuming.
The Ugly
UPS Mobile App
The Ugly
The UPS Mobile App lacks in usefulness, desirability, and robustness. This is because it contains very few functions (such as tracking a shipment), frequently logs the user out without being instructed to do so, and hides app navigation tools when displaying or loading certain content. It could also be improved by adding cognitive affordances, such as box icons, and functional affordances, such as sorting functionality (by date, name, origin, etc.).
Anneliese
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 design examples by thinking about the technologies and user interfaces with which I interact in my day-to-day life.
Anneliese
Where did you come up with them?
I came up with them while sitting on the couch at home.
Why did you come up with them?
I came up with these specific examples because they were the best ones available to me at home, and COVID makes it less safe to go out and find examples in the larger world.
What did you come up with?
I am... an amateur chess player.
I am
The Good
Dell Command | Update Progress Screen
[product/system title]Rock Sox Front Fork
The Good
Good simplicity: Only vital information is displayed.
Good visibility: The information is well-spaced and easy to read.
Good consistency: As in many other systems, red text is used to denote a warning.
Good attractiveness: The simplicity and clarity of the
display are appealing.
[rationale]The Fox Front
The Bad
Washing Machine
The Bad
Bad operability: User lacks control: cannot open lid all the way and cannot specify length of wash cycle
Bad efficiency: Needing to hold the lid open while (un)loading the washer makes (un)loading take longer.
Bad satisfaction: Just barely not being able to open the lid all the way is really unsatisfying.
The Ugly
Fan and Thermostat
The Ugly
Bad understandability: There is no labeled "OFF" option for the fan, which makes it unclear how to turn it off. Additionally, the pointer in the thermostat's temperature selector is wide enough that it is unclear to which temperature it is pointing.
Bad constraints: The fan options are too constraining, as they do not include an "OFF" option.
Bad operability: Due to the bad understandability and constraints,
the user lacks clear, full control over the system.
Bad attractiveness: The system's color scheme is more
industrial than home-aesthetic, though it does
coordinate with the color of the wall
on which it is located.
Asia
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought a lot about what apps, websites, and products I used most in my daily life.
[student]
Where did you come up with them?
All apps can be found on my own 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
[product/system title]Rock Sox Front Fork
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
[rationale]The Fox Front
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.
GBUX 0
Thursday August 29, 2019
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.
Valerie
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 everyday struggles I have with various things that I use.
Valerie
Where did you come up with them?
Many of these items are objects that I interact with at home or on grounds.
Why did you come up with them?
The Good - I never have to stop and think about how to use it.
The Bad/Ugly: I always have trouble with them.
What did you come up with?
I am.. a foodie!
I am
The Good
Interactive Cat Lamp
The Good
This lamp is both aesthetic and has easy operability. All you need to do is tap to turn it on/off. This enables very easy learnability, since new users will not have trouble with the simple controls.
The Bad
Kung Fu Tea Application
The Bad
All the descriptions in this app (specifically the rewards screen) are vague and unreliable. I have faced many errors when redeeming rewards, and there is no robustness because users are not supported.
The Ugly
Clem 4 Desks
The Ugly
These desks have huge holes on the sides that make them inconvenient to use. There is no clear use for the holes and this affects the aesthetic of the design and the flexibility, since the holes make it hard for students to use the tables in different ways.
Zertash
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I based it on the products I use on a daily basis and the products I stopped using.
Zertash
Where did you come up with them?
I came up with them in my room as I was closer to the belongings I use on a daily basis.
Why did you come up with them?
I came up with them because I use Spotify quite often when I need to listen to music. I like the films available on Swank but I have difficult time searching for the content I want. I stopped using the CAT app because of its design.
What did you come up with?
I am
A Painter
I am
The Good
Spotify
The Good
Very flexible design as there are multiple ways to find the song/artist/genre. The interface has a very distinct look making it easy to remember (memorability). Information is well organized giving it good visibility.
The Bad
TV Remote
The Bad
It has a high flexbility as there are many different features that the remote contains. However, the design is not very consistent in terms of the differnt sizes of the various buttons. It has many unessecary buttons as most people only need to use a few of the buttons which can cause confusion in navigating the object. Thus, it has low learnability and TV remote designs are often very different.
The Ugly
CAT Bus App
The Ugly
Bus route is inactive
Doesn't do anything when clicking on bus route making it inconsistent with other similar apps. Very poor functionality as bus routes and location don't update. Very poor aesthetics with ugly text and icons. Very low learnability. Appears differently in terms of device : Android vs. Apple. Low robustness: does not help user if they are at wrong stop, nothing to stop errors.
Hisham
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 them through daily experience with products/services I use frequently
Hisham
Where did you come up with them?
Inspiritations emanated from various environments
Why did you come up with them?
The Good demonstrated multiple examples of good UX Guidelines, such as natural mappings, operability, visibility, and usability. The Bad exemplifies confusing and inefficient user experience. The Ugly failed to meet numerous UX Guidelines.
What did you come up with?
The Good
Kindle
The Good
Has good natural mappings, resembling a physical book, great operability and visibility of status. Furthermore, it is easy to use and carry around, which makes it a useful design.
The Bad
Our Bathroom Switch
The Bad
Although functional, the switch doesn't turn off our vent when flipped down. The flip must be flicked up and down more than once to turn the vent off; a wrong functional affordance.
The Ugly
GoodReads Mobile App
The Ugly
Not the most user friendly user interface. A lot of texts on the screen, hard to see the book covers, repetitive information, and simply ugly.
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 going to Crete island next Summer!
I am...
Really Professor???
I am taking
some of you with me!
I am...
The Little Smarthood and the Internet of Things
CS4501 Creative Interaction Design
June 2021, Crete, Greece
Site I
Site 1
Archaeological Museum of Herakleion
Site 2
The Palace of Knossos
Site 3
CretAquarium Seaworld
Info Session
Taking Your Engineering Education Global: UVA Engineering Faculty-Led Study Abroad Programs
Learn more
Join today's information session:
5-6 pm on Zoom
Register: bit.ly/HCIgreece
I am from Lesbos!
I am...
I am inviting you to a brainstorming LUNCH!
I am...
Dream Idea
e-mail me by
Friday 5:00 pm
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