Peter Urfer Jessie Yang Hyungjin Kim David Shen Hyunkyung Joo Chenchen Liu

Size: px

Start display at page:

Download "Peter Urfer Jessie Yang Hyungjin Kim David Shen Hyunkyung Joo Chenchen Liu"

Ferdinand Briggs
5 years ago
Views:

1 Peter Urfer Jessie Yang Hyungjin Kim David Shen Hyunkyung Joo Chenchen Liu

2 AGENDA 1. PROJECT OVERVIEW 2. CLIENT SURVEY 3. TARGET AUDIENCE 4. USER PROFILE 5. COMPETITIVE ANALYSIS 6. FUNCTIONALITY SPECIFICATION 7. INFORMATION ARCHITECTURE 8. TASK ANALYSIS 9. WIREFRAME 10. MOCKUP 11. MARKETING PLAN 12. CONCLUSION

3 PROJECT OVERVIEW Create a section to promote Decoding Identity exhibition Become a source of information and inspiration Reference point for the artists Generate more interaction with users Solution should be adaptable to future exhibitions

4 CLIENT SURVEY Mission of Exhibition 1. Dealing with issues of identity. 2. Identity constantly revolving & changing. 3. Causes global issues & issues with change. Section 3 Specification 1. Most prominent piece: Seated above the salt. 2. Message: Emotional construct of own identity. How one sees oneself. 3. Represents oneself towards the outside and how others see that person. 4. Dealing with issues of identity.

5 CLIENT SURVEY New Website Exceptations Look, Function and information 1. Contemporary 2. Work with style guides 3. Be part of MoAD main website 4. Real experience to the museum 5. interactive page Technology 1. Web Mobile device Multiple Languages

6 TARGET AUDIENCE College students in art, history and culture related fields MoAD members People who are interested in the arts People abroad that don't have a chance to visit the museum

I d like to do research about artists and artworks on the museum website, and also experience the art pieces at first hand.

day: 2 hours Have you visited the museum before? Yes. What do you expect from the website?

7 TARGET AUDIENCE User Profile #1 Name: Sayon Age: 20 Location: San Francisco Major: Art History Career: Full time college student at UC Berkeley Have you visited the museum before? Yes. What do you expect from the website? I d like to do research about artists and artworks on the museum website, and also experience the art pieces at first hand. User Profile #2 Name: Claire Age: 55 Location: San Francisco Major: Anthropology Career: Professor Time spent online every day: 2 hours Have you visited the museum before? Yes. What do you expect from the website? I would like to see some info about the upcoming exhibition. I d love to create my own artwork online. I also hope the website looks interesting and attractive so I can share it with my friends.

I am very interested in the artworks, especially the interactive possibilities of media works.

8 TARGET AUDIENCE User Profile #3 Name: Jonas Age: 31 Location: Freemont Major: Computer Science Career: programmer Have you visited the museum before? Yes. How often did you visit the museum? Only once so far. What do you expect from the website? I am very interested in the artworks, especially the interactive possibilities of media works. User Profile #4 Name: Mei Age: 28 Location: Singapore Major: Art Education Career: Full time graduate student Have you visited the museum before? No. How often did you visit the museum? Never. What do expect from the website? I want to see detailed information about the artworks to get a good feel of the exhibition. I am really looking forward to see really nice, large and clear images.

COMPETITIVE ANALYSIS Metropolitan Museum of Art http://www.metmuseum.

9 COMPETITIVE ANALYSIS Metropolitan Museum of Art The Metropolitan Museum of Art is an art museum located on the eastern edge of Central Park, along what is known as Museum Mile in New York City, USA. PROS: - Easy to read information - Good layout design - Some pages support Multiple languages - Detailed information CONS: - Not easy to access each part - Lack of interactive functions

COMPETITIVE ANALYSIS Museum of Modern Art http://www.moma.

10 COMPETITIVE ANALYSIS Museum of Modern Art The Museum of Modern Art (MoMA) is an art museum located in Midtown Manhattan in New York City, USA, on 53rd Street, between Fifth and Sixth Avenues. PROS: - Big visual information icons - Easy to read information using black & white - Good layout design CONS: - Usability is not clear - Not easy to access each part

COMPETITIVE ANALYSIS National Museum of African Art http://africa.si.

11 COMPETITIVE ANALYSIS National Museum of African Art The National Museum of African Art is launching a blog that is intended to tell the story of an exhibition, Artists in Dialogue: António Ole and Aimé Mpane. PROS: - Information is clear - Different exhibition CONS: - Lack of interactive functions - Only text and pictures

COMPETITIVE ANALYSIS Asian Art Museum of SF http://www.asianart.

12 COMPETITIVE ANALYSIS Asian Art Museum of SF The Asian Art Museum of San Francisco is one of the largest museums in the Western world devoted exclusively to Asian art. PROS: - Information is clear - Different exhibition CONS: - Lack of interactive function - Only text and picture

13 FUNCTIONALITY SPECIFICATION Usage Share of Web Browsers Flash Environment

14 IA (INFORMATION ARCHITECTURE)!"#$%&'()'&% &*+,%-).(+/) #."'/ $)0"1+,2%31),/+/4 5()0/+",%67%+,1)8!*+,%2*99):4 #:/-":=( D:)*/)%C*2) 3,/):*0/+;)%()0/+", >+)0)%E D9+,/%9&."1), D:)*/)%C*2) <():%2*99):4

15 TASK ANALYSIS Task 1: Take a look at the artwork. &"01-2$!"#$% &%'()(*(+",-*.+-/ 3(#$+

16 TASK ANALYSIS Task 2: Users create their own art.!"#$% &%'()(*(+",'++9$/ $6$4$"*9,-$.*$/ 0+1-/2'.(- :1*/+"/2'.(- 5.66$-0 31)4(*!"71*/".4$ 8/#(92-(7*(+"/ description

17 TASK ANALYSIS Task 3: Users search for their artwork & send it to friends. 71$-!"#$% &%'()(*(+",+-*.)/.01$- 8599$-/,$"#.*+ 5.6-($"#. 2-*3+-4

18 WIREFRAMES ABOUT PAGE LOGO RSS MoAD News Join MoAD Podcast About Exhibition Create your ART User Gallery language!"#$%&'()*+&"(,',-.*+*!$*+,*/$%*0-*1"$23"!"#$"%&'()'*'+"%,-'./'(001' ,"938#6 :#;8%4"938#6 Join Our Mailing List Contact Legal/Privacy About MoAD 2009 MoAD

19 WIREFRAMES EXHIBITION LOGO RSS MoAD News Join MoAD Podcast About Exhibition Create your ART User Gallery language ARTWORK 2 ARTWORK 3 ARTWORK 4 Map You are Here Join Our Mailing List Contact Legal/Privacy About MoAD 2009 MoAD

20 WIREFRAMES CLICK AN ARTWORK LOGO RSS MoAD News Join MoAD Podcast About Exhibition Create your ART User Gallery language Exhibition > Ramekon O Arwisters Ramekon O Arwisters Info: Artist: ARTWORK 1 Create your Art Artist Video Join Our Mailing List Contact Legal/Privacy About MoAD 2009 MoAD

21 WIREFRAMES CLICK AN ARTWORK LOGO RSS MoAD News Join MoAD Podcast About Exhibition Create your ART User Gallery language Exhibition > Ramekon O Arwisters Ramekon O Arwisters Info: ARTWORK 1 Artist: Artist Create your Art Artist Video Join Our Mailing List Contact Legal/Privacy About MoAD 2009 MoAD

22 WIREFRAMES INTERACTIVE SECTION LOGO RSS MoAD News Join MoAD Podcast About Exhibition Create your ART User Gallery language Create your own ART & STORY! There are two basic item to create your artwork. Choose 1 item to do it. 01.Ramekon O Arwisters 02.Clint Imboden GO to Create GO to Create Join Our Mailing List Contact Legal/Privacy About MoAD 2009 MoAD

23 WIREFRAMES CREATE USERS OWN WORK LOGO RSS MoAD News Join MoAD Podcast About Exhibition Create your ART User Gallery language Create your own chair artwork. Step 01 Step 02 Chair Pattern Glass Reset UNDO Save Step 03. Your Concept & Story Join Our Mailing List Contact Legal/Privacy About MoAD 2009 MoAD

24 WIREFRAMES SEND TO OTHERS LOGO RSS MoAD News Join MoAD Podcast About Exhibition Create your ART User Gallery language Save your Artwork: Name: Your Your Artwork Title for this piece: Send this to your friend: Post an address Subscribe MoAD Newsletter Cancel Preview Save Join Our Mailing List Contact Legal/Privacy About MoAD 2009 MoAD

25 WIREFRAMES USER GALLERY LOGO RSS MoAD News Join MoAD Podcast About Exhibition Create your ART User Gallery language User Gallery Sort by SERCH image Title: Name: Date: Join Our Mailing List Contact Legal/Privacy About MoAD 2009 MoAD

26 MOCKUP EXHIBITION

27 MOCKUP CLICK AN ARTWORK

28 MOCKUP ABOUT PAGE

29 MOCKUP INTERACTIVE SECTION

30 MOCKUP INTERACTIVE SECTION

31 MOCKUP INTERACTIVE SECTION

32 MOCKUP INTERACTIVE SECTION

33 MOCKUP INTERACTIVE SECTION

34 MOCKUP USER GALLERY

35 MOCKUP MOBILE DEVICE SIMULATION

36 MOCKUP MOBILE DEVICE SIMULATION

37 MARKETING PLAN - Publish a feed to Facebook

38 MARKETING PLAN

39 MARKETING PLAN - Banner ads that introduce some of the interactive features - Share link with other museums

40 CONCLUSION

41 THANK YOU!

About Customizing a SharePoint Server 2007 Site

SharePoint How To s / Customizing a Site of About Customizing a SharePoint Server 007 Site Modify the structure and appearance of your SharePoint Server 007 site to best suit the needs of your group. Use