Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
Episode III
Thursday, September 2, 2021
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?
Personal experience from visiting places and experiencing waiting systems and functional devices.
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?
RULES:
1. Start your introduction with "I am"
2. Make it interesting/surprising
Sappho and Alcaeus of Mytilene
Alkaios of C'ville!
Let's get to meet each other better!
When: Sunday 5-7 pm
Where: My place
How: Register via sign up on my door
RSVP: Friday EOB!
I follow what I preach!
AND I appreciate diversity!
SOCIAL EVENT!
Share your roots/origin, your uniqueness and what you appreciate about the US and C'ville.
We will meet at a special "place" next
Thursday 3/11 after class!
Let me know if you want a booth, or just attend
Socializing with friends over amazing (sea)food!
Expanding perspectives over new cuisines!
Experiencing the most amazing sunsets!
Experiencing landscapes of unparalleled beauty!
Waiting line was much more pleasant by having Legos in the middle of the long queue; waiting was so much more fun!
Most people try to cut using this side
High aesthetics but poor cognitive affordance indicating the cutting side
Need to pull the whole knob despite the shape
Misleading physical affordance (need to pull up the whole knob); poor aesthetics and outdated design
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.
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?
This lamp is aesthetic and has easy operability. All you need to do is tap to turn it on/off. This means it has easy learnability, since new users can understand how to use these simple controls easily.
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.
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.
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.
Where did you come up with them?
The products are what I use mostly in my room and on-ground.
Why did you come up with them?
The Good - I was able to use the product the moment I received it
The Bad/Ugly - I have trouble using them
What did you come up with?
This candle lighter is safe and has high operatbility. It has battery indicator(blue light signals) and as long as it is charged up, all you have to do is just click the on/off switch and push a button to light up the candle. The way lighter operates enable very easy learnability where new users won't have much trouble using the product.
The app doesn't do anything when clicking on bus route which making it unreliable and inconsistent with other similar apps. It has very poor functionality as bus routes and location don't update. And it has low learnability as it appears differently in terms of device: Android vs. Apple.
In my apartment, the only Ethernet wall socket is located in the middle hallway between bedrooms.Since it is located at eye level, this affects the accesibility and usability as the location make it hard for me to actually use it.
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 from past experiences and how helpful or irritating they were.
Where did you come up with them?
From everywhere. From my experiences outdoors to my times turtle-ing inside of my own room.
Why did you come up with them?
The Good demonstrated easy usability while also being aesthetically pleasing. The Bad shows poor site design with enough bugs to irritate the user experience. The Ugly failed to meet numerous UX Guidelines.
What did you come up with?
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.
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.
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.
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Where did you come up with them?
Why did you come up with them?
What did you come up with?
[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 about things I use often in my life.
Where did you come up with them?
I came up with these examples in my room.
Why did you come up with them?
I chose these examples because they were memorable to me and things I used often.
What did you come up with?
Overleaf
Overleaf is an example of good UX design because it has high ease of use, understandability, operability, and efficiency. It is clear what the icons mean and all of the functions are easy to find and use. It also provides good feedback to the user in that the “recompile” button changes while the file is compiling. Finally, Overleaf is aesthetically pleasing, which further improves the user experience.
[rationale]The Fox Front
Roots App
The Roots mobile app is an example of poor UX design because of its low operability and ease of use. It is is clunky to navigate through the app and the cognitive affordances are not enough to effectively lead the user through the functions. Additionally, it also has poor aesthetics and feedback.
UVA CS Gold
The CS Gold website is an example of ugly UX design because it is has poor aesthetics and poor natural mappings. Additionally, the font and layout are structured in a way that results in low satisfaction and efficiency. Although the functions are clear, they are presented in an ineffective manner.
Tuesday, November 9, 2021
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?
These examples all came from file/application selection of some of the appliances I use frequently
Where did you come up with them?
As I use most of these appliances in my home, I gathered my thoughts while using them at home
Why did you come up with them?
I noticed how simple and easy some of them were in comparison to others, and how they made it much easier to select what I wanted
What did you come up with?
a "baker"
Nintendo Switch Game Select
The game select has a very high usefulness to select the most relevant games. It does this by constraining the user to see recently played or bought games before older played games, which can be viewed in a robust menu with multiple sorting options. The game cartridge image is a cognitive affordance to the user to know if the game is inserted or not. It also has error prevention by warning users when they try to open software while another game is running.
[rationale]The Fox Front
Apple TV Homepage
Apple TV has a very low learnability. The home screen prompts the user to swipe up, which then locks the user in a menu they must press "back" to leave, but is not consistent in explaining navigation. Furthermore, it is not very robust, as this screen does not have any way of sorting or rearranging the tiles. Additionally, notifcations are only visible while hovering over the tile, which is not desirable However, it has very good aesthetics, and is simply hurt by its overall poor operability.
[rationale]The Fox Front
Windows File Explorer
While a computer would have more files/folders to navigate though, it still has bad aesthetics. While many of the tool icons are quite literally textbook examples of good metaphors, notably the layout choices (which modify how everything looks) are very unclear and not consistent ("tiles" looks more like small icons than "small icons", which is just "list" sorted in rows). Additionally, the layout options only modify the current folder, which creates low satisfaction if the user wants to switch how everything is laid out. However, despite the visual issues it does have very high ease of use as clicking to navigate through folders is very clear
[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?
Throughout the semester, I kept track of designs I interacted with on on a frequent basis and took pictures and kept note of them.
Where did you come up with them?
I came up with them while in different locations such as walking around Grounds, my room, and some other places that I go to often.
Why did you come up with them?
I interact with these designs almost on a daily basis and thought it would be beneficial to share with others who may also interact with these designs.
What did you come up with?
a systems engineer
Thermometer
The thermometer’s overall design has simplicity as the main display shows the temperature recorded which allows users to see it easily. It has high visibility as the temperature displays on the front and the button is right there as well. It is high understandability as there is only one button that you have to press and hold down as you take your temperature. It provides good feedback because in order to take your temperature, you scan your forehead and as you are scanning it it provides beeping noises to help guide you since you cannot see the display when scanning your forehead.
[rationale]The Fox Front
Chairs in Rice
The wheels on this chair only roll back and forth which means that the chair cannot be moved side to side which is a constraint. It has low functionality for a rolly chair because the intention of a chair on wheels is to be able to move it around where you want to go. There is little convenience because if I want to move the chair to the side I have to physically pick it up. Overall, the design results in low user satisfaction as I would choose to sit in another chair over this one so I have the freedom to move it in the direction that I desire.
[rationale]The Fox Front
Costpoint
This system has low attractiveness as it is designed to work at the bare minimum. There are several different layers of buttons that make it challenging to find all of the potential options you can select which lacks visibility. There are many different buttons but they are located scattered throughout the display which makes it hard to find what you are looking for and see all the options. It also has low understandability as I had trouble using it on my own without help for the first time.
[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?
Through out the semester I started evaluating products that I use and how I feel about them. The ones pictured are the ones I narrowed it down to.
Where did you come up with them?
All of these products I've used multiple times in one way or another. Most are found either as apps on my phone or in my apartment.
Why did you come up with them?
I ranked the products I had been evaluating all semester and filtered the ones that have been previously used. These were the chosen ones.
What did you come up with?
A Houseplant Collector
GHD Classic Flatiron
The GHD Classic Flatiron has high learnability because of its simple design. It has a constraint of heat setting which is set to 350 degrees to offer the best results with low heat damage. It also has a beeping feedback when it is ready to use and more feedback with its flashing red light to show that the straightener is on. The user receives high satisfaction using the flatiron because it straightens hair the first time it is passed through.
[rationale]The Fox Front
Macbook Charger
This charger has high useability and charges Macbooks fast. It also has high ease of use . However, its bulky design offers low satisfaction and desirability because it is hard to find an outlet with enough space for it to charge. It also has a constraint in charging only Macbook Pro Laptops and not any other apple products lowering its flexibility.
[rationale]The Fox Front
Charlottesville Water Paybill.com Website
This website has low usefulness and low satisfaction because it only displays the amount due and does not include a breakdown of the cost. The lay out of the page and the way the information is presented makes it have low efficiency as well. Additionally, it has poor aesthetics since it's only purpose is to have the user submit the bill and does not account for the users desirability to use the page. Although the functions of this website are clear, the way it is presented is ineffective.
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Being a Computer Science major, I have come across a myriad of different applications and software. So, I’m familiar with a myriad of mobile applications and IDEs.
Where did you come up with them?
I came across them while searching for a convenient application for me. WhatsApp is my go-to messaging app. I use SofaScore almost every day. And Turbo C++ is my ex-compiler. I don’t use it that frequently now-a-days, but I know it quite well.
Why did you come up with them?
I think these are the things that I have come across quite frequently in the past few days. Besides, I have been using them for a long time now. So, I decided to choose them for my gbux activity.
What did you come up with?
an Artist
WhatsApp Messenger
WhatsApp is an epitome of UX design. Due to its simple aesthetics, it has high learnability. Numerous features enhance its operability. The application uses cognitive affordances to the fullest to make it easier for the user to understand. The app is consistent and is desirable.
[rationale]The Fox Front
SofaScore
SofaScore is really efficient with all of its functionalities. It has high flexibility as it can be set up for any sport you like to follow. Although it has high satisfaction, it doesn’t have great aesthetic and learnability. It also has a poor error prevention system.
[rationale]The Fox Front
Turbo C++
C++ compiler and IDE
This is the first IDE I ever used. Although it has high operarbility, it is hard to learn, and is not desirable. It has low findability and satisfaction. This IDE has no afforadances or feedback.
[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?
[These ideas are from my life. I played PvZ with my mom when I was young and I used apple maps and Casio calculator for my everyday life.]
Where did you come up with them?
[I came up with these ideas when I sat in front of my desk. I realized I can found those design on my phone, my computer, and my bag.]
Why did you come up with them?
[I had experience using all those designs. I think I'm able to explain everything I want to say clearly.]
What did you come up with?
[a world traveler]
[Plants vs. Zombies]
Plants vs. Zombies has a very high attractiveness to new users. The zombies in the top right corner that have just destroyed the fence and the plants in the bottom left corner that are ready to defend themselves create a strong memorability. The game also has learnability because the tutorial is very detailed. Users are constrained to use all kinds of plants at the beginning, instead, as the game goes, users can choose more and more types of plants. Users receive satisfaction through the game because they found they are able to beat even stronger zombies like Dr. Zomboss as the game goes.
[rationale]The Fox Front
[Apple maps]
Apple maps has a very low efficiency because many useful buildings are not listed on the big map. Users have to zoom in the map and look very carefully for the each building if they need. Apple maps also has a very bad visibility because the text and icons are very small. On the other hand, Apple maps has low availability because it is constrained on apple products. This means if someone wants to use Apple maps, he has to get an iPhone, Mac, or other apple products in order to use it.
[rationale]The Fox Front
[Casio Graphing Calculator]
Casio graphing calculator has low learnability and understandability because there are so many buttons on it and a new user may feel very confused about what each button does. It also has low efficiency because the graph users draw by this calculator is not very clear. Users can only see sketches of curves and they have to learn a lot in order to find the useful information about that sketch. Due to these features, this calculator also has low simplicity. The only good thing about this calculator is its functionality because users are able to solve almost all kinds of graphing problems with this calculator.
[rationale]The Fox Front
Thursday, November 11, 2021
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?
Because of this class, I have been paying attention to the quality of design of things I interact with regularly, so I kept note of ones that stood out as particularly good/bad.
Where did you come up with them?
I decided to use my detergent and cbord machine while I was doing laundry and my microwave for the bad when around three weeks into school I realized there were more buttons.
Why did you come up with them?
I chose these products by analyzing the list I had been creating throughout the semester and choosing the ones that stood out.
What did you come up with?
a hiker
My Tide Detergent
The detergent has high learnability, as the markers indicating fill level on the cap are clearly labeled. It also has high desirability, as the cap and base are designed in such a way that detergent does not get on the outside of the bottle (the part it pours out of is completely encased by the cap). It also has usefulness, as it is quick and easy to unscrew the cap, and screw it back on without getting detergent on your hands. Overall, it yields a high user satisfaction.
[rationale]The Fox Front
My Microwave
This microwave has low learnability, as the buttons to adjust the time can only be seen once the door is open. This yields low consistency, as most of the microwaves I have interacted with have time-adjusting buttons on the outside. However, it gets points for aesthetics, because the outside fronts a clean and simple interface. However, accessibility of the primary functions should not be sacrificed for the minimal boost in aesthetics.
[rationale]The Fox Front
The cbord Laundry Machine Box
Not only is the cbord machine aesthetically unappealing, but it is difficult to use and offers low feedback. After clicking each button, it lags before registering the click, and is very slow in providing a message on the small, hard-to-read screen, offering little to no cognitive affordance. It also has low learnability, as it takes many clicks for it to start a laundry machine, and even to this day I am not sure which click finally starts it. Because of this it has low operability and desirability.
[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?
Since the start of the semester, I have been extra careful to take notice of designs that affect my day to day life.
Where did you come up with them?
I came up with them while walking to class, walking from class to class, or just being in my apartment.
Why did you come up with them?
I came up with them because they affected my day to day life greatly and it would be nice to share my findings with everyone.
What did you come up with?
a traveler
Air Fryer
The air fryer in my apartment has a very high learnability as all of the buttons are labeled. It has high visibility as all of the buttons can be seen easily as well as the user can monitor their food as it is being prepared. It also has high satisfaction as it prepares delicious food and everyone who has used it has been very happy.
[rationale]The Fox Front
Eureka Vacuum Cleaner
The Eureka Vacuum Cleaner has low functionality as it skips trash when in use. It also has low ease of use at it is pretty heavy to carry around. The vacuum cleaner also has low user satisfaction as it cannot be used in hard to reach spots.
[rationale]The Fox Front
Swiffer
The swiffer lacks ease of use as when it comes time to refill the liquid solution the user has to pull manually on the small compartment, which is very hard to take off. It also gets dirty very quickly which prevents it from cleaning, which shows low usefulness. It also has low satisfaction as it breaks very easily since it is made out of plastic.
[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 have always been very attentive to the good and bad designs of everyday objects and always think of the way I would re-design it so this is an extension of that.
Where did you come up with them?
I love to cook so naturally some of my items are cookware. I also love pirating moves with friends so I need to plug my computer up to my TV often thus the Hyper Port
Why did you come up with them?
I use most of these items often and thought they would be perfect for this assignment
What did you come up with?
A Bad Movie Enthusiast
Rice Cooker
\
My rice cooker offers high usability and and desirability. It is aesthetically pleasing and very space efficient. It only has one button making its learnability high. Overall it yields a very high satisfaction rate.
[rationale]The Fox Front
Instant Pot Mini
This Instant pot has extremely low learnability. It is hard to know when food is cooking because it has no confirmation light or sound. It has a very confusing lid and vent which creates low operability. The pot takes up a lot of space but can't hold much food which reduces its usefulness because its too small to cook meat but too big to be a grain cooker.
[rationale]The Fox Front
Hyper Drive Port
The Hyper Port is not aesthetically pleasing because it is large and makes the computer look bulky. In addition it is also off-colored to the space grey Mac making it an eye sore. Users must remove their case to use it reducing its desirability and operability. It has no cognitive affordances and has little to no functional affordance since most things can be shared/linked without the use of cables
[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 find that I often take note of things that work or don't work in my daily routines, if not immediately, over time.
Where did you come up with them?
I found these examples in several places, from my apartment to in class, to many years ago.
Why did you come up with them?
I specifically chose these examples as they were the intersect between most recent and most egregious.
What did you come up with?
an artist of sorts
Snipping Tool (Classic)
This snapshot software provided on Windows Vista onward is particularly useful and has a high ease of use. Its unobtrusive window size and icon metaphors make for a highly operable and accessible tool.
[rationale]The Fox Front
HP DeskJet 3637
While the minimal interface might seem like a nice aesthetic, in practice it lowers the learnability and ease of use. The very small status screen combined with unclear button metaphors can cause miscommunication, ultimately leading the user to just use the USB functionality.
[rationale]The Fox Front
HP Support Assistant
A default app for HP computer owners, this software is plagued by an overabundance of buttons, menus, unnatural mapping, and overall poor aesthetic choices. With many redundant features or menus that just open internet tabs, it has little understandability and accessibility.
[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?
[Type response here]
Where did you come up with them?
I came up with this while sitting in my chair trying to sew my clothes
Why did you come up with them?
[Type response here]
What did you come up with?
A sewer
Apple Music
Apple music is a music streaming platform which allows users to listen to any artists featured on the app for a monthly fee. The app has a great interface due to its simple layout which features listens and album covers. The app focuses more so on the album art than words and is easy to use since it is organized by pictures. The app is also organized alphabetically making it very easy for users to find the songs they are looking for. The last great feature about the app is the inclusion of song lyrics which is a feature many other streaming services lack. This feature allows users to easily access what the artists is saying and as a music fan this is very important in making the app enjoyable to use.
[rationale]The Fox Front
Brother Sewing Machine
This sewing machine while great in price does not have the best usability because of its intricate parts. While there are small pictures directing the user in how to string the machine, there are many mental hooks within the construction of the machine which can be very confusing to the user. There is are also an instruction manual however even with both picture and written descriptions, it is very common to have the thread get stuck within the machine. Despite the process of threading the machine however it is very easy to use and the instruction manual makes it easily understandable for beginners.
[rationale]The Fox Front
Bond Toilet Paper
This is considered the ugly because it has absolutely no functionality. The roll does not even fit into the holding hole and this leads to the roll falling on the floor. The holder is also very unstable making it very difficult for users to get toilet paper without having their toilet paper touch the floor. Even the slightly amount of pressure is enough to throw off the entire holder making it unfavorable in terms of user usability.
[rationale]The Fox Front
Tuesday, November 16, 2021
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?
For the past view weeks, I have been paying attention to the apps that I utilize frequently and how they make me feel during and after using them.
Where did you come up with them?
I would take notes on the apps that I have used recently, so I came up with them wherever I was while using my phone.
Why did you come up with them?
I went through the notes I created when using applications and picked the ones that best fit the three categories.
What did you come up with?
on a billboard in Connecticut.
Netflix App
Netflix provides high flexibility by showing options in many different organizational methods. The pictures and titles offer information in an aesthetically pleasing way. The search features and organizational methods in the app provide efficiency. The app also has high learnability; understanding the features and how to play videos is very simple.
[rationale]The Fox Front
Transloc
While the interface uses nice colors and is aesthetically pleasing, Transloc has low visibility. When all the routes are displayed on the map, it is hard to get information, meaning you have to look at one route at a time. Transloc lacks robustness, typically need to fully close the app to update the map and times. Transloc is not consistent. The expected times rarely match where the bus's location.
[rationale]The Fox Front
DDS2Go
DDS2Go, a mobile Georgia Driving Services app, has low learnability. The feature list is easy to understand, but, the features themselves don't make sense. The processes need to be done in certain orders, but the app won't tell you that, so it lacks error prevention. In general, the app gives little to no feedback when performing tasks. The app is very slow and new interfaces take a long time to load, so completing tasks is not efficient. The app is also not attractive: it is not appealing or engaging, and the app always has ads on the top of the interface.
[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?
A lot of my daily use items have already been done, my favorite game, D&D, hasn't been covered yet
Where did you come up with them?
I came up with them at my desk while running a remote session of D&D.
Why did you come up with them?
It was clear to me that of the tools we were using, some were used more from necessity than choice.
What did you come up with?
A Snake Owner
He is a boa, 3.5 years old. His name is Suki. He is 6 feet long and a bit over 8 pounds.
Discord
I know I said I wanted to cover new topics, but bear with me, Discord is an essential part of how we run sessions online. Given that all members were already using it, it can be said to have good desirability and usefulness. The dark and clean aesthetics are also an excellent blend of simplicity and functionality.
D&D Beyond
D&D Beyond is also a very helpful tool, but we frequently experience minor frustrations with it's unintuitive features and lacking flexibility. For example, one of my friends had to manually go through each skill and adjust it due to an effect, and then manually remove them afterwords. Not very efficient.
Roll20
My group plays with the free virtual tabletop provided by Roll20, and you can tell that they want you to pay. The free version is full of ads, which beyond being generally ugly, also causes a lack of desirability and efficiency. A lot of the chat commands are also unintuitive, and we often have to look up syntax. One good feature is the tools in the top left however, they make use of metaphors and are generally pretty learnable, unlike much of the rest of Roll20.
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Because of this class I feel that I am more aware of the things around me. I actually picked these items weeks before based on what I noticed to be good, bad, and ugly.
Where did you come up with them?
I usually use Lou's List when deciding my classes. I sleep on my bed every night. Whenever I get into the car, I have my phone connect to blue tooth right away so I can listen to music.
Why did you come up with them?
I made a list of potential good, bad, and ugly products in the beginning of the semester, and narrowed it down recently.
What did you come up with?
dancer
Blue tooth Car Adapter
The blue tooth adapter has a high usefulness, since it is easy to pair to your phone as soon as the car is turned on. There is high learnability, since it comes with easy to understand labels and instructions. It has feedback when your phone is not connected and once it is paired. The user receives high satisfaction once music/audio starts playing. Overall, it has a high user satisfaction.
[rationale]The Fox Front
Jabra Elite 65 Earbuds
The Jabra earbuds have a low learnability, since the buttons do not have any lables. It has low functionality because when it is trying to pair, it starts glitching and will keep trying to reconnect. It has low efficiency since half of the time I need to use my old wired earbuds. Overall, it has a low satisfaction since I end up using other earbuds as an alternative.
[rationale]The Fox Front
Lou's List
Lou's List is aesthetically unappealing, specifically with the color scheme and text boxes. It has low learnability because as a first year it took me some time to figure out how to find my required classes. It is not desireable, and only used because it is the only way to find classes other than SIS, which is worse. It has low satisfaction as well since the enrollment status doesn't update immediately, which can be fruastrating when enrolling in classes.
[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?
To identify these designs, I took note of the apps and objects that I use frequently.
Where did you come up with them?
The objects that I chose where in my apartment and the app is in my phone.
Why did you come up with them?
The designs that I chose, were the ones that my experience as a user was specially good or bad.
What did you come up with?
Creative
Water Heater
This water heater based on visibility is simple to understand and intuitive to use. It has a straightforward design that includes two buttons: one to open the container lid and the other to turn on the heater. The technology successfully meets the usability, mobility, visibility, and durability needs according to the purpose of the device.
[rationale]The Fox Front
Blow Dryer
In terms of visibility, the buttons have no labels, therefore the user must guess the functions. Additionally, the strength and temperature constraints make it impossible for the user to adjust the device to the desired mode.
Sound Cloud
SoundCloud is not aesthetically pleasing because the colors and the way the information is displayed are not attractive to the user. Additionally, in terms of visibility, some of the feature icons in the bottom part are not intuitive
[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 have been using these applications for quite some time, and have noticed the good qualities about them and not so great qualities about them. Thinking of good, bad and ugly UX was not hard because I already know of apps that fall into these categories.
Where did you come up with them?
These are applications that I use quite often. The tile app I recently got, and I instantly was impressed, and knew I wanted to showcase that as good UX. For the other two, I have been noticing what they both lack while using them, so coming up with them was also easy.
Why did you come up with them?
These are all applications that most people use to some extent, and I wanted to show them in a different light, in the eyes of a UX designer, or product designer. In other words, I wanted to highlight the good, and bad features of these commonly used applications.
What did you come up with?
directing a dance competition here at UVA! (@eastcoastshowdown
Tile
The Tile app has very high desirability, and high usefulness as well. The physical button is small and can fit anywhere, and the button on it has high learn-ability as well. It's very easy to understand and learn (only one button on the app and the Tile) and is physically accessible. It has high feedback to the user with both the app and button.
[rationale]The Fox Front
Starbucks (Desktop)
The starbucks website has low functionality and low visibility because no useful information is shown on the first page. After specifically going to the menu and clicking on a drink, the "Add to Order" button appears. Before the menu option, the user is not aware that they are able to order online. The website also has low accessibility, due to users not knowing if they can order drinks or not. It has low consistency because using certain buttons such as the heart, do not match what having a heart on a different page means.
[rationale]The Fox Front
Facebook has low learnability (side bar) and although it has high usability, and shows all the features on the home page, it is not aesthetically pleasing, which causes low operability at all, looks very cluttered, and is not easy to use.
[rationale]The Fox Front
Thursday, November 18, 2021
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've been keeping track of the sites that give me the most/least satisfaction, and the apps that I use the most to see what I like/dislike most about them.
Where did you come up with them?
These are interfaces I interact with on my phone and laptop on a daily basis.
Why did you come up with them?
These are interfaces I interact with on my phone and laptop on a daily basis.
What did you come up with?
from Medina
Apple Music
This app is consistent with its past updates. The app has high satisfaction when using it, as the library page has everything listed at the top, making everything you want easy to find. While the aesthetics are not on amazing, the understandability and learnability is very high, and users don't have to guess where to find music they have saved.
[rationale]The Fox Front
YouTube Mobile Site
The website is simple to follow and learn how to use, making its learnability high, and you can access it from any web browser. The app and the website (both on mobile) have different features so consistency is low within its own product, and the ads displayed under every video in portrait mode make the aesthetics displeasing.
[rationale]The Fox Front
25Live
The aesthetics and efficiency are poor for this site as it displays information that is not relevant. The feedback is slow and not consistent as choosing a room on the home screen sometimes takes you to a different page than choosing from another page. The desirability is very low as submitting a reservation request gives feedback through email, and you can email for reservations anyway.
[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?
Now, I pay far more attention to the design of everyday objects. I thought about what frequently frustrates me and something that never does.
Where did you come up with them?
These are all things I use regularly. Since they are meant to be used every day, they should have ease of use.
Why did you come up with them?
Since GBUX was assigned, I have been paying attention to designs around me and collecting ideas.
What did you come up with?
a Sims player
Todoist
Todoist has high learnability because there is a very clear metaphor to a to-do list. There is also color coding for different folders and different days so it is very consistent. Everything is always editable so there is high error prevention.
[rationale]The Fox Front
Lambeth Laundry Room Button
There is a low usefulness since sometimes you don’t need to press the button or the button doesn’t work. Since there is no need for the button, it also has low desirability. There is also low error prevention because you can still leave the room without pressing the button and you cannot stop the alarm once it starts.
LastPass
Since all of the passwords are just in a list, there is low findability for what you are looking for. It tries to automatically categorize your passwords but this only works less than half the time so there is low usefulness. Once you find a password it takes 3 clicks to get it so there is low efficiency.
[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 have had engineering classes which pointed out the design flaws in everyday objects which caused me to continue to see those faults in the objects I use.
Where did you come up with them?
I have used my Sony headphones laying in my bed and had it push into my pillow which turns on and off the "Speak-to-Chat" feature without wanting it to change.
Why did you come up with them?
I have had various headphones that I use every day and music is very important to me.
What did you come up with?
a Triplet
Apple Airpods Pro
The Airpods Pro are great headphones with high learnability due to the simplistic instructions and visible button on each stem which holds all of the functionality of the Airpods. The button's location also prevents errors from adjusting the headphone.
[rationale]The Fox Front
Sony WH-1000XM4
The Sony headphones have low learnability with its unintuitive instructions and high functionality for a single touch button on the right headphone. The multiple functions causes the headphones to have delayed feedback and high error rate from conflicting function triggers.
[rationale]The Fox Front
Dreamsky Alarm Clock
The Alarm Clock is aesthetically lazy, which allows it to have high consistency of its buttons at the cost of low visibility, which requires reading the text around the button to operate it and low error prevention from confusing the buttons functionality under low light conditions.
[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 picked items/products I use consistently in my everyday life.
Where did you come up with them?
I found these items in my room/apartment.
Why did you come up with them?
I evaluated these items and determined they appropriately fit the GBUX categories.
What did you come up with?
originally from Las Vegas
Hydro Flask
Hydro Flask employs a simplistic design with optimized quality. The sturdiness of the plastic Flip Lid prevents error and promotes high functionality and its thermal regulated base controls generate consistency for the user. The product offers a marketable aesthetic which appeals to young consumers.
[rationale]The Fox Front
Holmes fan
The Holmes fan suffers from bad design. Although this product is consistent, it is unintuitive as the off button is located directly next to the highest fan setting. A lack of oscillation and small range of airflow renders this fan low functionality and usefulness.
[rationale]The Fox Front
Braun electric razor
The Braun electric razor isn’t necessarily aesthetically displeasing, but the piercing, buzzing sound it makes is. Combined with low functionality and a high error rate, especially with longer facial hair, as compared to a manual razor, leads to overall low user satisfaction.
[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 really enjoy high quality products so it's for me to spot out products that arent up to standard
Where did you come up with them?
These are just a list of different anime sites I've used so I know them well
Why did you come up with them?
There are a lot more bad anime sites then good ones so I thought it would be nice to critic the different anime sites I've used over the years
What did you come up with?
list of different anime sites
an anime watcher
Anime Lab
- this anime site is has high learnability due to its icons that are consistent with other apps and websites. It’s efficiency is quite high compared to other sites that load shows slowly. It’s aesthetically pleasing because of its website design and because the shows on here are in HD.
[rationale]The Fox Front
Anime Freak
this anime site lacks simplicity because they try to fit a lot of information on the home page. It has high Lear ability which makes it easy to navigate however this site has low consistency & desirability for a lot of viewers because every time you press something it redirects you to an ad site and the only way to get to the show you want is to keep closing the ad tab and pressing the button until it actually opens the page
[rationale]The Fox Front
gogoanime
this anime site has all the cons of the bad however it’s ads are definitely rated R and this causes an extremely low desirability. It’s quite slow and has only SD quality on its shows
[rationale]The Fox Front
Tuesday, November 23, 2021
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?
[Type response here]
Where did you come up with them?
[Type response here]
Why did you come up with them?
[Type response here]
What did you come up with?
a vegan cook :)
The Simple Veganista
Very high understandability and efficiency as everything is very well indexed and easy to find what you want and very pleasing to the eye which adds attractiveness.
[rationale]The Fox Front
The Food Network
Although aesthically nice, the main objective is to find recipes, but all of the features make it lack simplicity to do so, too many ads gives it low visibility, and its hard to find the recipe index making it low understandability.
[rationale]The Fox Front
SuperCook
Although it has some good features, the functionality isn't clear, the lack of instruction makes for low learnability, and its overall not attractive.
[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?
As people have been presenting their GBUX's and we have learned about UX principles, I have been identifying applications that fit in each category.
Where did you come up with them?
I looked at applications I use on a regular basis and how I feel while using them.
Why did you come up with them?
I came up with these applications to test my knowledge of identifying UX principles in the world around me.
What did you come up with?
Spotify
Spotify is aesthetically pleasing and consistent across platforms. It is also very personable, allowing for flexibility in designing play lists and providing recommendations.
[rationale]The Fox Front
GroupMe
The GroupMe app and web application are inconsistent when it comes to read versus unread messages. Additionally, the design is not as aesthetically pleasing as other messaging platforms. The distinction between individual and group messages aren't the most clear.
[rationale]The Fox Front
CS Gold WebCard Center
This website isn't discoverable because of the title website and lack of proper advertising. The website has poor visibility, as seen from the small font. Though the website is minimalist, it overall isn't intuitive.
[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?
Guitar tabs are extremely useful for newer guitar players, and I occasionally use them as they a better resource than by learning by ear.
Where did you come up with them?
Whenever looking for guitar tabs, I've compiled a subconscious bias that has been an accumulation of my experience.
Why did you come up with them?
There are very few good guitar tabbing resources that are free to use, and I decided to share my experience.
What did you come up with?
a guitarist
Songsterr
Songsterr has a 500,000+ song library and is an ideal site for inexperienced guitar players - or other instruments as most songs contain multiple parts - who looking for tabbed sheet music. The basic and fundamental features are free-to-use, limited in quantity, and easy to access. It does not run ads, has annotated tabs with a playback feature, thus satisfying the UX guidelines of visibility, simplicity, and consistency that one would expect from this service.
[rationale]The Fox Front
Ultimate Guitar Tabs
Many of the important features, including the song playback, backing track, etc. are hidden behind a pay-wall, making them inaccessible to the casual user. Furthermore, the tabs are typed out via text and they are formatted poorly - negatively impacting visibility. It is not aesthetically pleasing and is limited in usefulness.
[rationale]The Fox Front
Guitartabs.cc
Guitartabs.cc suffers from the same aesthetic problems as ultimate guitar tabs. However, its formatting is far worse - which results in random text displacement and compressed music bars, impacting understanding. Furthermore, it is littered with random editor comments, reducing satisfaction, and the poor formatting leads to a ridiculous amount of scrolling for longer tabs, which impacts visibility.
[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?
These came to me naturally once I analyzed the engagement I had with a piece of technology.
Where did you come up with them?
I came up with them after evaluating the interactions I have with everyday items.
Why did you come up with them?
The experience of certain products stuck out to me because they exemplified HCI design factors.
What did you come up with?
a skater
Rice Bathrooms
The appliances have high efficiency and functionality. Being completely touch-free demonstrates learnability and consistency. Less motor skills required shows operability.
High overall user satisfaction.
[rationale]The Fox Front
Walmart Aisles
Irregular numbering of aisles shows poor consistency. Because some sections are split into rows far away from each other, it is hard to navigate and unituitive. Small aisles demonstrate poor efficiency and accessibility.
[rationale]The Fox Front
Xfinity Support
All resources of support have low accessibility except for the chat bot. The chat bot has poor functionality because it does not guide users to useful resources. Chat agents and technicians guarantee problem resolution, but have not had reliability. Apartment complex has overall
low user satisfaction.
[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 put them in my notes app over the course of this semester, it was in the back of my mind.
Where did you come up with them?
Walking to class, in class, the library, in my room
Why did you come up with them?
I truly believe that these examples match to the three different design criterias.
What did you come up with?
an improviser
Bon Appetit
Great consistency with the wording, style, color of the website. Not only is the style of the website consistent, but it’s also pleasing to the eye, an attractive aesthetic. Finding a recipe and the step by step instructions are quick and requires a few scrolls, adding to the simplicity. With large high res photos to support each recipe and only a few lines of text per step, the understandability of this website is at its highest.
[rationale]The Fox Front
iPhone flashlight
The iPhone flashlight has its functionality and ease of use, lower left corner of lock screen, but one annoyance, when you accidentally press on the button with minor force it will turn on, sometimes in the wrong place (in public). Lacking error prevention, if you’re like me, this happens on a daily basis many times.
[rationale]The Fox Front
when2meet
Speaking mostly on the mobile website, it has low accessibility, as using it on a phone browser instead of computer will give you a headache. Pressing on a timeslot may result in a different time slot selection, very low operability. The website is practically useless if you’re on a phone. Doesn’t have any sense of desirability as it’s aesthetically ugly, a sliver of the page, then an ad of the same size.
[rationale]The Fox Front
Tuesday, November 30, 2021
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?
My hulu kept dropping out, so I first decided this was the ugly, then the rest came to me.
Where did you come up with them?
I came up with my good, bad, and ugly while watching TV in my apartment.
Why did you come up with them?
I came up with these, because they are services I use often.
What did you come up with?
crafty
HBO Max
HBO max is my favorite streaming service. HBO Max has high learnability because it is straight forward and it tends to remain consistent throughout updates. It has high error prevention, as it almost never crashes. It also has high desirability as it releases new movies.
[rationale]The Fox Front
Apple TV
Apple TV has low ease of use and efficiency as you have to search a recent title to see upcoming or past episodes that you have recently watched. It also has low error prevention as it often undownloads your content without warning. Despite this, it has good aesthetics that are consistent with apple products.
[rationale]The Fox Front
Hulu
Hulu has low error prevention, as the app constantly crashes. Hulu has the lowest desirability because it does not have as many original shows. Hulu is not as aesthetically pleasing as other apps, as the design is not modern. It has the lowest satisfaction due to it's errors and selection.
[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 paid attention to the websites, apps, and games I use most frequently.
Where did you come up with them?
I was mostly by myself, accomplishing some kind of task (or playing a game).
Why did you come up with them?
These positive/negative experiences impact my willingness to keep using the products in the future.
What did you come up with?
a photographer
Breath of the Wild
It boasts an interactive open-world map, lending high user control & freedom. The game consistently updates the player on system status through indicators of changes in temperature. Error prevention is robust, allowing players to swap weapons without opening a separate menu. This leads to high user satisfaction.
[rationale]The Fox Front
The Pattern
Lacks efficiency of use by burying helpful features beneath convoluted menus. It also lacks learnability by utilizing an unintuitive naming scheme. It is not immediately clear for a new user how the "Run Bond" feature is different from "Connect." Overall, this app lacks desirability by not placing its key features front & center.
[rationale]The Fox Front
ePortfolio
Lacks consistency in button and text sizes, leading the user to easily miss important information. An uninviting list of "ways to add content" lacks efficiency by not grouping related features. It also provides far too little feedback on system status, simply offering one banner to alert the user that their work is not yet published to their instructor.
[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 ideas as I was looking through my phone and reorganizing/deleting apps.
Where did you come up with them?
In my living room at home in Chicago!
Why did you come up with them?
I was inspired by my use or lack thereof of each of these apps in my phone as I was cleaning it out.
What did you come up with?
a volunteer at Cville animal shelters!
Transloc App
The transloc app opens to a map showing all the nearby methods of public transport and has clearly labeled buttons for great visibility. The app has clearly labeled buttons and directions for getting to your destination, which increases learnability and memorability. Also, the application strongly resembles Apple maps which is aesthetically pleasing and familiar to the user. The app provides you with directions as well as bus timings and locations, improving the safety of the app by minimizing user mistakes.
[rationale]The Fox Front
CAT App
First off, this application is very crowded and not aesthetically pleasing. Also, there is no user tutorial and the buttons are discrete with minimal explanation, therefore it is not learnable nor is it memorable. Additionally, the application has poor visibility and understandability due to the bus paths not being highlighted. There is also minimal utility since the application doesn't allow you to see bus arrival times and locations.
[rationale]The Fox Front
MobileID App
This application is functional for its necessary purposes, but it lacks aesthetic features. The application opens to a students ID picture and one single button so it has an aspect of simplicity. However, the stark opening and lack of home screen with clear directions proves a lack of usability. Also, the settings page has minimal direction and lacks learnability.
[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?
Through brainstorming various mobile applications and websites that I use on a day-to-day basis.
Where did you come up with them?
A few different locations that I was typically at when using them. This includes libraries, my apartment, or walking around grounds.
Why did you come up with them?
It was helpful in evaluating the efficiency of apps or websites that I often utilize.
What did you come up with?
a writer
Elevate App
Elevate is quite aesthetically pleasing due to graphics and simple formatting. It also has high learnability/ease of use with browsing options, adding credits, etc. due to the straightforward layout. The feedback aspect is also strong as the app provides warnings and success messages.
[rationale]The Fox Front
PrintMe
PrintMe lacks efficiency and ease of use due to the tedious process of uploading files prior to printing. There is a lack of error prevention since it does not stop the uploading of invalid file types until after the user uploads files.
[rationale]The Fox Front
McGraw-Hill (Mobile)
McGraw Hill courses on mobile devices present the lack of usefulness as it is nearly impossible to navigate pages or open the textbook. Poor aesthetics are prevalent with the text being badly optimized for the mobile site.
[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 started working out more, so I decided to download some apps to keep myself on track.
Where did you come up with them?
I was in my apartment using the internet to find good health apps.
Why did you come up with them?
I was looking for inexpensive apps that help promote healthy eating or exercise.
What did you come up with?
clumsy
Peloton App
The Peloton app has high understandability for people looking for easy workouts. The app’s layout and features are pretty straightforward, allowing for easy learnability for the user. The user can watch and save different workouts to their profile for later use, which will permit better efficiency and overall satisfaction from the user.
[rationale]The Fox Front
Apple’s Fitness App
The app has low desirability because without an apple watch it is almost useless. With its limited features it does provide ease of use and limited error prevention. However, there is not much to do on the app except look at old workout data.
[rationale]The Fox Front
MyFitnessPal
The app has good consistency and usefulness because it allows users to input their daily workouts and calories, and it keeps track of the user’s daily nutrients levels. However, the app’s layout is very busy looking, with constant ads it has high distractibility for users.
[rationale]The Fox Front