Here are the final story boards for the personas
YOU ARE THE REASON
2025 on Tumblr: Trends That Defined the Year
Xuebing Du
No title available
🪼
Monterey Bay Aquarium
trying on a metaphor

Andulka

titsay

@theartofmadeline
Cosimo Galluzzi
Sade Olutola
Sweet Seals For You, Always
Today's Document
todays bird

❣ Chile in a Photography ❣
almost home

JVL
let's talk about Bridgerton tea, my ask is open

Discoholic 🪩

seen from Malaysia
seen from United States

seen from United States
seen from Spain
seen from Ukraine

seen from United States

seen from Germany

seen from United States

seen from United States
seen from United States

seen from Malaysia
seen from United States

seen from Malaysia
seen from United States

seen from United States
seen from United States

seen from Russia

seen from United States
seen from Bangladesh
seen from Brazil
@caitlinkalafusdesign
Here are the final story boards for the personas
During this part of the project, I learned that simplifying the amount of pages a user needs makes for a easier process with less frustration involved. By eliminating some unnecessary pathways, I was able to help my user get to their destination faster. During the testing, I realized that word choice is also a factor that may slow the process. At first, I had placed the 'Gallery Tours' link underneath the 'Programs' tab. My user had difficulty finding this link, therefore based on their first instinct, I decided placing the link underneath the 'Visit' tab. By choosing the word 'Visit' as the place to carry 'Gallery Tours,' it seemed more logical that you would visit the museum and take a gallery tour.
Here is a mockup site of The MFA's website that I redesigned as a Web Design project. The mockup features screen shots from the MFA's actual website.
This is the second part to the Personas overview. Here represents two scenarios for each persona in relation to their interest in the MFA in Boston, MA. Also attached are eight story boards per person on how they would achieve their goal on www.mfa.org
Personas Overview:
For this assignment, we were to create profiles for users who would be visiting a museum website. Having chosen the MFA in Boston, this is what these (made up) users said and also their goals. They will help the with function of the MFA website.
Booking A Flight
General questions:
1. What is your occupation?
Student.
2. What do you mostly use the internt for?
Surf the web.
3. What are your favorite websites?
Tumblr, Netflix, Youtube.
4. What percent of your week do you use the internet?
70%.
5. What website do you mostly use?
Tumblr.
At first, I gave the user the opportunity to show me how she books a flight without me getting involved. These were her methods:
Searched Southwest
Entered "departure" and "destination" airports
Entered dates traveling
Determined the number of persons traveling
Review flight options
Next, I asked her to go to Expedia, an unfamiliar site for her, to book a flight. Her methods were the same, however, we noticed a few changes.
Expedia has an automatic "Flight & Hotel" option that searches bother airlines and hotels.
The results include several different airlines.
The results were catagorized by cheapest flight rather than time of departure.
When paying attention to body language during the search, I noticed her frustration over to Expedia's overwhelming amount of choices. I asked her to share her thoughts by comparing which method of booking a flight she liked better and why.
Southwest narrows the choices.
Southwest lists choices by time of departure.
Expedia has too many choices.
She trusts Southwest due to past experience.
Overall, the user decided she likes to book a flight by going directly to the airline's website with Southwest being her airline of choice.
Heuristics Evaluation
For our first project in Web Design, our class was to choose a restaurant website that needed some fixing. My project partner and I chose Archie Moores due to the websites confusing directions when searching for the menu. After reading two articles online that explain the reasons why internet users scan articles instead of reading them word for word, I decided to use HTML coding to bullet my responses and eliminate any unnecessary words. By using bullets, my evaluation reads cleaner and makes for a quicker read. Each bullet serves as a piece of information that the user will not have to dig through a paragraph to find.
The articles I read that helped me achieve this slimmer design are:
http://www.nngroup.com/articles/how-users-read-on-the-web/
http://uxmyths.com/post/647473628/myth-people-read-on-the-web
RE Design:Â Heuristics Evaluation of Archie Moores
By Caitlin Kalafus, Melinda Freund
Date 2/4/15
1. Visibility of system status
Too many links
2. Match between system and the real world
Multiple links that are misleading to the menu
The small print on the banner explains "Click Here" to access the menu
The "Click Here" button opens a new website: www.snapfinger.com
3. User Control and Freedom
Links on the main page do not access the Menu
It takes four different links before the menu is accessed
4. Consistency and Standard
The "Menu" button is misleading
"Click Here" menu link looks like an ad and is overlooked
5. Error Prevention
Not applicable
6. Recognition rather than recall
Directions are not direct
Menu is hard to find
Viewer may aimlessly click on anything to find the menu
The main page drop down menu is one link instead of four
7. Flexibility and efficiency of use
Experienced users may have difficulty
8. Aesthetic and minimalist design
Few colors do not obstruct the eye
Ads have a lot of movement that may be distracting
Links on the home page do not direct the user where they should
9. Help users recognize, diagnose, and recover from errors
Have a separate drop down menu for “Location,” “Menu” and “Order Online”
Have one button that brings the viewer to the “Menu” page.
Menu should exist on www.archiemoores.com
Revise the “Merchandise” page by showing prices and where to purchase items
Include real photos of merchandise
10. Help and documentation
Links that bring you straight to your destination
Place all the links in one area
Update photos of the restaurant
Ads are too large
Heuristics Evaluation of Archie Moores
By Caitlin Kalafus, Melinda Freund
Date 2/4/15
1. Visibility of system status
Always keep users informed about what is goingon. Âź Provide appropriate feedback within reasonable time.
Evaluation
www.archiemoores.com has too many links to help you get to where you want to go.
2. Match between system and the real world
Âź Speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Âź Follow real-world conventions, making information appear in a natural and logical order.
Evaluation
When first opening the site, you are greeted with a quick moving slideshow of food, which accurately displays it’s style of food and entices the viewer. However, to find the menu, which is the most important part of the site, it is a nearly impossible task. Faced with multiple pages and links that get you nowhere, it is not until a small print on what seems to be a banner ad tells you to “Click Here” for the menu, then brings the viewer to a completely different website: www.snapfinger.com, and provides with yet ANOTHER link demanding you “Choose your location.” Finally you arrive at the menu, and you ask yourself, “Do I even want Archie Moores?”
3. User control and freedom
Users often choose system functions by mistake. Âź Provide a clearly marked "out" to leave an unwanted state without having to go through an extended dialogue. Âź Support undo and redo.
Evaluation
The main page seems to have drop down links that would quickly place you at the “Menu” page; however, it takes you four links (if you can even get there the first time) before arriving to the actual menu on a completely different site.
4. Consistency and standards
ÂźUsers should not have to wonder whether different words, situations, or actions mean the same thing. Âź Follow platform conventions.
Evaluation
The “Menu” button on the home page does not bring you to the menu in one click therefore it is completely misleading. The seemingly banner ad which actually directs you to the menu is very misleading since it looks like an ad and not a link, and it has to be specified to “Click Here.” It is very easy to overlook.
5. Error prevention
ÂźEven better than good error messages is a careful design which prevents a problem from occurring in the first place.
Evaluation
Not applicable
6. Recognition rather than recall
ÂźMake objects, actions, and options visible. Âź User should not have to remember information from one part of the dialogue to another. Âź Instructions for use of the system should be visible or easily retrievable whenever appropriate.
Evaluation
There are no direct directions that get you to your destination. When searching for the menu, there are no obvious signs that direct you to the actual link. The viewer may find themselves click on anything else in hopes of finding the menu page. The drop down menu “LOCATIONS|MENUS|ORDER ONLINE” is all one link that brings you to the same place. While it seems to be three different drop down menus, we found that it is actually one button.
7. Flexibility and efficiency of use
Âź Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user so that the system can cater to both inexperienced and experienced users. Âź Allow users to tailor frequent actions.
Evaluation
We don’t think even an experienced user could find the menu…
8. Aesthetic and minimalist design
Âź Dialogues should not contain information which is irrelevant or rarely needed. Âź Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.
Evaluation
There are few colors that don’t obstruct the eye, and several ads with a lot of movement to them. There are four links, however, they don’t really get you where you need to be right away.
9. Help users recognize, diagnose, and recover from errors
ÂźExpressed in plain language (no codes) Âź Precisely indicate the problem Âź Constructively suggest a solution.
Evaluation
Have a separate drop down menu for “Location,” “Menu” and “Order Online” instead of one link. This will help users travel to their destination faster and easier. Have one, I repeat one, button that brings the viewer to the “Menu” page. Revise the menu page so that it still exists on www.archiemoores.com instead of existing on www.snapfinger.com. Revise the “Merchandise” page. It is unclear how to order the items in the shop. While prices are shown, there should be a link that shows users how to choose their size and put in their card information so that they can order the products. For a better aesthetic, use real pictures of the merchandise.
10. Help and documentation
ÂźEven though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Âź Help information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.
Evaluation
-Links that bring you straight to your destination
-Clean up the design, put all the links in one area
-Update photos of the restaurant
-Ads are too large and seem more important to please the advertisers than to help guide the user to their destination