Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
Episode II
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.
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
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.
a reader
King of Tokyo
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
Dorm Toilet Paper Holder
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
Dorm Washing Machines
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
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.
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?
a Packer fan
Laptop Stand
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
Provolone Cheese Package
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
TI-84 Plus Calculator
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
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
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?
an anime watcher
Discord
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
Replacement AC
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
Bank of America
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
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.
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?
an owner of 2 pitbulls
Pet Spy Dog Training Collar
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
Pet Care Dog Collar
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
EMACS text editor
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
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.
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?
learning animation
Tozo T6 Headphones
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
Google Sites
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
Microsoft Movies & TV
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
Tuesday, September 30, 2021
Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.
Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.
Think in terms of:
Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,
error prevention, metaphors,
affordances, etc.
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I thought about items/applications I use in my everyday life, especially ones that frustrated me.
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?
obsessed with farmers markets
Speaker
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
Ports on my Mac
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
ZARA website
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
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
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?
Afraid of the Dark
USB-C
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
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
UVA IMRec app
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
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
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?
a snowboarder
Steam
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
LED App
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
Realtek Wireless LAN
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
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]
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?
afraid of anything spicy
Robinhood
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
Fidelity
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
Apple Stocks App
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
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
[Type response here]
Where did you come up with them?
[Type response here]
Why did you come up with them?
[Type response here]
What did you come up with?
[surprising-unique]
[Design title]
[Rationale using appropriate language]
[rationale]The Fox Front
[Design title]
[Rationale using appropriate language]
[rationale]The Fox Front
[Design title]
[Rationale using appropriate language]
[rationale]The Fox Front
Thursday October 5, 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.
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
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?
A Gregorian Chant Nerd
KDE
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
Windows 10
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
Windows 8.1
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
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.
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?
a soccer fan
CarPlay
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
Spotify
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
Apple Music
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
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
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?
a foodie
Yik Yak
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.
TikTok
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
Snapchat
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
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.
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?
A Mediocre Climber
Google Drive
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
[rationale]The Fox Front
League of Legends Client
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.
[rationale]The Fox Front
LA|Fitness App
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
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.
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?
Home Cook
Todoist
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.
[rationale]The Fox Front
OneNote
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.
[rationale]The Fox Front
Google Calendar
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.
[rationale]The Fox Front
Tuesday, October 7, 2021
Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.
Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.
Think in terms of:
Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,
error prevention, metaphors,
affordances, etc.
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Through usage of certain applications on my phone, whenever an idea came to mind, I wrote it down in my notes.
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?
[A TikToker?]
Cash App
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
Swapd
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
Apple Wallet
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
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.
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?
an avid beachgoer
Breville Toaster Oven
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
Dryer Lint Catcher
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
Fan Remote
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
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.
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?
the owner of an ex-racehorse
Hyundai BlueLink
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
Power BI
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
Facebook Messenger
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
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.
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?
an aspiring music composer/producer
Keynote
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
ROBLOX Catalog
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
Roblox Studio
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
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
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?
a language nerd
As a writer, programmer, and as a hobby
Duolingo
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
Clozemaster
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
Anki
Anki has good flexibility, feedback, consistency and robustness but has poor aesthetics, low learnability and is cluttered.
[rationale]The Fox Front
Thursday, October 26, 2021
Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.
Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.
Think in terms of:
Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,
error prevention, metaphors,
affordances, etc.
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I went about my normal routines and wrote down any time I used a system that either worked well or didn't, for whatever reason.
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?
a TV addict.
Hamilton Beach tea kettle
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
YouTube app (Android)
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
Amazon filters/sorting options
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
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.
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?
a competitive Spikeball Player
Hot Water Kettle
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
Stove/Oven
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
Dish Washer
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
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.
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?
into walking/hiking
VirtualBox
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
vim
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
IBCM
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
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.
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?
an AT thru hiker
Apple Watch
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
Fitbit Alta HR
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
Trane Thermostat
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
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?
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?
the co-President of Yahweh Night
Nespresso Vertuo Next
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
Gourmia Air Fryer
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
AC Unit
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
Tuesday, October 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.
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
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?
An Amateur Game Developer
Aseprite
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
Medibang Paint Pro
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
GIMP
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
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
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?
the diversity chair for theta tau
Rocketbook
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
HP Smart
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
Clear Scanner
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
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)
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?
a military aviation enthusiast
Opera Internet Browser
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
Yineme S2 Earbuds
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
War Thunder in-Game Menu
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
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
[Type response here]
Where did you come up with them?
[Type response here]
Why did you come up with them?
[Type response here]
What did you come up with?
a multitasker
Discord (BetterDiscord)
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
My Shower
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
GroupMe (Website)
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
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
[Type response here]
Where did you come up with them?
[Type response here]
Why did you come up with them?
[Type response here]
What did you come up with?
[surprising-unique]
[Design title]
[Rationale using appropriate language]
[rationale]The Fox Front
[Design title]
[Rationale using appropriate language]
[rationale]The Fox Front
[Design title]
[Rationale using appropriate language]
[rationale]The Fox Front
Thursday November 2, 2021
Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.
Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.
Think in terms of:
Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,
error prevention, metaphors,
affordances, etc.
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
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.
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?
a digital artist once in a while
[ArtStation Submission Page]
[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 Window in My Room]
[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
[DeviantArt Submission Page]
[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]
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.
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?
a cat lover
Roku App
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
Progressive App
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
Tramsmart App
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
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?
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?
a musical theatre teacher (sometimes)
quip toothbrush
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
soundbot bluetooth speaker
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
lint roller
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
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.
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?
someone who rarely paints portraits
LINE Dictionary
Learn Chinese by ufostudio
[rationale]The Fox Front
Autodesk Sketchbook
[rationale]The Fox Front
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
[Type response here]
Where did you come up with them?
[Type response here]
Why did you come up with them?
[Type response here]
What did you come up with?
[surprising-unique]
[Design title]
[Rationale using appropriate language]
[rationale]The Fox Front
[Design title]
[Rationale using appropriate language]
[rationale]The Fox Front
[Design title]
[Rationale using appropriate language]
[rationale]The Fox Front
Thursday November 4, 2021
Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.
Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.
Think in terms of:
Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,
error prevention, metaphors,
affordances, etc.
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
I 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
Why did you come up with them?
To better inform my classmates about camping and backpacking gear
What did you come up with?
21 years old TODAY!
Big Agnes 3P Tent
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 Sawyer Squeeze
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
MSR Whisperlite
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
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.
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?
someone who enjoys playing volleyball
EZECALL
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
Sketchbook
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
Music Player
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
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.
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?
a cellist
Instacart Shopper App
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
Fons
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
Meevo 2
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
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.
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?
a car hoarder
Panasonic RR-830
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
Hitachi Remote and TV
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
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
Eee Laptop
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
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]
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?
A Fifa Player
Brita Filter
[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
My washing machine
[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
CAT bus App
[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
Thursday, September 2, 2021
Think of three examples that satisfy or violate known (or intuitive) UX design guidelines.
Use your common sense of what good-bad-ugly user experience is for you and the way it is defined through the course material.
Think in terms of:
Usefulness, learnability, desirability, satisfaction, operability, flexibility, robustness, accessibility, ease of use, aesthetics,efficiency, findability, understandability, consistency, feedback,
error prevention, metaphors,
affordances, etc.
Tell us a little bit about your thought process in identifying these design examples:
How did you come up with them?
Personal experience from visiting places and experiencing waiting systems and functional devices.
Where did you come up with them?
Theme park (Legoland), North Grounds gym, and at home observing dinner guests using my silverware.
Why did you come up with them?
They indicate a user experience of everyday habits and artifacts that most times we don't think about.
What did you come up with?
RULES:
1. Start your introduction with "I am"
2. Make it interesting/surprising
Sappho and Alcaeus of Mytilene
Alkaios of C'ville!
Let's 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!
AND I love to engage students!
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 follow what I preach!
Waiting line was much more pleasant by having Legos in the middle of the long queue; waiting was so much more fun!
Most people try to cut using this side
High aesthetics but poor cognitive affordance indicating the cutting side
Need to pull the whole knob despite the shape
Misleading physical affordance (need to pull up the whole knob); poor aesthetics and outdated design