Top Banner
Presentation by : Auguste Münster Ottesen: augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.com Camilla Honoré Boysen: cahodesign.wordpress.com Caroline Rasmussen: carolinerasmussen.wordpress.com Casper Ragn: casperragn.wordpress.com (MulA: Project 4, Intercultural Website) Concept found at: http ://www.handsdalize.com /
22

Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Jan 29, 2016

Download

Documents

Lesley Dean
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Presentation by:Auguste Münster Ottesen: augusteottesen.wordpress.comBjarke Handsdal: bjarkify.wordpress.comCamilla Honoré Boysen: cahodesign.wordpress.comCaroline Rasmussen: carolinerasmussen.wordpress.comCasper Ragn: casperragn.wordpress.com

(MulA: Project 4, Intercultural Website)Concept found at: http://www.handsdalize.com/

Page 2: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Expert ReviewHeuristics/principals:Name & number:

Location:URL:

Problem:Description:

Category:1-4 points:

Solution:Proposals:

#3 User control and freedom

http://www.uniquelandscapes.co.uk/portfolio/water-features/

Subpages under Portfolio don’t have a clear breadcrumbs cannot see clearly where we are on the website.

1 Needs to be more clear, like under Design Process.

#7 Flexibility and effeciency of use

http://www.uniquelandscapes.co.uk/

Arrows on the image slider aren’t clearly defined, which means a user can’t see the option of clicking through the pictures.

2 Bigger and more visible arrows, so the user can click through the pictures .

#8 Aesthetics and minimalistic design

http://www.uniquelandscapes.co.uk/news/

”Autumn Garden Design Projects” and ”New Website” lead to empty pages.

4 Either add content to these pages, or remove them until there is something relevant to add.

#3 User control and freedom

http://www.uniquelandscapes.co.uk/

”Accreditations” opens in the same window/tab, instead of its own. This can confuse a user, making them think they are still on Unique Landscape’s website.

2 Open in a new tab or window.

#6 Aesthetics and minimalistic design

http://www.uniquelandscapes.co.uk/design-process/construction/

”Construction” and ”Project Management” are too similar, as ”Construction” contains the same text (copy-pasted) from ”Project Management”.

2 Either remove one of these subpages, or rephrase the content on one of the pages.

#8 Aesthetics and minimalistic design

http://www.uniquelandscapes.co.uk/contact-us/

”Contact Us” is found everywhere. It seems unneccessary, since there already is a clear tab called ”Contact Us”. It therefore becomes noise.

3 Remove the many ”Contact Us” options on all the pages. The user already has the option to contact in the menu under the tab ”Contact Us”.

Page 3: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Expert Review

Leads to empty pages

Page 4: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Expert Review

Page 5: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Mindmap

Page 6: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Current Website

Page 7: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Current Website

Page 8: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Current Website

Page 9: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Current Website

Page 10: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Design Principals#1. Pictures: focus on pictures – inspiration

#3. Simplicity: simple design – reduce content/noise

#4: Uniformity: uniform design

#5: Colours: bold colours – focus: purple & green

#7: Flexibility and usability: more flexibility – new options

#11: Groups: floating menu

#16: Air/Space: adds to simplicity

#19: Aesthetics and usability: more aesthetic – advanced visuals

Page 11: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Our Concept

Page 12: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Our Concept

Page 13: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Our Concept

Page 14: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Our Concept

Page 15: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Our Concept

Page 16: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Gangster Test & User Test

Page 17: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Gangster Test

Page 18: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

Gangster TestQuestion: Tester 1 Tester 2 Tester 3 Result:What website are you on? 3 3 3 3

What available options are there?

3 3 3 3

What subpage are you one? 3 3 3 3

What options do you have on the page?

2 3 3 2.67

Where are you on the overall website? (How did you get here?)

1 1 2 1.33

Is there a search option? 0 0 0 0

Total: 12 13 14 13/18

Page 19: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

User Test1. Change the language from English to Danish:Quick to find flag, but could be bigger.

2. Find information about the company:Quick to find ”About Us” page.

3. Find a way to get a visual of your garden before contacting the company:Users are drawn to ”Portfolio” before ”Design Your Own” – not intended.

4. Where is the company originally from, and where have they worked:Quick to find about page, but could me clearer where the company is from/located.

5. Find how to contact the company:Quick to find ”Contact Page”.

Page 20: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

User TestCould be bigger

Page 21: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

User Test

First choice

Second Choice

Page 22: Presentation by: Auguste Münster Ottesen: augusteottesen.wordpress.com augusteottesen.wordpress.com Bjarke Handsdal: bjarkify.wordpress.combjarkify.wordpress.com.

User Test

Rephrase text to make country of origin clear