(YEAR 2) S:1 USER CENTRED EXPERIENCE: INTERACTIVE EXHIBITION PROJECT – INTRODUCTION

For the first project in User Centred Design year two we have been asked to create an interactive exhibition for a museum in hull of our choosing. The exhibition must be a ‘Interactive Experience’ providing the user with a virtual space, when creating this I must take into account the different fields this application should include such as (touch, feel, sight, hearing). This interactive exhibition needs to capture the user, and keep them engaged within the subject that the exhibition is based upon.

I have planned my work out, and created a time scale for myself so I can work to a target and keep up a sufficient flow of work. Below is my time scale:

usercentred

INTERACTIVE EXHIBITION: TARGET AUDIENCE RESEARCH – BACKTRACK HULL

During my research stage I came across a Facebook page called “BACKTRACK HULL”, on this page the users of Facebook can post old photographs and videos of historical events that have taken place in Hull. This reminded me of my idea for the “Hull History Centre”, and thought it could be a really good source for my research into the target audience. It is a very popular page that attracts people of all ages. This page also has 8,782 followers As part of my research into the target audience I created a tally to count and compare the ages of the followers who have contributed to the wall of this page, the age group that have shown the most interest.

My findings indicated that the age group that contribute to this page the most range from “40 – 60”, but also a younger age group ranging from “18 to 30” show some interest in the contributions on the wall, by liking, sharing or commenting.

Because the concept of this page is similar to my idea, I decided to get first hand information from the owner of the page, so I created a questionnaire and sent it over to the owner of the Backtrack Hull page, and ask him questions on the demographic of his page, and some odd questions to help along the process for my concept, to give me ideas.


BackTrack Hull Questionnaire


Q: What age groups tend to show the most interest on you’re page?

A:Graph to show

Q: Do you think you’re page has created a sense of community among the online presence of people from hull?

A: Yes ! I belive it has brought together a community that has one common love & intrest… Hull.

Q: Do you ever get any interest on the page from people who live outside of hull?

A:People who have moved I.e University Students and People from Hull who still take the Hull love abroad! They mainly miss chip spice.

Q: Do younger people show interest in the page?

A:Graph to Show

Q: What is the most talked about event that has happened in hulls history on you’re page?

A:St Andrews Quay and the Loardline with its fishing history.

Q: Why do you think the page does so well?

A: We are a non profit local interest page that has a common interest in preserving our heritage and background. With technology today everything is documented and photographed. We are trying to preserve our Pre-tech history

Q: Do you think the history museums of hull need to upgrade there techniques to draw in a younger audience?

A:I think with City of Culture on the horizon we should make sure of history centres and museums are in the best state possible. I do agree we need to “connect” with our younger audiances with newer technology and inovation.


He Then Kindly Sent me a chart that shows the popularity of his page among the different age groups, and which show the most interest in his page.

bthull

This graph shows that this page is popular among both female and male “25-34” year olds, but this only shows that this age group view and like the page rather than contributing content, the older generation are the ones contributing because they are the ones with the history to share.

This chart does show though that the second highest number of users are within the age group of “45-54”, this fits in with the tally I created.

This has taught me a few things:

1. The older generation take pride in reminiscing and sharing there story’s and photographs of the history of our city.

2. The younger generation find these story’s interesting and take the time to share them with there friends and comment.

3. That this page has created interest in the younger generation for the history of Hull

4. This page has created a sense of community in Hull, people are very proud to share and talk about it’s history.

Interactive Exhibition: Market Research – Trip To Museums In Hull

For part of my market research to gain a greater knowledge of the interactive products on display in hull museums and to inspire me for my exhibition, I went on a day out to the Hull Maritime Museum, Wilberforce House, and the Street Life Museum Of Transport. Throughout my research on this day one thing became very clear to me, in hull there is a lack of modern interactivity within these museums.

This creates a problem because the lack of modern techniques to tell a story or to teach an audience about the history of hull, narrows down the age group and decreases the attention of a younger audience. But not only does this create a problem for pulling in a younger audience, it also makes the museums seem old-fashioned and bland. In comparison to other museums across the country, who embrace modern technology make hulls museum’s look really old.

The use of older techniques in getting information across to a person is quite prominent within each of these museums, like the boards on the walls with tons of text, this I find myself as a younger person a struggle to keep interested in what it is trying to tell me because I am part of a generation that scans through text, and this is the only way a person can learn anything within these museums there is no alternative source of information that uses a different approach.

The only place I went to that had two examples of modern interactivity was Wilberforce house, I managed to get some video footage of these interactive displays to gain an understanding of the functionality of these exhibitions and how it might inspire the functionality of my exhibition.

Below is the link to the video I took of the exhibition at Wilberforce House:

Drop Box Video: Wilberforce Exhibition

I felt a breath of fresh air after using these interactive exhibitions, considering all I had seen all day was boards of text after boards of text. I felt instantly drawn to them, and wanted to know exactly what they where trying to teach me about Wilberforce. I guess it was the familiarity of the device, and is something I am very used to scrolling around on a screen. But again after using these I felt as though I was limited to the amount I could learn from it, down to the shortage of content on the device.

Something that grabbed my attention instantly on this device, was the fact that you could look at William Wilberforce’s old notes and things he had written down by hand, and it allowed you to take a closer look with a magnifying glass. I found this very interesting, and is something I will be taking into consideration for my exhibition.

Evaluation (High Noon Holsters)

In this project were to redesign a poorly executed website called High Noon Holsters, a website dedicated to selling all types of holster  to the american public. After a little research we found the company didn’t exist anymore but that didn’t stop us from researching the area of gun holsters through its old competitors.

During the research stage, there were many important elements that contributed to the overall look and feel of our design. Researching the product was the first major step before we even started designing the wireframes. It allowed us to understand the product the site would be selling and gave us an understanding for what the feel of the website should be like. It meant that we could simplify the products into four different categories, these were concealment, duty, tactical and sport. At this stage we were already many steps ahead of the original high noon holster website because we were very careful to make sure we didn’t overcomplicate the design and the layout. Something else we decided to put a lot of effort into researching was other southern american websites and the user experience they provided. Tying these into the font and the colour research meant we were able to make plans for how we were going to design the high noon holster website, for example the way tex is presented on a southern american website is unlike any other style of design. They tend to arrange many different styles of typefaces stacked on top of each other in a burger style format, usually with a graphic involved too, to annotate what is being said within the title. When researching the colour theory we learnt that contrast was important to make the content stand out from the background, therefore using the patriotic colours red, blue and white relate to americans because of the flag and the other colours used were darker, brown greys and blacks because they related to the old style american saloons. The Reds website shows how the brighter colours work well at the top as the navigation and the darker colours as the background colours of the main content.

When creating wireframes we decided to break it down into different stages, firstly by creating four wireframes, two for desktop and two for mobile, we then got together and worked out the negatives and positives of each design. That meant we were able to go away and create two new designs each, the best parts of each design were combined to create the next version. This meant we were then able to put both of our final combined designs against the other and create a new one based on the best parts of both. This meant we had technically gone through 6 different designs and allowed us both to have input on the final design. Once this stage was completed we both went our separate ways in the design process to put our own design ideas forward, so that we could decide on the best later on.

When reading Natalie Nahie’s Web of Influence I learnt that people trust others with similarities, therefore we created a personalised greeting message on the homepage for every different state of the united states based up local language and similarities that the people from that state share. The design of these greeting messages were based upon the research about the southern american websites and the ‘stacked’ look of the different typefaces to create an new unusual look for the message.

Another thing we learnt from the research stage was that usability is very important in relation to increasing user interactions. Steve Krug’s “Don’t make me think” discusses how hierarchy and positioning of elements on a webpage massively influence the experience the user has on the site. Since the user scans through the page for the relevant information, the layout has to be very simplistic and self evident. Taken from the book, these two pieces of information massively influenced how we redesigned the High Noon Holster online presence.
One of the most important elements to our teams organisation was the fact that from day one we listed everything we wanted to do and broke it down into manageable tasks that could completed alone. We then set about creating a planner and allocated these tasks to the person who could handle them the most efficiently. This meant that at any given time, we could check the planner and see if we were on schedule. Another very important element of the planner was the fact that we built into the schedule time of things to go wrong, so if we ended up delaying a piece of work it wouldn’t matter because we would still be able to hand in on time.

Being able to criticise each others work professionally and take criticism was a large importance of being able to work as a team and putting personal issues aside to achieve the best possible end product was at the forefront of importance when working as a team. Understanding your responsibility within the group was majorly important as it meant you stayed on track with the tasks you were assigned rather than doing your own thing.

Once the final designs had been completed we had to choose which design we were going to pick as the final design we would present to the group.  At the end, it was apparent that both design were hugely different in appearance, only because we both had different visions of the final products. Alistair’s design uses simplistic design cues, with subtle gradients, flat colour and influences from the fonts and colour research and the diesel online store. Aidan’s design on the other hand, was highly influenced and adapted from the original High Noon Holster website, thematic around spaghetti western posters, using torn paper like vector images for the containers of the content, and using flat colours for the navigational elements, and using high fidelity images for icons used on the store selection page.

Taking into consideration the research in relation to usability and functionality in which the entire redesign was based around, Alistair’s design was more fitting regarding the research and wide audience of the gun holster business in comparison to Aidan’s. The thematic spaghetti western design looks really good but would target a much more specific demographic given its niche design in comparison to Alistair’s.

High Noon Holster Design


Icon Design


Here are my icon designs, inspired by the graphics used on the “Red’s True BBQ” web site, I wanted to make some icons for the holster type selection page, as you can see I have created a few using the high fidelity filter. I created my icons like this because when using guns, say in the police force or some kind of hunting team, you can relate it to badges, which can be easily signified by the user when using this page.
hnhicons


Desktop


homepagedesktop

productfilter1desktop

productpagedesktop

buypagedesktop

faqpagedesktop

contactpagedesktop


Mobile


homepagemobile

menupagemobile

productselectionmobile

faqmobile

contactmobile

As you can see from my designs I have stuck to my original idea of adapting on the original high noon holster website design, but improving it. Based on old spaghetti western film posters. Using my research I think I have improved the High Noon Holster look, by using a stronger colour palate and some very intense visuals such as my icon designs, and the use of ripped wanted poster like paper for the content containers and buttons.

Also something I have tried to do within these designs is make everything self-evident, which is something I took from the Steve Krug book, and keeping continuity throughout my designs.

Wire Framing

For this project, me and Alistair in total made 6 wire frames, firstly we made two for the desktop and two for the mobile, and then arranged to meet up at college and talk through our ideas towards the structures of the websites. We then mashed the best of each design together, and met up again to talk through the page in which we had decided for both desktop and mobile, we then merged these ideas together to create the ultimate and final wire frame design, for the desktop and mobile.


First Wire Frames


Here are the first set of wire frames, my ideas towards the design and structure of the website, I went down a more interactive and highly visual root.

Home Pages (Mobile & Desktop)

 homem2 home2m1 homedt2homemob1

For the product selection on the website or the store page, would be built up of three different pages. One too select the style of hoster, and then the next page to select where about the holster would be located on the body.


3 Product Pages (Mobile & Desktop)

product2d2 productd2 productmob2 productbodyedt2 productpagedt2 productpagedt1

Next is the FAQ page, the idea behind the buttons on this page is inspired from the WALMART drop down menu on the latest version.

FAQ Page (Mobile & Desktop)

  faqd1 faqmob2 faqmob1

The next page is the contact page.

Contact Page (Mobile & Desktop)

contactm1 contactd2 contactd1


Second Wire Frames


From the previous wire frames, me and Alistair discussed and analysed each others ideas, and criticised and spoke about which pages we liked and the one’s we didn’t. After speaking about our ideas, we combined the best bits from each design into one final individual wire frame for both mobile and desktop.

Mobile

homewebfinish

PRODUCT1MOBFINISHFAQ3MOBFINISH

PRODUCT2MOBFINISHPRODUCT3MOBFINISHCONTACT3MOBFINISHDesktop

homewebfinish

PROUDCT3WEBFINISH PROUDCT2WEBFINISH PROUDCT1WEBFINISH
FAQWEBFINISH
CONTACTWEBFINISH


Final Wire Frames


We then after combining the best ideas from our first wire frames, talked through each others finished wire frames, and then merged them together to make one final wire frame, mixing both of our best ideas together.

Desktop

finishedwireframe-desktop

Mobile

finishedwireframe-mobile

Now we had a complete final wire frame, it was time to begin the design stage, and actually create the design of the website in relation to the research that had been conducted by me and Alistair

50 states

Here is some research I did to help Alistair with his 50 states idea for the High Noon Holsters home page.

North Dakota

They are die hard fans of the American football teams “Packers” and “Vikings”

A very religious state, christianity plays a big part in everyday life of some one from North Dakota.

People from North Dakota prefer the simple things in life.

“Like a Viking of the good lord, praise you’re gun packer”

“Come appease the gods, stand and make no fuss of the cold and select a holy holster”

This should be accompanied by a picture of a church.

http://www.movoto.com/blog/opinions/north-dakota-stereotypes/

Texas

In Texas they take American Football and Food very seriously.

People from Texas understand that people from outside of Texas will never understand them.

People from Texas are all about freedom.

“Freedom lies within a High Noon Holster”

This should be accompanied by a picture of some american football players looking serious.

http://www.movoto.com/tx/more-texas-stereotypes/

Virginia

Everyone in Virginia forgets that DC is not part of Virginia.

They know how to skin and gut a deer in less than two minutes.

“Draw you’re arm, faster than you can gut a deer ”

This should be accompanied by a picture of a deer being gutted.

http://www.movoto.com/va/virginia-stereotypes/

Vermont

Vermont suffers with a great mosquito infestation.

Vermonters are outnumbered by cows.

People form Vermont worship maple syrup.

“Allow a High Noon Holster, to play a part in the good fight against Mosquito’s”

This should be accompanied by a picture of some maple syrup.

http://www.movoto.com/vt/vermont-stereotypes/

Rhode Island

They practically live at the beach.

They love coffee milk stout.

They have a lot of pride in their state.

“Coffee Milk Stout on the beach, would be so much sweeter with a High Noon Holster. ”

This should be accompanied by a picture of the beach.

http://www.movoto.com/ri/rhode-island-stereotypes/

South Carolina

South carolinians party hard.

Very religious.

Smoke a lot of tobacco.

“Lower you’re arm into you’re new holster, Spark one and Party South Carolina style.”

This should be accompanied by a picture of a party.

http://www.movoto.com/sc/south-carolina-stereotypes/

South Dakota

No one in South Dakota thinks Mount Rushmore is exciting.

South Dakotans love Hot dishes and Hot bar.

“A High Noon Holser, more exciting than Mount Rushmore.”

“Hot Dishes, Hot Bar, Hot Holster.”

This should be accompanied by an empty desert road.

Tennessee

Very religious.

Wear leather cowboy boots.

Eat a lot of hot chicken, the stuff that would make a normal person cry.

“Why are you crying? is it the chicken or the hot holster.”

This should go with a picture of some leather boots.

Utah

They are hard working.

They love mountain living.

They don’t swear they improvise.

“Live high, work hard, wear High Noon”

This should be accompanied by a picture of a mountain.

http://www.movoto.com/ut/utah-stereotypes/

Washington

Never leave home without their dog.

People in Washington usually wear shades.

Thy are know as beer snobs.

“Grab you’re shades, and a good beer, and look into the High Noon”

This should be accompanied by a picture of the white house.

http://www.movoto.com/wa/washington-stereotypes/

West Virginia

The banjo is a very traditional instrument there.

They love Marshall and WVU american football.

“High Noon Holsters feel better than a game of football”

This should be accompanied by a picture of a banjo.

http://www.movoto.com/blog/opinions/west-virginia-stereotypes/

Wisconsin

Fish fry fanatics.

Love hunting.

Love bratwurst sausage.

Will drink you under the table.

“A high noon holster, better than fried fish”

This should be accompanied by a picture of a bratwurst on a plate.

Wyoming

People of Wyoming are born on the horse saddle.

Really outdoors people.

They eat all kinds of meat.

“Upon the saddle, make sure you’re equipped with a High Noon”

This should be accompanied by a picture of a forest.

References;

http://www.movoto.com/al/alabama-stereotypes/

http://state.1keydata.com/

http://www.danoah.com/how-well-do-you-know-the-slang-words-from-your-state

http://www.movoto.com/blog/opinions/alaska-stereotypes/

http://www.movoto.com/ca/southern-california-stereotypes/

http://www.movoto.com/arkansas-stereotypes/

http://www.movoto.com/arizona-stereotypes/

http://www.movoto.com/co/colorado-stereotypes/

http://www.movoto.com/ct/connecticut-stereotypes/

http://thoughtcatalog.com/kohl-conall/2014/05/10-kentucky-stereotypes-you-hear-when-you-leave-kentucky-and-determining-which-is-true-or-false/

http://www.movoto.com/de/delaware-stereotypes/

http://www.movoto.com/fl/florida-stereotypes/

http://www.movoto.com/atlanta-ga/atlantan-stereotypes/

http://www.movoto.com/blog/opinions/hawaii-stereotypes/

http://www.movoto.com/blog/opinions/idaho-stereotypes/

http://www.movoto.com/il/illinois-stereotypes/

http://www.movoto.com/blog/opinions/indiana-stereotypes/