Introducing 

Prezi AI.

Your new presentation assistant.

Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.

Loading…
Transcript

The Good, the Bad & the Ugly

User Experience

Episode III

GBUX 0

Thursday, September 2, 2021

GBUX 0

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

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

Think in terms of:

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

error prevention, metaphors,

affordances, etc.

Panagiotis

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

How did you come up with them?

Personal experience from visiting places and experiencing waiting systems and functional devices.

Panagiotis

Where did you come up with them?

Theme park (Legoland), North Grounds gym, and at home observing dinner guests using my silverware.

Why did you come up with them?

They indicate a user experience of everyday habits and artifacts that most times we don't think about.

What did you come up with?

Meet your professor!

I am

RULES:

1. Start your introduction with "I am"

2. Make it interesting/surprising

I am from Lesbos!

I am...

I am a father...

Sappho and Alcaeus of Mytilene

Alkaios of C'ville!

I am...

Let's 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 am a visionary (wannabe) artist!

I am...

I follow what I preach!

I am a proud Greek!

AND I appreciate diversity!

I am...

SOCIAL EVENT!

Share your roots/origin, your uniqueness and what you appreciate about the US and C'ville.

We will meet at a special "place" next

Thursday 3/11 after class!

Let me know if you want a booth, or just attend

Being from Greece

Socializing with friends over amazing (sea)food!

Friends & Food

Expanding perspectives over new cuisines!

Living in the US

Being from Greece

Experiencing the most amazing sunsets!

Scenery

Experiencing landscapes of unparalleled beauty!

Living in the US

The Good

Legoland theme park

The Good

Waiting line was much more pleasant by having Legos in the middle of the long queue; waiting was so much more fun!

The Bad

Table knife by AMC

Most people try to cut using this side

The Bad

High aesthetics but poor cognitive affordance indicating the cutting side

The Ugly

Faucet in North Grounds Rec Center

Need to pull the whole knob despite the shape

The Ugly

Misleading physical affordance (need to pull up the whole knob); poor aesthetics and outdated design

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.

Asia

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 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.

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.

Joseph

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.

Andrew

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?

I am

an ailurophile

I am

The Good

Candle lighter

The Good

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 Bad

CAT Bus Application

The Bad

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.

The Ugly

Ethernet Wall Socket

The Ugly

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.

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 from past experiences and how helpful or irritating they were.

Kristina

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?

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.

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?

JC

Why did you come up with them?

What did you come up with?

I am

[product/system title]Rock Sox Front Fork

The Good

[rationale]The Fox Front

The Bad

The Ugly

Tiffany

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

How did you come up with them?

I came up with these by thinking about things I use often in my life.

Where did you come up with them?

Tiffany

I came up with these examples in my room.

Why did you come up with them?

I chose these examples because they were memorable to me and things I used often.

What did you come up with?

I am...

a dancer

I am

The Good

Overleaf

The Good

Overleaf is an example of good UX design because it has high ease of use, understandability, operability, and efficiency. It is clear what the icons mean and all of the functions are easy to find and use. It also provides good feedback to the user in that the “recompile” button changes while the file is compiling. Finally, Overleaf is aesthetically pleasing, which further improves the user experience.

[rationale]The Fox Front

The Bad

Roots App

The Bad

The Roots mobile app is an example of poor UX design because of its low operability and ease of use. It is is clunky to navigate through the app and the cognitive affordances are not enough to effectively lead the user through the functions. Additionally, it also has poor aesthetics and feedback.

The Ugly

UVA CS Gold

The Ugly

The CS Gold website is an example of ugly UX design because it is has poor aesthetics and poor natural mappings. Additionally, the font and layout are structured in a way that results in low satisfaction and efficiency. Although the functions are clear, they are presented in an ineffective manner.

GBUX 15

Tuesday, November 9, 2021

GBUX 15

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

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

Think in terms of:

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

error prevention, metaphors,

affordances, etc.

Spencer

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

Spencer

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?

I am...

a "baker"

I am

The Good

Nintendo Switch Game Select

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Apple TV Homepage

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Windows File Explorer

[product/system title]Rock Sox Front Fork

The Ugly

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

Mackenzie Nguyen

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.

Mackenzie

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?

I am...

a systems engineer

I am

The Good

Thermometer

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Chairs in Rice

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Costpoint

[product/system title]Rock Sox Front Fork

The Ugly

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

Emilia

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.

Emilia

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?

I am...

A Houseplant Collector

I am

The Good

GHD Classic Flatiron

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Macbook Charger

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Charlottesville Water Paybill.com Website

[product/system title]Rock Sox Front Fork

The Ugly

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.

Harshil

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?

Harshil

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?

I am...

an Artist

I am

The Good

WhatsApp Messenger

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

SofaScore

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Turbo C++

C++ compiler and IDE

The Ugly

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

Zhuoer Shen

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.]

Zhuoer

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?

I am...

[a world traveler]

I am

The Good

[Plants vs. Zombies]

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

[Apple maps]

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

[Casio Graphing Calculator]

[product/system title]Rock Sox Front Fork

The Ugly

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

GBUX 16

Thursday, November 11, 2021

GBUX 16

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

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

Think in terms of:

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

error prevention, metaphors,

affordances, etc.

Erin

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.

Erin

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?

I am...

a hiker

I am

The Good

My Tide Detergent

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

My Microwave

[product/system title]Rock Sox Front Fork

The Bad

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 Ugly

The cbord Laundry Machine Box

[product/system title]Rock Sox Front Fork

The Ugly

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

Emil

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.

Emil

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?

I am...

a traveler

I am

The Good

Air Fryer

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Eureka Vacuum Cleaner

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Swiffer

[product/system title]Rock Sox Front Fork

The Ugly

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

Sierra

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.

Sierra

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?

I am...

A Bad Movie Enthusiast

I am

The Good

Rice Cooker

[product/system title]Rock Sox Front Fork

\

The Good

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

The Bad

Instant Pot Mini

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Hyper Drive Port

[product/system title]Rock Sox Front Fork

The Ugly

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

Chris

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.

Chris

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?

I am...

an artist of sorts

I am

The Good

Snipping Tool (Classic)

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

HP DeskJet 3637

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

HP Support Assistant

[product/system title]Rock Sox Front Fork

The Ugly

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

Fatim

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

How did you come up with them?

[Type response here]

Student

Where did you come up with them?

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?

I am...

A sewer

I am

The Good

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

[product/system title]Rock Sox Front Fork

Brother Sewing Machine

The Bad

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

The Ugly

Bond Toilet Paper

[product/system title]Rock Sox Front Fork

The Ugly

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

GBUX 17

Tuesday, November 16, 2021

GBUX 17

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

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

Think in terms of:

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

error prevention, metaphors,

affordances, etc.

Grace

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.

Grace

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?

I am...

on a billboard in Connecticut.

I am

The Good

Netflix App

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Transloc

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

DDS2Go

[product/system title]Rock Sox Front Fork

The Ugly

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

Student

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

Aidan

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?

I am...

A Snake Owner

I am

He is a boa, 3.5 years old. His name is Suki. He is 6 feet long and a bit over 8 pounds.

The Good

Discord

[product/system title]Rock Sox Front Fork

The Good

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.

The Bad

D&D Beyond

[product/system title]Rock Sox Front Fork

The Bad

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.

The Ugly

Roll20

[product/system title]Rock Sox Front Fork

The Ugly

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.

Aria

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.

Aria

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?

I am...

dancer

I am

The Good

Blue tooth Car Adapter

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Jabra Elite 65 Earbuds

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Lou's List

[product/system title]Rock Sox Front Fork

The Ugly

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

Ana

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.

Ana

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?

I am...

Creative

I am

The Good

Water Heater

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Blow Dryer

[product/system title]Rock Sox Front Fork

The Bad

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.

The Ugly

Sound Cloud

[product/system title]Rock Sox Front Fork

The Ugly

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

Jasmine

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?

Jasmine

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?

I am...

directing a dance competition here at UVA! (@eastcoastshowdown

I am

The Good

Tile

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Starbucks (Desktop)

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Facebook

[product/system title]Rock Sox Front Fork

The Ugly

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

GBUX 18

Thursday, November 18, 2021

GBUX 18

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

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

Think in terms of:

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

error prevention, metaphors,

affordances, etc.

Farah

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.

Farah

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?

I am...

from Medina

I am

The Good

Apple Music

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

YouTube Mobile Site

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

25Live

[product/system title]Rock Sox Front Fork

The Ugly

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

Claire

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.

Claire

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?

I am...

a Sims player

I am

The Good

Todoist

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Lambeth Laundry Room Button

[product/system title]Rock Sox Front Fork

The Bad

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.

The Ugly

LastPass

[product/system title]Rock Sox Front Fork

The Ugly

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

Mac

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.

Mac

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?

I am...

a Triplet

I am

The Good

Apple Airpods Pro

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Sony WH-1000XM4

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Dreamsky Alarm Clock

[product/system title]Rock Sox Front Fork

The Ugly

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

Grant

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.

Grant

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?

I am...

originally from Las Vegas

I am

The Good

Hydro Flask

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Holmes fan

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Braun electric razor

[product/system title]Rock Sox Front Fork

The Ugly

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

Student

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

David

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

I am...

an anime watcher

I am

The Good

Anime Lab

[product/system title]Rock Sox Front Fork

The Good

- 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

The Bad

Anime Freak

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

gogoanime

[product/system title]Rock Sox Front Fork

The Ugly

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

GBUX 19

Tuesday, November 23, 2021

GBUX 19

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

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

Think in terms of:

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

error prevention, metaphors,

affordances, etc.

Alicia

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

How did you come up with them?

[Type response here]

Alicia

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 vegan cook :)

I am

The Good

The Simple Veganista

[product/system title]Rock Sox Front Fork

The Good

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 Bad

The Food Network

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

SuperCook

[product/system title]Rock Sox Front Fork

The Ugly

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

Caroline

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.

Caroline

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?

I am

a dancer.

I am

The Good

Spotify

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

GroupMe

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

CS Gold WebCard Center

[product/system title]Rock Sox Front Fork

The Ugly

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

Bryan

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.

Bryan

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?

I am...

a guitarist

I am

The Good

Songsterr

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Ultimate Guitar Tabs

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Guitartabs.cc

[product/system title]Rock Sox gug Fork

The Ugly

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

Faith

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.

Faith

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?

I am...

a skater

I am

The Good

Rice Bathrooms

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Walmart Aisles

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Xfinity Support

[product/system title]Rock Sox Front Fork

The Ugly

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

Poyaa

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.

Poyaa

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?

I am...

an improviser

I am

The Good

Bon Appetit

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

iPhone flashlight

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

when2meet

[product/system title]Rock Sox Front Fork

The Ugly

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

GBUX 20

Tuesday, November 30, 2021

GBUX 20

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?

My hulu kept dropping out, so I first decided this was the ugly, then the rest came to me.

Julia

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?

I am...

crafty

I am

The Good

HBO Max

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Apple TV

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

Hulu

[product/system title]Rock Sox Front Fork

The Ugly

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

Matt

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.

Matt

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?

I am...

a photographer

I am

The Good

Breath of the Wild

[product/system title]Rock Sox Front Fork

The Good

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 Bad

The Pattern

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

ePortfolio

[product/system title]Rock Sox Front Fork

The Ugly

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

Emily

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.

Emily

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?

I am...

a volunteer at Cville animal shelters!

I am

The Good

Transloc App

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

CAT App

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

MobileID App

[product/system title]Rock Sox Front Fork

The Ugly

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

Jude

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.

Jude

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?

I am...

a writer

I am

The Good

Elevate App

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

PrintMe

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

McGraw-Hill (Mobile)

[product/system title]Rock Sox Front Fork

The Ugly

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

Celeste

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.

Celeste

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?

I am...

clumsy

I am

The Good

Peloton App

[product/system title]Rock Sox Front Fork

The Good

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

The Bad

Apple’s Fitness App

[product/system title]Rock Sox Front Fork

The Bad

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

The Ugly

MyFitnessPal

[product/system title]Rock Sox Front Fork

The Ugly

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

Learn more about creating dynamic, engaging presentations with Prezi