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 II

GBUX 7

Tuesday, September 28, 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.

GBUX 7

Jefferson Pan

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

How did you come up with them?

By thinking about the machines I interact with a on a daily basis and which ones are satisfying to use and which ones are annoying

Student

Where did you come up with them?

I walked around my dormitory.

Why did you come up with them?

These are machines that I frequently use that leave an impression on me.

What did you come up with?

Mundane but frequently used artifacts.

I am...

a reader

I am

The Good

King of Tokyo

[product/system title]Rock Sox Front Fork

The Good

KOT is a great board game. Simple, understandable rules that can be communicated in five minutes. Rules are able to transcend language barriers. Fun and satisfying gameplay, easy clean up and appealing aesthetic.

[rationale]The Fox Front

The Bad

Dorm Toilet Paper Holder

[product/system title]Rock Sox Front Fork

The Bad

Unintuitive design. The release mechanism isn't visible when there's an empty roll of toilet paper. Unsatisfying and difficult to use. Requires force to use to the point that the holder is coming off the wall. Roommates rarely reload TP correctly. Simple button release mechanism would be much better.

[rationale]The Fox Front

The Ugly

Dorm Washing Machines

[product/system title]Rock Sox Front Fork

The Ugly

Disjointed user experience. You must walk between machine and controller several times. Controller is slow and unsatisfying to use, and the instructions must be assumed. No indication that user must press enter to continue to next step on LCD

[rationale]The Fox Front

Joseph Mastrullo

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

How did you come up with them?

I thought about designs I used regularly, identifying which ones I liked and which ones I didn't.

Student

Where did you come up with them?

I walked around my living room, then my bedroom in an attempt to hone in on three of these items.

Why did you come up with them?

I realized I use these designs on a daily basis and that they were great examples for the G, B, and the U.

What did you come up with?

I am...

a Packer fan

I am

The Good

Laptop Stand

[product/system title]Rock Sox Front Fork

The Good

The “Laptop Stand” is a device that allows users to elevate their laptops to avoid stress on their neck. The flat surface and sturdy structure of this design increase its utility and flexibility as it can be placed almost anywhere and still be effective. The rectangular (laptop) shape and symmetrical form of the design allow for high learnability and consistency as the user can clearly discern its intended use. Furthermore, as a result of its lightweight, is it easy to lift and place, making it accessible (even to those who can’t lift heavier objects) and navigable around a work area. Furthermore, the two legs of the design, while providing a solid foundation, are also spread apart, permitting a plug-in keyboard to be placed neatly under them, creating a more ergonomic friendly design. Finally, the holes on the surface of the stand give the laptop room to breathe so that it doesn’t overheat, improving the laptop’s performance which increases user performance, tangentially facilitating human-computer interaction.

[rationale]The Fox Front

The Bad

Provolone Cheese Package

[product/system title]Rock Sox Front Fork

The Bad

The packaging for my provolone cheese represents a bad design. First, the ultra-thin slit/opening makes pulling cheese slices out difficult, decreasing the utility of the design. Furthermore, as a result of the packaging, there is only about a centimeter of grip available to pull apart the Ziploc, thus reducing the accessibility to elders who have less control over their hands and who cannot provide enough force to a smaller area. I also have trouble at times pulling apart the packaging, further showing its lack of operability. For closing the packaging, the design is still lackluster given there is little feedback to inform the user that the package is sealed. Sometimes the user can feel the Ziploc lock in place, but other times this is not felt and thus the user is unsure of whether the package is actually sealed. Finally, the durability of the packaging is low. Given there are 4 people sharing one refrigerator, items have been placed on the packaging, it has been squished, tossed around, and overall manhandled. As a result, the cheese is fairly beat-up (design does not protect its contents), as well as the packaging being torn and squished in some areas, reducing its functionality. This further reduces the designs navigability as well given the information on the packaging (expiration date, nutritional information) is harder to read.

[rationale]The Fox Front

The Ugly

TI-84 Plus Calculator

[product/system title]Rock Sox Front Fork

The Ugly

My TI-84 calculator represents an ugly design. With regards to its ugliness, it has an assortment of button colors (light green, light blue, black, white, and gray) which do not go together on a black backdrop giving the design a poor color scheme. Furthermore, as a result of these different colors, some of the buttons have white text (light green, light blue, gray buttons), while others have black text (white buttons), making the design inconsistent. While I understand this is to help with the contrast of the buttons and text, this is not effective for the gray, light blue, and light green buttons as white does not contrast as well with those colors as black text would, further making the design aesthetically displeasing and decreasing user satisfaction. Next, some of the buttons are rarely, if at all, used and there is no easy way to determine what they do without clicking on them, which may mess up the process the user is performing, thus lacking learnability and operability. Furthermore, sometimes these buttons take the user to another menu of options that are even more difficult to comprehend, decreasing the understandability of the design as well. Finally, to get to certain functions one must click multiple buttons in succession and then navigate using the left-right and up-down buttons, causing them to have to traverse through many layers to get where they want to go, accentuating the design’s general lack of navigability.

[rationale]The Fox Front

Rohith Jampani

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

How did you come up with them?

I thought of different technologies/applications I see and use on a daily basis

Student

Where did you come up with them?

I looked through applications on my phone and my friend showed me his AC unit

Why did you come up with them?

These are technologies I see and use all the time so I thought there was a lot I could discuss in terms of my interactions with them

What did you come up with?

I am...

an anime watcher

I am

The Good

Discord

The Good

Discord has a high usability due to its features such as video calling, voice calling, messaging, etc. The app has high desirability since it is used for different purposes such as a resource forum, chat server for gaming, and recently has been used by professors to release information in classes. The application was also intuitive to learn and use as all the servers to interact with are on the left while the friends list is on the right so it has a very simple display to interact with.

[rationale]The Fox Front

The Bad

Replacement AC

The Bad

This replacement AC has very low satisfaction because it does not have the ability to account for very hot air in the room while it is trying to cool the room. This results in condensation inside the unit which leads to the carpet flooding. In terms of error prevention, the room does cool down but that just leads to another problem of the unit leaking all over the floor. It is not aesthetically pleasing at all because its just a big white box right next to the desk.

[rationale]The Fox Front

The Ugly

Bank of America

The Ugly

BoFA application has very low learnability because I had to go through all the tabs in the settings page just to find my full account number. I never found the routing number for BoFA on the app so I had to google it which accounts for its low usability. The app could also look more aesthetically pleasing where it does not have a random credit card offer in the middle of the account page and could have more of a modern theme in terms of its color and layout like capital one.

[rationale]The Fox Front

Ramen Singh

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 choices by analyzing the different things I use on a daily basis and what my interaction with them is like.

Student

Where did you come up with them?

I walked around my apartment and searched through my desktop.

Why did you come up with them?

I use these designs very frequently(almost every day) and thought they fit the categories.

What did you come up with?

I am...

an owner of 2 pitbulls

I am

The Good

Pet Spy Dog Training Collar

[product/system title]Rock Sox Front Fork

The Good

The remote has a very intuitive design that is color coded which allows ease of use and high learnability for users. The remote also provides separate profiles that allows programming of up to 4 dogs and then saves these settings accordingly for consistency during training.

[rationale]The Fox Front

The Bad

Pet Care Dog Collar

[product/system title]Rock Sox Front Fork

The Bad

This dog collar have very few buttons and does not allow for profiles resulting in low functionality and usability. The remote and collar itself is made of cheap material and has low durability. The remote had low ease of use because the buttons were very faulty.

[rationale]The Fox Front

The Ugly

EMACS text editor

[product/system title]Rock Sox Front Fork

The Ugly

This text editor EMACS has a very outdated aesthetic (bright white theme). The highlighting in the editor is very unintuitive causing the editor to be difficult to use with low learnability. Also the text editor has a tool bar with big ugly icons that only serve to get in the way.

[rationale]The Fox Front

Asher Saunders

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

How did you come up with them?

I thought about things I used often that frustrate me to no end, as well as things I use that don't cause me any problems.

Student

Where did you come up with them?

I looked around my room, through my phone, and through my laptop searching for different user experiences I interact with.

Why did you come up with them?

These were things that I had used multiple times before and understood design wise what was good and what was bad about them.

What did you come up with?

I am...

learning animation

I am

The Good

Tozo T6 Headphones

[product/system title]Rock Sox Front Fork

The Good

Like other wireless headphones they have very high learnability and usefulness. They have a long range and low price point making them very desirable. The speed at which they connect to my devices grants high ease of use. The water proofing adds to error prevention as you don't need to worry about them getting in the rain.

[rationale]The Fox Front

The Bad

Google Sites

[product/system title]Rock Sox Front Fork

The Bad

All around has pretty high understandability and usefulness. The aesthetics and operability are a bit inconsistent with other google services like google docs, which decreases consistency. The lack of support for multiple users editing simultaneously decreases the satisfaction and efficiency bringing the UX to an awful level.

[rationale]The Fox Front

The Ugly

Microsoft Movies & TV

[product/system title]Rock Sox Front Fork

The Ugly

To be completely fair, the usability for watching a single video normally straight through is fine. It lacks functionality of other video players (no speed settings, video scrubbing is awful) granting it low desirability. The aesthetics look really inconsistent (play button is a super simple triangle, but the mini player button is a detailed box).

[rationale]The Fox Front

GBUX 8

Tuesday, September 30, 2021

GBUX 8

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

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

Think in terms of:

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

error prevention, metaphors,

affordances, etc.

Nicola Pengal

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

How did you come up with them?

I thought about items/applications I use in my everyday life, especially ones that frustrated me.

Nicola

Where did you come up with them?

Mostly in my apartment or on my way to classes.

Why did you come up with them?

Because I use them often, so they're pretty relevant to my life.

What did you come up with?

I am...

obsessed with farmers markets

I am

The Good

Speaker

[product/system title]Rock Sox Front Fork

The Good

High satisfaction, my roommates and I use it every day. Easy to use with simple, but useful, clearly labeled icons to pause/play, control volume, make voice commands. High operability as it connects through WiFi, so you can directly cast from the Spotify app on your phone without the hassle of connecting to bluetooth first. Aesthetically pleasing, not overly clunky for apartment space.

[rationale]The Fox Front

The Bad

Ports on my Mac

[product/system title]Rock Sox Front Fork

The Bad

Only includes “universal” USB-C ports, but I had to buy a separate cord just to plug in my iPhone; not accessible to those who don’t have the budget to purchase extra cords. Included traditional headphone jack, even though Apple stopped releasing earbuds with that type of audio jack, low usability and unintuitive design choice. Inconsistent ports for the cords Apple provides with iPhones.

[rationale]The Fox Front

The Ugly

ZARA website

[product/system title]Rock Sox Front Fork

The Ugly

Poor attention to natural mappings, if you select pants from the catalog it goes to a page for the top. Inconsistent white spaces and sizes of the listing photos contributes to poor aesthetics. Low learnability, because I’ve been shopping here since high school and the layout changes so often that it takes too long to place an order.

[rationale]The Fox Front

Danny Pellei

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

How did you come up with them?

I just looked at everyday objects around me and though about what I used on a daily basis, which work well or can be improved

Danny

Where did you come up with them?

I came up with them from a variety of places, physical things from my desk, and pieces of software on my computer and phone

Why did you come up with them?

I found that the best designs were intuitive while the worse designs made my life much harder

What did you come up with?

I am...

Afraid of the Dark

I am

The Good

USB-C

[product/system title]Rock Sox Front Fork

The Good

USB-C cables should be the standard cable for all devices. High usefulness can provide both power and pass data. Very robust since it can charge my computer and iPad. Extremely efficient, outputs correct

wattage per device

[rationale]The Fox Front

The Bad

The Bad

This cabinet has low desirability with its old design, and tri-folding mirrors. In addition it is unsatisfactory since it doesn't stay fully closed. Isn't very operable with thin shelves that

can't hold much

[rationale]The Fox Front

The Ugly

UVA IMRec app

[product/system title]Rock Sox Front Fork

The Ugly

Allows me to swipe in to gym but not aesthetically pleasing. Bottom banner looks like an ad. Loses desirability since you have to log in every time. It can be useful when forget id.

[rationale]The Fox Front

Jae Smith

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

How did you come up with them?

I thought about what programs I use on a daily basis

Jae

Where did you come up with them?

My room and mostly on my computer and phone

Why did you come up with them?

I began to see the importance of what makes an app interesting and efficient.

What did you come up with?

I am...

a snowboarder

I am

The Good

Steam

[product/system title]Rock Sox Front Fork

The Good

Steam is an application that allows users to purchase and play countless games online and offline. The utility of the program allows for seeming infinite sources of interaction. The application is extremely flexible as it provides wide ranges of applications within its database. The overall layout ensures a simple, navigable routing that makes new users adapt quick to essential tools.

[rationale]The Fox Front

The Bad

LED App

[product/system title]Rock Sox Front Fork

The Bad

This is the app that is supposed to pair with my LED lights to customize light effects and sound synchronization. The utility of this app is extremely obscure as there is no guide upon opening the app. The blue tooth connection process is nearly impossible and requires its own pairing system that barely works and needs to be done every time, reducing its functionality.

[rationale]The Fox Front

The Ugly

Realtek Wireless LAN

[product/system title]Rock Sox Front Fork

The Ugly

The REALTEK wireless LAN system is the backbone system for my blue tooth internet connection. The system is obviously outdated, using an old version of Windows layout, making it aesthetically displeasing. The connection is inconsistent and often disconnecting on its own. For the most part, the learnability of the app is alright after the installation but the setup itself needs a step by step setup that requires both a disc and a deep dive into the computer console.

[rationale]The Fox Front

Nandita Sangwan

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

How did you come up with them?

[By being more aware of when I was left feeling satisfied or unsatisfied after using an application]

Nandita

Where did you come up with them?

[At home when I did my daily routine of checking stocks]

Why did you come up with them?

[They are very widely used and accomplish a very important task]

What did you come up with?

I am...

afraid of anything spicy

I am

The Good

Robinhood

[product/system title]Rock Sox Front Fork

The Good

Robinhood is an app you can use to invest in stocks and much more. It has a high efficiency of use with separate tabs for stocks, deposits, and browsing. It also is free bugs and very fast giving it high functionality. The dark and light modes as well as colorful icons make it aesthetically satisfying.

[rationale]The Fox Front

The Bad

Fidelity

[product/system title]Rock Sox Front Fork

The Bad

The fidelity app is also meant to track personal finances. The app has no page to browse stocks which gives it very low functionality. The homepage is always bombarded with news articles which reduces findability of your own stocks. It has low learnability as there is so much information, navigating the app is confusing.

[rationale]The Fox Front

The Ugly

Apple Stocks App

[product/system title]Rock Sox Front Fork

The Ugly

The stocks app accomplishes the bare minimum. When scrolling through stocks there news stories pop up creating confusion and low efficiency of use. Additionally sometimes you have to exit and enter the app again for the stocks to refresh giving it low functionality. There are no icons or separate tabs so it is aesthetically unpleasing and bland.

[rationale]The Fox Front

Student

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

How did you come up with them?

[Type response here]

Student

Where did you come up with them?

[Type response here]

Why did you come up with them?

[Type response here]

What did you come up with?

I am...

[surprising-unique]

I am

The Good

[Design title]

[product/system title]Rock Sox Front Fork

The Good

[Rationale using appropriate language]

[rationale]The Fox Front

The Bad

[Design title]

[product/system title]Rock Sox Front Fork

The Bad

[Rationale using appropriate language]

[rationale]The Fox Front

The Ugly

[Design title]

[product/system title]Rock Sox Front Fork

The Ugly

[Rationale using appropriate language]

[rationale]The Fox Front

GBUX 9

Thursday October 5, 2021

GBUX 9

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

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

Think in terms of:

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

error prevention, metaphors,

affordances, etc.

Brendan

How did you come up with them?

I considered the things that I use all the time that drive me nuts, and the ones that give me pleasure to use. Because I use my computer constantly, Desktop Environments were an obvious choice

Brendan

Where did you come up with them?

I don't remember, but probably at my desk

Why did you come up with them?

Being more aware of late of the principles of UX led me to evaluate these programs and others in a new light

What did you come up with?

I am...

A Gregorian Chant Nerd

I am

The Good

KDE

[product/system title]Rock Sox Front Fork

The Good

KDE is a sophisticated modern DE that focuses on extreme customizabilty for power users while maintaining a familiar and simple interface for basic users. KDE has incredible consistency, both internally and externally, conforming very well to its own (or your) theming, anld also to existing standards such as the basic elements of navigation within Microsoft Windows. This is also complemented by an excellent set of unique features giving it high usability, and rendering the completion of any task on KDE a smooth and efficient experience.

[rationale]The Fox Front

The Bad

Windows 10

[product/system title]Rock Sox Front Fork

The Bad

The DE for Windows 10 primarily lacks two UX features: internal consistency, and usability.

The Microsoft team completely ignored the redesign of significant portions of the DE, at most building another app that did a limited part of the same feature set. They also failed to implement functionality that would seem to be common sense, resulting in much lower levels of usability than could have very easily been achieved. This lack of consistency and functionality combine to make Windows 10 an example of lazy UX design.

[rationale]The Fox Front

The Ugly

Windows 8.1

The Ugly

The DE for Windows 8.1 is lacking just as much in internal consistency and usability as that for Windows 10, however, Windows 8.1 comibines these greivances with a ridiculously confusing mobile-like navigation scheme, leading to extremely low learnability and understandability. It was aesthetically pleasing, and perhaps not a terrible UX experience if it were observed in a bubble, but because everyone's expectations for how a DE should function are so very different from what Windows 8.1 provided, it was a confusing failure of UX design.

[rationale]The Fox Front

Paavan

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

How did you come up with them?

I thought about things I used everyday. I use Spotfiy everyday, and it caused me to think about things that are related to it.

Paavan

Where did you come up with them?

I was driving to the grocery store

Why did you come up with them?

Spotify, CarPlay, and other music apps are widely used around the world, so I thought that analyzing two of them would be useful.

What did you come up with?

I am...

a soccer fan

I am

The Good

CarPlay

[product/system title]Rock Sox Front Fork

The Good

Apple CarPlay offers a safe design to use while driving. This design has high learnability and utility. The three boxes provide a simple layout that will most likely satisfy what you need (music or maps). It is also consistent with iOS software. Moreover, safety is prioritized by design elements that discourage use of the cellphone while driving.

[rationale]The Fox Front

The Bad

Spotify

The Bad

Spotify provides a platform with high utility; users are able to stream music from virtually any artist. However, the actual app has low learnability. The home screen can seem crowded and overwhelming to some. Barring the homescreen, the app also has an elevated level of simplicity for experienced users (relative to The Ugly), as seen through the three tabs at the bottom (home, search, and my library). Lastly, the app is aesthetically pleasing, with an interesting color scheme and certain areas of the screen that change color with the song playing.

[rationale]The Fox Front

The Ugly

Apple Music

[product/system title]Rock Sox Front Fork

The Ugly

Lastly, Apple Music has all of the same features as Spotify (high utility and low learnability), but somehow manages to have low simplicity. As most things Apple, the app is aesthetically pleasing, but most parts of the app have low functionality. Even some experienced users have issues with some aspects of the design, or they are simply not used at all, especially the "useless" tabs at the bottom (Radio and Listen Now).

[rationale]The Fox Front

Dio

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

How did you come up with them?

While trying to figure out what to choose I scrolled through my phone for apps that I constantly use

Dio

Where did you come up with them?

On my futon while watching TikToks and it clicked on what to look for

Why did you come up with them?

These are the main apps I use to pass time so it made sense to use them

What did you come up with?

I am...

a foodie

I am

The Good

Yik Yak

[product/system title]Rock Sox Front Fork

The Good

Yik Yak is a simple way to have some good laughs. The design being on the simpler side offers high learnability and consistency as users learn how to use the app from the start without issues. Even if you forget the icons on the top bar are there to remind the user on how to navigate on the app. Yik Yak's safety is high as well as you only need a phone number to use the app.

The Bad

TikTok

[product/system title]Rock Sox Front Fork

The Bad

TikTok has a high desirability as numerous viral videos are posted on it. Also high usefulness as many different types of content from cooking, tips, advice, and more are posted on the app. However, for first time users its understandability may be low as videos can be complicated to create, especially higher quality ones.

[rationale]The Fox Front

The Ugly

Snapchat

[product/system title]Rock Sox Front Fork

The Ugly

Snapchat updates their UI every several months making their learnability low. Once you get used to the layout and it changes to something new its aesthetics are completely different causing dissatisfaction. Nowadays its also cluttered with features no one uses making the app less desirable.

[rationale]The Fox Front

George

How did you come up with them?

While going through my daily routine, I just thought of things that I used on a daily basis.

George

Where did you come up with them?

In my car; in front of my desk

Why did you come up with them?

These are things which I used frequently so they are pretty relevant in my life.

What did you come up with?

I am...

A Mediocre Climber

I am

The Good

Google Drive

[product/system title]Rock Sox Front Fork

Google Drive is an application with high desirability since many different classes require its use especially for collaborative work. It also has high flexibility since it is a cloud based storage app and can be accessed anywhere. It has high usability and functionality as you can create and share all different types of documents. On top of that, the UI design is aesthetically pleasing and the app runs smoothly

The Good

[rationale]The Fox Front

The Bad

League of Legends Client

[product/system title]Rock Sox Front Fork

The client, while aesthetically pleasing with vibrant visuals and dynamic animations, the speed at which it runs is slow and frustrating making the app have low operability. It was coded and made up of 150+ different plugins running at the same time which all lack uniformity, so to make the client run more smoothly, you’d have to essentially untangle this web of code, so it really makes the meme of “spaghetti code” a reality. Quite often there are random bugs that are encountered, making it's consistency low.as well. And while it has a lot of overall functionality, a new user a lot of trouble with navigability as there are so many ambiguous buttons and layers, it is not easy at all to figure out where everything is located.

The Bad

[rationale]The Fox Front

The Ugly

LA|Fitness App

[product/system title]Rock Sox Front Fork

The Ugly

While the app's usability is fine because almost all users will be existing members so they really only need to use it to scan in with their phone, it is aesthetically displeasing in design. It also has bad learnability and understandability since some of the buttons are ambiguous as to what their functionality is, so you might be a bit lost the first couple times you use it.

[rationale]The Fox Front

Luke

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

How did you come up with them?

I had previously compared these todo list systems to decide which is most important to be organized and productive.

Luke

Where did you come up with them?

I used my laptop and smartphone.

Why did you come up with them?

Having an efficient todo system is important for me to keep track of work.

What did you come up with?

I am...

Home Cook

I am

The Good

Todoist

[product/system title]Rock Sox Front Fork

Todoist is a todo list program. It has high learnability as the tasks will be organized by natural language, so the date could be typed as 10/11 or oct 11 or next monday. Todoist maintains its consistency across desktop and mobile with even sizing and spacing across the different tabs, as well as a well defined color coordination system. The aesthetics assist its functions, as it is desirable to complete tasks and click away the bubble.

The Good

[rationale]The Fox Front

The Bad

OneNote

[product/system title]Rock Sox Front Fork

OneNote is useful for its simplicity on mobile as it is easy to create quick lists but its lack of central organization stops its use as a todo list. The desktop aesthetics on desktop feels quite empty and the levels of tabs and folders lead to lower learnability.

The Bad

[rationale]The Fox Front

The Ugly

Google Calendar

[product/system title]Rock Sox Front Fork

Google Calendar can be used in the month view but the daily page has unappealing aesthetics and its time period is too broad leading to low utility as the whole day cannot be viewed at once. Using Google Calendar as a todo list has low desirability as deleting tasks after their completion is unsatisfying, and task cannot be easily viewed outside of a specific time block.

The Ugly

[rationale]The Fox Front

GBUX 10

Tuesday, October 7, 2021

GBUX 10

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

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

Think in terms of:

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

error prevention, metaphors,

affordances, etc.

Avery Witherow

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

How did you come up with them?

Through usage of certain applications on my phone, whenever an idea came to mind, I wrote it down in my notes.

Avery Witherow

Where did you come up with them?

Many of my ideas came about in a regular usage setting, like dorm room, and inside of the other GBUX presentations in class.

Why did you come up with them?

Most of these applications play a daily role in my life, giving importance and context to my presentation.

What did you come up with?

I am...

[A TikToker?]

I am

The Good

Cash App

[product/system title]Rock Sox Front Fork

The Good

The user interface is aesthetically consistent, color ways and buttons match and blend throughout the app. It also provides increased visibility of key features throughout the app. Lastly, it offers a large range of usefulness and desirability through options to buy, sell, and send Bitcoin, buy and sell stocks, and even send payments.

[rationale]The Fox Front

The Bad

Swapd

[product/system title]Rock Sox Front Fork

The Bad

The app provides usefulness and desirability to acquiring clients for sales. However, the user interface is aesthetically inconsistent with colorways, buttons across other pages. The operability is fairly difficult with lacking robustness, potentially driving site visitors away along with the lack of trustworthiness through inconsistencies.

[rationale]The Fox Front

The Ugly

Apple Wallet

[product/system title]Rock Sox Front Fork

The Ugly

Offering a simplistic user interface, in an attempt to offer increased ease of use, it is overly simplified further offering a decreased ease of use and learnability. It offers very little usefulness and desirability unless you forget your wallet. Further, it lacks overall satisfaction because many stores do not have Apple Pay.

[rationale]The Fox Front

Hannah Tuma

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

How did you come up with them?

I thought about objects in my apartment that I have liked or disliked interacting with throughout the semester.

Hannah

Where did you come up with them?

I came up with the ideas in the kitchen, laundry, and bedroom areas of my apartment.

Why did you come up with them?

I interact with most of these items multiple times a week so they are relevant in my everyday life.

What did you come up with?

I am...

an avid beachgoer

I am

The Good

Breville Toaster Oven

[product/system title]Rock Sox Front Fork

The Good

The toaster oven has clear labels which leads to high learnability and ease of use. Additionally, the clear functionality of the labeled dial and buttons provide cognitive affordances. The digital screen provides feedback by allowing the user to always be aware of the current cooking settings. Further, the toaster beeps when a cooking option is started and when the food is ready. Finally, it has high desirability because multiple functions can be completed using this single product.

[rationale]The Fox Front

The Bad

Dryer Lint Catcher

[product/system title]Rock Sox Front Fork

The Bad

The lint catcher has low findability because it is difficult to spot within the dryer and it has low ease of use because it is too hot to remove right after a dryer cycle ends. Although the two holes provide some physical affordances, it has low understandability because it is not immediately clear how to remove the screen once the lint trap is taken out of the dryer. It also provides no feedback, so you don’t know if you replaced it properly.

[rationale]The Fox Front

The Ugly

Fan Remote

[product/system title]Rock Sox Front Fork

The Ugly

The remote is used to change air settings on the fan from across the room. The remote’s unused white space and lack of symmetry is aesthetically displeasing. While the fan blade and the clock metaphors make sense and add to understandability, the meaning of lines in between the two is unknown without reading the manual. Additionally, the meaning of the numbers under the clock is not intuitive and looking up their purpose causes low efficiency. Further, the meaning of these numbers is easily forgotten between uses causing low retainability.

[rationale]The Fox Front

Olivia Kaczmarskyj

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

How did you come up with them?

They came to me throughout the semester as I used them; I used the BlueLink app for my car, Power BI for work, and I used Facebook Messenger to rehome my fish.

Olivia

Where did you come up with them?

Mostly from my apartment or from my car.

Why did you come up with them?

Some of these apps play a role in my daily life, but I avoid Messenger at almost all costs because of how much I don't like it.

What did you come up with?

I am...

the owner of an ex-racehorse

I am

The Good

Hyundai BlueLink

[product/system title]Rock Sox Front Fork

The Good

The Hyundai BlueLink app allows the user to perform remote actions on their car. The functionality is simple yet useful with high learnability, even though there’s not much to learn. It provides feedback when you perform remote actions by notifying the driver that the request is sent. Lastly, it’s aesthetically pleasing with a consistent color scheme and simple design.

[rationale]The Fox Front

The Bad

Power BI

[product/system title]Rock Sox Front Fork

The Bad

Power BI is an incredibly robust tool used for business data analytics, with many features and capabilities. It also has high usefulness, as there’s many possibilities of what a user can do with it. However, it has incredibly low learnability because of the sheer amount of features it has; there are simply too many to easily learn. There aren’t any start guides in-app; people are just expected to know how to do it.

[rationale]The Fox Front

The Ugly

Facebook Messenger

[product/system title]Rock Sox Front Fork

The Ugly

Facebook Messenger is aesthetically ugly because of its oversimplification. It lacks desirability especially when considering other messaging app alternatives, which are more aesthetically pleasing and easy to use. It also lacks efficiency in certain features; it takes at least 4 clicks to get to someone’s Facebook page from the messenger.

[rationale]The Fox Front

Ishan Koroth

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

How did you come up with them?

As I learned new concepts within the class, I started to really look into applications differently and experimented with them for sometime.

Ishan

Where did you come up with them?

I found one of them while working with my

group-mates. The rest were from my small hobbies, like game development.

Why did you come up with them?

I came up with these so that I can think about what I use differently so that I can start thinking of ideas to improve upon the current designs we use today.

What did you come up with?

I am...

an aspiring music composer/producer

I am

The Good

Keynote

[product/system title]Rock Sox Front Fork

The Good

Keynote is an application that looks aesthetically pleasing due to its dark mode, well-labeled and spread-out buttons, etc. It possesses great utility as

you can manipulate objects to create

presentable diagrams/images while still preserving its intended use. Hovering over buttons/features gives simple instructions on how to use them, enabling ease in learn-ability. Since

classes sometimes require presentations/diagrams,

this app can be useful and useable in fulfilling

such tasks required.

[rationale]The Fox Front

The Bad

ROBLOX Catalog

[product/system title]Rock Sox Front Fork

The Bad

The Roblox Catalog is useful for finding clothing, assets, and models for customizing the user's avatar and implementing game development ideas. It also has filters for each item category and price, giving it more functionality. However, due to Roblox's imperfect auto-censoring system, some keywords, despite being appropriate, may be censored by hashtags (shown in left image), making this Catalog less desirable than Google. When searching some keywords that do work, they tend to get cluttered with unintended and unnecessary options (shown in the right image), making the search function less consistent. Despite the simplicity and practicality involved in designing the user interface, the aforementioned inconsistencies make this experience not fully satisfiable.

[rationale]The Fox Front

The Ugly

Roblox Studio

[product/system title]Rock Sox Front Fork

The Ugly

Roblox Studio has a very complex and tab-filled user interface, making this not look aesthetically pleasing at first impression. Some computers have trouble running the software as it lags sometimes, especially when there are high-poly models being used, making this experience undesirable. Some functions lack understandability and require extensive tutorials to be used to a good extent. Due to the great amount of time taken to both enhance the learn-ability and useability of this software, the overall workflow is compromised in the process, deeming this software inefficient.

[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?

They are sites that I use in my language learning

Helen

Where did you come up with them?

I was in the shower and they popped in my head as good examples

Why did you come up with them?

Because they are sites I use with some frequency and I'm familiar with them to discuss them

What did you come up with?

I am...

a language nerd

As a writer, programmer, and as a hobby

I am

The Good

Duolingo

[product/system title]Rock Sox Front Fork

The Good

The site has high Learnability, good flexibility, good ease of use, is highly robust, uses easily understandable metaphors (like fridge magnet words for making sentences), has good aesthetics and cognitive affordances (legible, elegant design), and high findability and understandability

[rationale]The Fox Front

The Bad

Clozemaster

[product/system title]Rock Sox Front Fork

The Bad

Has high Learnability and good flexibility, feedback, consistency and ease of use but has niche aesthetics and is cluttered (poor cognitive affordances). It also has a skill floor that means lower user satisfaction for users new to a language

[rationale]The Fox Front

The Ugly

Anki

[product/system title]Rock Sox Front Fork

The Ugly

Anki has good flexibility, feedback, consistency and robustness but has poor aesthetics, low learnability and is cluttered.

[rationale]The Fox Front

GBUX 11

Thursday, October 26, 2021

GBUX 11

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

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

Think in terms of:

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

error prevention, metaphors,

affordances, etc.

AJ Eustace

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

How did you come up with them?

I went about my normal routines and wrote down any time I used a system that either worked well or didn't, for whatever reason.

AJ

Where did you come up with them?

For the most part, they're items or apps that I use while in my apartment.

Why did you come up with them?

All of my examples are systems that I use frequently in my daily life.

What did you come up with?

I am...

a TV addict.

I am

The Good

Hamilton Beach tea kettle

[product/system title]Rock Sox Front Fork

The Good

The kettle has a simple, stainless steel design that makes it aesthetically pleasing. It can be operated with just two buttons, offering good learnability and ease of use. The on/off switch provides feedback by lighting up when the water is boiling and turning off when it's finished. In addition, the water-level window on the side acts as a sensory affordance by allowing you to see how much water is left, how much you need to boil, etc.

[rationale]The Fox Front

The Bad

YouTube app (Android)

[product/system title]Rock Sox Front Fork

The Bad

While the YouTube app has many features that offer high flexibility, when it comes to listening to music, it has low desirability because the same thing can be done with many other apps. On its own, it has low satisfaction, since the music stops playing in the background unless I keep the app open at all times. For some reason, it will continue to play videos if you open other apps, so it lacks consistency. It also has poor operability, since certain features simply don't work - for example, when you add or remove videos from playlists.

[rationale]The Fox Front

The Ugly

Amazon filters/sorting options

[product/system title]Rock Sox Front Fork

The Ugly

These features have extremely low ease of use, since even minor adjustments will force you to wait a few minutes while the results update. Certain filters - i.e. "New " condition for electronic devices - are often ineffective, decreasing user satisfaction. Sorting "Price Low to High" is incredibly inconsistent, since the prices still may not be sorted and certain items are even deleted. The aesthetics are also displeasing, as many item descriptions are walls of text. Furthermore, the many filters offer unnecessary flexibility by making searches too complex when I typically only care about one or two specific features.

[rationale]The Fox Front

Joe LaRuffa

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

How did you come up with them?

The last week I wrote down activities I thought to be simple, yet found myself struggling performing.

Joe

Where did you come up with them?

I interact with these designs everyday when I cook, so these items are present in my kitchen.

Why did you come up with them?

These designs are utilized on a daily basis as I cook all my meals, so they were relevant to the presentation.

What did you come up with?

I am...

a competitive Spikeball Player

I am

The Good

Hot Water Kettle

[product/system title]Rock Sox Front Fork

The Good

The simplistic design and calm colors makes the kettle aesthetically pleasing. The simplistic design also lends itself to high learnability and ease-of-use as there is only one button. Upon pressing the button, a red light indicator provides feedback that the heater is on. The fast boiling time makes it highly desirable and provides satisfaction to users.

[rationale]The Fox Front

The Bad

Stove/Oven

[product/system title]Rock Sox Front Fork

The Bad

The overall design is outdated, which provides poor aesthetic. Each dial is coupled with an image that displays the mapping which gives high learnability. When either the stove is on or the oven is preheating a light provides feedback; however, once the oven is done heating there is no indication that it is on which reduces consistency and decreases error prevention.

[rationale]The Fox Front

The Ugly

Dish Washer

[product/system title]Rock Sox Front Fork

The Ugly

There are two sets of controls that display the same information, providing low understandability as to which to use. There is no clear understanding of how the delayed timer works, decreasing the desirability of the function. The lack of a start button decreases error prevention as the washer starts as soon as the dial is moved regardless of whether the correct setting is selected. The washer is also difficult to shut thus lowering the operability. The lack of

consistency in design make its

aesthetically ugly.

[rationale]The Fox Front

August

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

How did you come up with them?

I tried to determine how good the UX of some of the software I've had to use in CS 2150 is.

August

Where did you come up with them?

While using these programs to do CS 2150 work on my laptop.

Why did you come up with them?

I'm taking this course and 2150 at the same time, so I was considering UX while doing my 2150 work.

What did you come up with?

I am...

into walking/hiking

I am

The Good

VirtualBox

[product/system title]Rock Sox Front Fork

The Good

The UI has a simple and consistent design that makes the software aesthetically pleasing. The program has fairly high ease of use, but also has more advanced features that provide a lot of usefulness to experienced users. The majority of the buttons have icons that act as metaphors, like the "Display Settings" button showing a monitor next to it, increasing learnability.

[rationale]The Fox Front

The Bad

vim

[product/system title]Rock Sox Front Fork

The Bad

Very poor learnability; need to look up how to perform many basic tasks. Lack of dropdown menus and ways to use the mouse results in low efficiency. No visuals, just text - poor aesthetic design and few/no affordances or metaphors.

[rationale]The Fox Front

The Ugly

IBCM

[product/system title]Rock Sox Front Fork

The Ugly

No affordances or metaphors of any kind; coding is done through 16 bits of Hexadecimal like "502F" rather than words like "if(...)", leading to very low ease of use and code that is hard to understand without lots of comments (which is inefficient). No aesthetics or error prevention either since IBCM is written in a plain text file.

[rationale]The Fox Front

Bri

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

How did you come up with them?

Throughout the day, whenever I felt frustrated trying to use a product I thought about the design and what I did and didn't like about it.

Bri

Where did you come up with them?

I was at my house just going through my day as I normally would.

Why did you come up with them?

I came up with them because they stuck out to me as products I either enjoy using because the design or despise. I also considered whether or not they make my work easier or more difficult.

What did you come up with?

I am...

an AT thru hiker

I am

The Good

Apple Watch

[product/system title]Rock Sox Front Fork

The Good

The color scheme of the watch is aesthetically pleasing. In addition, the buttons/features are spaced appropriately, making the watch have excellent visibility. The design also has good feedback, including vibrations and clicking noises when the user interacts with the scroll button. Despite the many features, the watch has good simplicity, because all the major features can be found on the home display screen. The watch also has great customizability because the user can edit the home screen to include features they frequently use.

[rationale]The Fox Front

The Bad

Fitbit Alta HR

[product/system title]Rock Sox Front Fork

The Bad

The Fitbit aesthetic is simple and modern, making it pleasing to look at. However, the usability is compromised by the design. The watch can only display a few characters at a time making the product almost useless without the app. In addition, the watch is lacking the cognitive affordance of having buttons. This makes navigating the watch confusing to new users. In addition, the only way to view the different features is by tapping through all the display screens which lowers the findability.

[rationale]The Fox Front

The Ugly

Trane Thermostat

[product/system title]Rock Sox Front Fork

The Ugly

The thermostat has poor understandability due to the two unlabeled thermometer readings. In addition, the design has low desirability because it is outdated, and there's lots of wasted space. It is also difficult to read the temperature which lowers its usefulness. The thermostat also has low ease-of-use because the temperature is set using a sliding bar at the top, which makes it nearly impossible to set it to an exact temperature.

[rationale]The Fox Front

Diana Guzman Lugo

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

How did you come up with them?

I looked around my daily life and thought of the appliances around me and whether I found them useful. It was quite easy to pinpoint the appliances I liked, but the ones I don't I usually replace or return.

Where did you come up with them?

Diana

All of the appliances I choose are found around my house, two of them are in my room.

Why did you come up with them?

I tried to stick to things, that regardless of my opinion of I still used a fair amount.

What did you come up with?

I am...

the co-President of Yahweh Night

I am

The Good

Nespresso Vertuo Next

[product/system title]Rock Sox Front Fork

The Good

It has very sleek and compact design. It's one button design made for a high learnability and retainability. However, despite the minialistic design, you can still personalize the setting. And it is very efficient way to make your coffee in the morning. My Nespresso has definitely had an emotional impact and has become one of the appliances that has a presence in my life. I love to show it off and endorse it to my coffee

loving friends.

[rationale]The Fox Front

The Bad

Gourmia Air Fryer

[product/system title]Rock Sox Front Fork

The Bad

This particular model of air fryer has high usefulness. It has a great aptitude to have a high functionality. I could see someone that actually knows how to use this appliance in it's full potential, seeing it as effective.

However, the low learnabily makes it hard to

get the full fledged usefulness from the

product. Other than that it has a nice

design that makes it feel sleek

and fancy.

[rationale]The Fox Front

The Ugly

AC Unit

[product/system title]Rock Sox Front Fork

The Ugly

From it's design, this AC unit gives the illusion of high learnability. However, as you use it you quickly realize that is not the case. It has very low user experience. It is functional in the sense it will cool the room, but non of the features listed are ever actually seen played out. Low effectiveness. Since my housemmates and I could not detect a difference

with any of the modes, we have simply

retained it's use to the power button.

[rationale]The Fox Front

GBUX 12

Tuesday, October 28, 2021

GBUX 12

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

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

Think in terms of:

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

error prevention, metaphors,

affordances, etc.

Colin

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

How did you come up with them?

I made a list of all the software I've used in recent memory and picked ones I felt strongly about

Colin

Where did you come up with them?

Scrolling through files on my computer

Why did you come up with them?

I wanted to pick software that I have a lot of experience using

What did you come up with?

I am...

An Amateur Game Developer

I am

The Good

Aseprite

[product/system title]Rock Sox Front Fork

The Good

Visually attractive pixel art UI. Important features are reduced to easily recognizable shapes, improving memorability. Consistent with other art software; color palette on the left, tools on the right. Highly understandable interface - almost everyone will be able to tell, for example, why the animation on the right is looping and that I've selected two characters on the left. Makes use of metaphors to communicate functionality ("onion skin" is a favorite of mine)

[rationale]The Fox Front

The Bad

Medibang Paint Pro

[product/system title]Rock Sox Front Fork

The Bad

Visibility and learnability affected by cramped menus - information overload. Internally inconsistent, with some features clearly designed for a drawing pen/tablet and others difficult to use without a mouse. Menu items lack memorability; several similar tools are listed separately instead of being rolled into the same icon, which makes remembering what each one does difficult

[rationaleSo]The Fox Front

The Ugly

GIMP

[product/system title]Rock Sox Front Fork

The Ugly

Tools require the use of pop-up menus, which fill the interface with clutter. Every window looks the same, reducing memorability and efficiency, since often you have to tab through several to get the one you want. Not consistent with other software - even the color palette and tool bar are pop-up menus. Error prevention is non-existent since closing one of these menus often requires minutes of digging through settings to get it back. Feedback is limited - there's almost no indication that dragging and dropping

images into the canvas works, for example

[rationale]The Fox Front

Caleb

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

How did you come up with them?

I decided to choose things that I relied on a weekly/daily basis

Caleb

Where did you come up with them?

Most the different designs I rely on are on my phones as the different apps that I use

Why did you come up with them?

I chose them because I wanted evaluate the overall performance of the designs I rely on

What did you come up with?

I am...

the diversity chair for theta tau

I am

The Good

Rocketbook

[product/system title]Rock Sox Front Fork

The Good

This app has a very clean and sleek design that makes it very aesthetically pleasing. It also has great functionality and efficiency due to the use of symbols that are connected to different folders within your drive. It allows you to automatically send files to their proper destinations without constant input from the user

[rationale]The Fox Front

The Bad

HP Smart

[product/system title]Rock Sox Front Fork

The Bad

This app offers many different functions that can make it very overwhelming. Although it has a very clean and organized layout, it lacks consistency. It is supposed to allow users to print files without wire connections, but its blue tooth feature is very unreliable. It is usually more efficient to just connect your laptop to the printer to print than using the actual app. It has low learn-ability due to the large amount of functions.

[rationale]The Fox Front

The Ugly

Clear Scanner

[product/system title]Rock Sox Front Fork

The Ugly

This app has great usability and gets the job done in a pinch, but lacks consistency and ease of use. Every time you need to scan a paper you have to continuously reconnect to your drives to store them.It also has a very unpleasing and lazy layout. Also when you want to send a file to a drive it forces to watch an ad before you can do so

[rationale]The Fox Front

Paul Nyberg

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

How did you come up with them?

I chose items and applications that I find myself using often (usually at at least once a week)

Paul

Where did you come up with them?

I brainstormed ideas in my room while sitting at my desk.

Why did you come up with them?

By analyzing items that I use in my daily life, I can pick up on features that work and don't work, and use them make better decisions on products in the future.

What did you come up with?

I am...

a military aviation enthusiast

I am

The Good

Opera Internet Browser

[product/system title]Rock Sox Front Fork

The Good

Saved sites are front and center when creating a new tab, so good visibility. Regarding aesthetics, it is highly customizable, including options for light/dark mode and custom wallpapers. Customizable side bar and sleek features increase understandability and ease of use.

[rationale]The Fox Front

The Bad

Yineme S2 Earbuds

[product/system title]Rock Sox Front Fork

The Bad

Touch controls are inconsistent and somewhat indistinguishable, decreasing ease of use and offering no error prevention. Audio tends to lag by about a tenth of a second, decreasing desirability and satisfaction. Matte black case is prone to smudging, reducing aesthetics.

Overall, it gets the job done, but there's a lot of room for improvement.

[rationale]The Fox Front

The Ugly

War Thunder in-Game Menu

[product/system title]Rock Sox Front Fork

The Ugly

Multiple drop down menus with no intuitive grouping of the items within decrease ease of use. Items that are seemingly important to be together are often on opposite sides of the screen; it isn't intuitive. There is an in-game internet browser (?!) that is slow and extremely unreliable.

On console, there is no cursor, drastically decreasing accessibility.

[rationale]The Fox Front

Andy

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

How did you come up with them?

[Type response here]

Andy

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 multitasker

I am

The Good

Discord (BetterDiscord)

[product/system title]Rock Sox Front Fork

The Good

Discord is like a combination of Slack and Skype. This app has high usefulness because it allows users to perform various activities such as texting, calling, video chatting, screensharing, and file sharing, all in one. The app has high understandability, as we can see the list of servers, neatly sorted into two columns, on the left through a BetterDiscord plugin, as well the list of online members in their respective role on the right. Finally, with the BetterDiscord plugin, the app has pleasing aesthetics with custom background themes.

[rationale]The Fox Front

The Bad

My Shower

[product/system title]Rock Sox Front Fork

The Bad

My shower provides me with zero satisfaction. The drain in the center is on a slightly elevated level compared to the rest of the shower floor, so after showering, the water does not drain completely, and this leads to mold growing. Thus, the desirability of my shower is low.

[rationale]The Fox Front

The Ugly

GroupMe (Website)

[product/system title]Rock Sox Front Fork

The Ugly

GroupMe (website version) is a terrible version of Messenger. The lack of ease of use gives the user a bad experience, as when one opens the website, sometimes all of the users messages are automatically opened. Furthermore, when more than one chat is opened, it splits the screen in half as shown above, which to me, is aesthetically ugly, and forces the user to close one if they don't want the formatting of their messages to be cut in half.

[rationale]The Fox Front

Student

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

How did you come up with them?

[Type response here]

Student

Where did you come up with them?

[Type response here]

Why did you come up with them?

[Type response here]

What did you come up with?

I am...

[surprising-unique]

I am

The Good

[Design title]

[product/system title]Rock Sox Front Fork

The Good

[Rationale using appropriate language]

[rationale]The Fox Front

The Bad

[Design title]

[product/system title]Rock Sox Front Fork

The Bad

[Rationale using appropriate language]

[rationale]The Fox Front

The Ugly

[Design title]

[product/system title]Rock Sox Front Fork

The Ugly

[Rationale using appropriate language]

[rationale]The Fox Front

GBUX 13

Thursday November 2, 2021

GBUX 13

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

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

Think in terms of:

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

error prevention, metaphors,

affordances, etc.

Sonya

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

How did you come up with them?

I decided to choose examples that I use often in my daily life.I love digital arts so ArtStation is a social media I use for inspiration. DeviantArt is an old social media but they changed a lot. Lastly, my window is something I really want to use but the design doesn't allow me.

Sonya

Where did you come up with them?

I came up with these example at Rice Hall while I was looking at art. I came up with the window in my Room.

Why did you come up with them?

They are designs that I'm familiar with which makes me more confident when presenting in the class

What did you come up with?

I am...

a digital artist once in a while

I am

The Good

[ArtStation Submission Page]

[product/system title]Rock Sox Front Fork

The Good

[ArtStation is a platform to showcase portfolio, to find inspiration and art, and finally, to connect with opportunities. In short, it's like LinkedIn but for artists. The simplicity of submission page makes it straight forward to choose the right category when uploading a new art. It allows to submit multiple images or videos with separate description, it allows to choose a thumbnail for our posts and finally it allows to choose if we want to have a video loop or not which all increase the efficiency of this web application]

The Bad

[The Window in My Room]

[product/system title]Rock Sox Front Fork

The Bad

[The main window that opens up to outside is not accessable since it is near the floor. Everytime I have to sit on the floor in order to open my window. The Screen is attached with one tiny hook so it doesn't function well since it keeps falling apart. It also covers the handles so I can't open my window unless I open my screen which it falls apart everytime. So it's not usable at all. Lastly, it opens up downwise so if i drop something it will fall out of the building easily. ]

[rationale]The Fox Front

The Ugly

[DeviantArt Submission Page]

[product/system title]Rock Sox Front Fork

The Ugly

[DeviantArt is one of the oldest online art community but new updates and changes made users go from deviantArt to other communities. The submission page doesn't allow to upload multiple images unless we pay. They removed the category selection so it's no longer accessable unless we pay. Even if we pay, it's so hard to understand how the categories are. It looks like a simple django project with a simple bootstrap]

Sadie Barton

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

How did you come up with them?

I considered mobile applications that apply to daily life.

Sadie

Where did you come up with them?

I came up with them in my living room, while looking through my phone.

Why did you come up with them?

I use these applications often and wanted to share my experience.

What did you come up with?

I am...

a cat lover

I am

The Good

Roku App

[product/system title]Rock Sox Front Fork

The Good

The Roku app is an example of good UX. The buttons offer high visibility, and the interface is very simple and easy to use with high learnability. The application also allows you to stream live TV directly from your phone, which is very convenient. Furthermore, the application is something that I use on a daily basis due to its high usability.

[rationale]The Fox Front

The Bad

Progressive App

[product/system title]Rock Sox Front Fork

The Bad

The Progressive App is an example of bad UX. While the interface is simple and easy to use, it is so simple that it does not have much usability. My only use of the app is to keep my ID cards on hard, which is convenient. Also, the layout of the application can be confusing, leading to low navigability, and many buttons will never be used. However, the application does have high visibility.

[rationale]The Fox Front

The Ugly

Tramsmart App

[product/system title]Rock Sox Front Fork

The Ugly

The Tramsmart App is an example of ugly UX. The app is very difficult to use with low usability. Sometimes when you press the power button, the lights don't even turn on or off. I still do not understand how to use the scene feature because it is so difficult to understand with low learnability and navigability. Also the app requires a WiFi connection and takes a very long time to load, offering very little convenience and much frustration.

[rationale]The Fox Front

Traci

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

How did you come up with them?

These are items I use daily and quite frequently.

Where did you come up with them?

Traci

I came up with these examples while using them at home.

Why did you come up with them?

I find these products incredibly useful and see areas where some of them could be improved.

What did you come up with?

I am...

a musical theatre teacher (sometimes)

I am

The Good

quip toothbrush

[product/system title]Rock Sox Front Fork

The Good

My Quip toothbrush has high consistency and learnability as an electric toothbrush with an easy to replace mouthpiece. It has specifically timed buzzing making it extremely efficient. The design of the toothbrush is both aesthetically pleasing and functional because it comes with a toothbrush cover. When it is time to replace the battery and toothbrush head it offers a physical affordance with the ridges on the back so I know how/where to take it apart. Overall, it is an extremely useful product that offers high user satisfaction.

[rationale]The Fox Front

The Bad

soundbot bluetooth speaker

[product/system title]Rock Sox Front Fork

The Bad

It has low operability because whenever a previously connected device has bluetooth turned on, it will not connect to any device. This makes it incredibly inefficient in automatically connecting to devices. There is a light on the top that either flashes red or red and blue simultaneously instead of just blue, which gives it low understandability and consistency. While it aesthetically has a clear and sleek design with the large buttons and clear on and off switch, it still makes for low user satisfaction.

[rationale]The Fox Front

The Ugly

lint roller

[product/system title]Rock Sox Front Fork

The Ugly

My lint roller has a very simple design but its good cognitive affordability is actually minimized by the low visibility in the arrows for lint rolling which also decreases the operability. The color of the lint roller also makes it difficult to see all the lint decreasing its efficiency. Also, there is no easy way to clean off the lint and it can build up, affecting the overall aesthetic and lowering user satisfaction.

[rationale]The Fox Front

Angela

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

How did you come up with them?

I thought about which apps I use on my phone that apply to my interests, like learning new vocabulary or drawing occasionally.

Angela

Where did you come up with them?

They were mobile apps I had readily available, since I had downloaded them years ago.

Why did you come up with them?

I think I would want to recommend the Line dictionary to those who don't know about it, even though Google translate also has a drawing character feature, I think Line definitely gives you a big space to work with and feels better (plus the example sentences). I think Autodesk Sketchbook is just really lacking in terms of especially what the free version comes with.

What did you come up with?

I am...

someone who rarely paints portraits

I am

The Good

LINE Dictionary

[product/system title]Rock Sox Front Fork

The Good

  • Has good, clear affordances, high understandability to input either a character you know the pronunciation of through pinyin or through drawing the character (with the brush icon)
  • Consistent with other dictionaries with the search bar, brings up parts of speech, example sentences

The Bad

Learn Chinese by ufostudio

[product/system title]Rock Sox Front Fork

The Bad

  • The arrangement/layout, while not confusing enough to be hard to understand, is not is not intuitive, has a drop down for every English statement, not sure why a user would need to favorite
  • Not comprehensive functionally, lacks explanation of what sentence parts mean and some parts are redundant
  • Overall low satisfaction because hard to use generic phrases with little grammatical explanation in daily context

[rationale]The Fox Front

The Ugly

Autodesk Sketchbook

[product/system title]Rock Sox Front Fork

The Ugly

  • Feels a lot less modern than Procreate, CSP
  • Clunky, does not allow user to make clipping masks or layer masks (lower operability)
  • Many of the free brushes that are meant to mimic real textures fail to do so and are streaky, low satisfaction
  • Low visibility and understandability for which brushes are located where outside of the big categories

[rationale]The Fox Front

Student

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

How did you come up with them?

[Type response here]

Student

Where did you come up with them?

[Type response here]

Why did you come up with them?

[Type response here]

What did you come up with?

I am...

[surprising-unique]

I am

The Good

[Design title]

[product/system title]Rock Sox Front Fork

The Good

[Rationale using appropriate language]

[rationale]The Fox Front

The Bad

[Design title]

[product/system title]Rock Sox Front Fork

The Bad

[Rationale using appropriate language]

[rationale]The Fox Front

The Ugly

[Design title]

[product/system title]Rock Sox Front Fork

The Ugly

[Rationale using appropriate language]

[rationale]The Fox Front

GBUX 14

Thursday November 4, 2021

GBUX 14

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.

Sophia

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

How did you come up with them?

I was having a gear room and was thinking about all of the gear that I like and don't like

Where did you come up with them?

At the UVA Outdoors Club Gear Room

Sophia

Why did you come up with them?

To better inform my classmates about camping and backpacking gear

What did you come up with?

I am...

21 years old TODAY!

I am

The Good

Big Agnes 3P Tent

[product/system title]Rock Sox Front Fork

The Good

This 3 person tent is a great option for anyone interested in camping or backpacking. It has high functionality because while it’s an incredibly lightweight tent, it also keeps you warm during the cold temperatures of the night. The tent also has high simplicity in its setup. The tent poles are connected to each other achieving good understandability. The tent also maintains consistency in the colors of the snaps and straps which advance its understandability even more.

[rationale]The Fox Front

The Bad

The Sawyer Squeeze

[product/system title]Rock Sox Front Fork

The Bad

The sawyer squeeze fails to provide a positive user experience because it has low simplicity overall. The instructions on the filter are excessively long, minimizing visibility. The instructions are also difficult to understand, and it is often unclear which part of the filter that they are referring to, contributing to low understandability. Even experienced backpackers who understand how to use the Sawyer Squeeze claim that it has low reliability because it doesn’t function properly when it needs to be cleaned, which happens often. Additionally the Sawyer Squeeze does not provide feedback when it does need to be cleaned, so this happens without warning.

[rationale]The Fox Front

The Ugly

MSR Whisperlite

[product/system title]Rock Sox Front Fork

The Ugly

The MSR Whisperlite is a camping stove that I would not recommend to anyone. It has incredibly low learnability because it does not have an intuitive design and the different parts of it that go together do not look like they should go together. The Whisperlite also has poor aesthetics and poor functionality because the fuel canister that attaches to the stove often causes the stove to become off-balance. The stove also has low flexibility because there is no way to control how hot the flame coming out of the stove is. I much prefer to use the MSR Pocket Rocket.

[rationale]The Fox Front

Samrawit

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

How did you come up with them?

I thought about the apps I use on my phone that I'm satisfied with and not.

Samrawit

Where did you come up with them?

I came up with them in my apartment.

Why did you come up with them?

Those are the apps I use, and I wanted to analyze them.

What did you come up with?

I am...

someone who enjoys playing volleyball

I am

The Good

EZECALL

[product/system title]Rock Sox Front Fork

The Good

EzeCall is an app that helps you to make calls abroad. The design has high learnability and is easy to use since it only includes a few useful features. It offers high satisfaction. when you want to make a call or add money, it's a few clicks away. It's also aesthetically pleasing.

[rationale]The Fox Front

The Bad

Sketchbook

[product/system title]Rock Sox Front Fork

The Bad

Sketchbook app design has low understandability and findability. The design gives you a lot of space to work on, but it's hard to find the tools you need. It has low learnability since there is no guide to help you navigate the app.

[rationale]The Fox Front

The Ugly

Music Player

[product/system title]Rock Sox Front Fork

The Ugly

The design is aesthetically displeasing. There is an ad showing at the bottom of the page and it's has filters that are unrelated to it's functionality. there is always an ad when you open the app which makes it inconsistent. It's easy to use but has low desirability.

[rationale]The Fox Front

Jacquelyn

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 different things I've had to learn to use for important purposes - namely, making money.

Jacquelyn

Where did you come up with them?

These are all applications that I've used at my different places of work.

Why did you come up with them?

I had to learn to use these different applications to be most productive at work, so their UX features were very important.

What did you come up with?

I am...

a cellist

I am

The Good

Instacart Shopper App

[product/system title]Rock Sox Front Fork

The Good

First of all, this app has a very clean and minimal design, which increases its aesthetics and desirability. It also does a good job with visibility, since it provides large and clear images of the things you need to look for, as well as metaphors that make the different functions very clear, which enhances the app's learnability. When delivering, the app has a map function that's very consistent with other maps like Google Maps and Apple Maps, which also helps with familiarity and learnability.

[rationale]The Fox Front

The Bad

Fons

[product/system title]Rock Sox Front Fork

The Bad

While this software is aesthetically pleasing, the minimalism actually make it harder to use. Some of the colors used for color-coding blocks are too similar, which lowers visibility. Also, its efficiency is low because some of the more-often-used features take numerous clicks to reach. And its consistency with other websites is low because it has different placements and colorings for question boxes, which greatly impacted its learnability.

[rationale]The Fox Front

The Ugly

Meevo 2

[product/system title]Rock Sox Front Fork

The Ugly

This software has a default and unchangeable "dark mode," which significantly lowers its initial learnability and visibility, as well as its aesthetics and desirability. Additionally, the home page available on start-up has few relevant features, which lowers efficiency since you have to click many times to get to the more useful appointment book. But the appointment book also has unchangeable default sizing and filtering settings that must be reset every time, which also lowers efficiency.

[rationale]The Fox Front

Andrew

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

How did you come up with them?

I thought it would be fun to see how older tech holds up in terms of design and I have plenty.

Andrew

Where did you come up with them?

All of the devices I personally own and have used or still use

Why did you come up with them?

I think it's interesting to see where technology came from and where we may want to go with it

What did you come up with?

I am...

a car hoarder

I am

The Good

Panasonic RR-830

[product/system title]Rock Sox Front Fork

The Good

The Panasonic RR 830 is a great little machine. it is simple and easy to learn how to use. At the bottom, there are buttons with metaphors that are consistent with other audio playing devices such as a triangle for play and a square for stop. There is flexibility in the design as there are many

features that allow you to do things with the cassette player that are not necessary. There is also great feedback because the lights will light when the device is on or playing

[rationale]The Fox Front

The Bad

Hitachi Remote and TV

[product/system title]Rock Sox Front Fork

This remote is cluttered with buttons that no purpose to me offering poor visibility. However, the remote's learnability is still reasonable. It is consistent with many other remotes although the problem comes when interacting with the TV. Using the remote is very experimental a there's poor feedback from the TV. You are not able to see what sources currently

The Bad

are plugged in before pressing anything and you are often met with loud static. My roommates also struggle with turning on the TV with the remote.

[rationale]The Fox Front

The Ugly

Eee Laptop

[product/system title]Rock Sox Front Fork

The Ugly

This machine runs an old version of Puppy Linux and takes many specific steps to be able to even load for the user. The system offers low learnability and understandability and there is no consistency between fonts and style once you're in the computer. There are no constraints, so if you wanted to try to boot windows, you could. There is little to no feedback when you make a

mistake or not int the booting process and the OS is outdated

and aesthetically displeasing.

[rationale]Th Front

Jose

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

How did you come up with them?

[I went around my house remembering what objects I found good and bad]

Jose

Where did you come up with them?

[Most came from my apartment and one was an app I really disliked]

Why did you come up with them?

[I've had multiple good or bad experienced with the items here and I wanted to explain why they were good or bad]

What did you come up with?

I am...

A Fifa Player

I am

The Good

Brita Filter

[product/system title]Rock Sox Front Fork

The Good

[The Brita water filter has a simple and clear design with a nice vibrant color that makes it aesthetically pleasing. It only has one button which offers high learnability. All you have to do is pour water into the filter and it does the rest making it very easy to use. The efficiency and taste of the water makes the Brita filter highly desirable. ]

[rationale]The Fox Front

The Bad

My washing machine

[product/system title]Rock Sox Front Fork

The Bad

[The washing machine has poor understandability because there is no clear start button. It has low intuition since you have to read the manual to know that the knob is actually the button you press to start. It also has low satisfaction since when you are cycling through the settings, if you miss your setting you have to restart and cycle through everything again.]

[rationale]The Fox Front

The Ugly

CAT bus App

[product/system title]Rock Sox Front Fork

The Ugly

[This app home screen is over cluttered with icons and the colors of orange, blue and green makes it aesthetically unpleasing. The app also offers unreliable information since it only gives you the time of when buses are suppose to run instead of when they will come. The app is not consistent, the buses show when they want and there is no tracking feature making the app not useful. ]

[rationale]The Fox Front

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

Sappho and Alcaeus of Mytilene

Alkaios of C'ville!

I am...

Let's plan to meet each other better!

When: One Sunday ~5-7 pm

Where: Somewhere outdoors

How: Complete the form that will go out

Hope to hang out!

I am SEAS DREAM Idea awardee!

AND I love to engage students!

I am...

LUNCH INVITE!

I would like to take a few students to lunch to discuss my Dream Idea and your potential involvement in Spring 2022.

Date: Wednesday 11/3 at noon!

Place: Garden Room

RSVP through an email to express your interest

I am a visionary (wannabe) artist!

I am...

I follow what I preach!

I am from Lesbos!

I am...

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

Learn more about creating dynamic, engaging presentations with Prezi