35
Harlot Redesign Project MIDTERM PRESENTATION | DESIGN 673 | AUTUMN 2010 Molly Bryant Allen Cochran Gabe Tippery

harlot_midterm_11

Embed Size (px)

DESCRIPTION

Molly Bryant Allen Cochran Gabe Tippery MIDTERM PRESENTATION | DESIGN 673 | AUTUMN 2010 What are we going to talk about? Harlot Redesign Project | Midterm Presentation | Team MF Awesome 2 Project Overview Project Overview Harlot Redesign Project | Midterm Presentation | Team MF Awesome 4 Project Overview Harlot Redesign Project | Midterm Presentation | Team MF Awesome 5 Research Results Research Results Harlot Redesign Project | Midterm Presentation | Team MF Awesome 7

Citation preview

Page 1: harlot_midterm_11

Harlot Redesign ProjectMIDTERM PRESENTATION | DESIGN 673 | AUTUMN 2010

Molly Bryant Allen Cochran Gabe Tippery

Page 2: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 2

What are we going to talk about?

Project OverviewResearch ResultsPersonasSite StructureWireframesRedesign Direction

Page 3: harlot_midterm_11

Project Overview

Page 4: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 4

Project Overview

Goals

• Provide a design concept emblematic of both the professionalism of an academic journal and the digestibility of an online magazine.

• Increase reader engagement with the site between issue publications through recommendations and insights into site reader strategies.

Page 5: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 5

Project Overview

Success Metrics

• Standard web analytics

• User Feedback and Survey

• Client Response .

Page 6: harlot_midterm_11

Research Results

Page 7: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 7

Research Results

CLIENTINTERVIEW

ONLINESURVEY

Page 8: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 8

Research Results

Client Meeting• An “interactive meeting space”

• Facilitation of the audience to “encode and decode rhetoric”

• A “new form of public intellectualism through social media”CLIENT

INTERVIEW

Page 9: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 9

ONLINESURVEY

Online Survey• Google Docs Site with linked

Google Form

• Distributed via Facebook and Harlot User list

Research Results

Page 10: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 10

Research Results

0 10 20 30 40 50 60 70

Over 40 hours/week (12%)

21 to 40 hours/week (38%)

10 to 20 hours (30%)

5 to 10 hours (14%)

1 to 5 hours (4%)

Less than 1 (0%)

How many hours per week do spend online?

Most visited types of sources are e-mail related, reference, news, social media, blogs, and online journals

Page 11: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 11

Research Results

0 10 20 30 40 50 60 70

No Comment (0%)

No (54%)

Yes (46%)

Do you actively comment or contribute to pages while surfing the internet?

0 10 20 30 40 50 60 70

5 - Strongly Dislike (1%)

4 (12%)

3 (35%)

2 (36%)

1 - Strongly Like (14%)

Rate your opinion towards reading online.

Page 12: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 12

Research Results

0 10 20 30 40 50 60 70

No (50%)

Yes (42%)

Before this survey, had you ever visited www.harlotofthearts.org?

4% E-mail ad0% Banner Graphic40% From a Friend9% Printed Flier16% Word of Mouth0% Magazine0% Book2% Another Website38% The Survey18% Other

This Survey

From a Friend

If yes, how did you hear about the site?

Page 13: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 13

Research Results

0 10 20 30 40 50 60 70

No (55%)

Yes (45%)

Were you aware that you could contribute to this site?

0 10 20 30 40 50 60 70

No (71%)

Yes (29%)

Were you aware that this site has a wiki?

Page 14: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 14

Research Results

Who took this survey?

• 69 People

• 25 males

• 39 females

• 4 “I’d rather not say”

• 20 (19-24)

• 31 (25-34)

• 6 (35-44)

• 4 (45-54)

• 6 (55-65)

Page 15: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 15

Research Results

Art students, art lovers?

People who already like to read lots and lots of text.

The short north in Columbus.

Individuals with a propensity toward precise communication or those with a twisted sense of humor.

Other rhetoric grad students

Page 16: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 16

Research Results

The site seems to have been developed with a kind of in-crowd exclusivity and thus I do not regularly visit though I wholeheartedly and excitedly support the concept. It’s a shame...

Page 17: harlot_midterm_11

Personas

Page 18: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 18

Personas

Lyn Michaelson

Eddie Foster

• 47

• Married, 2 kids

• Volunteers

• Linguistics Prof

• 29

• Single, mostly

• Indie films, band

• Student, writer

Page 19: harlot_midterm_11

Site Structure

Page 20: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 20

Site Structure

Home harlotofthearts.org

Loginlog in | register

About

Missionmission name

the project

PeopleThe TeamJoin Us

LinksFor Educators

Magazine

Current Issue

ArchivesSearch/Browse by:

- Issue-Authour

-Title

Contributerequiements

review process comment policy

open access policy jour-nal sponsorship copyright notice privacy statement

Articles

Blog

Blog Entries

Wiki

Wiki Pages

Contact

Contactcontact info

social networking

Help

Helpsite map

OJSFAQ

Page 21: harlot_midterm_11

Wireframes

Page 22: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 22

Wireframes

All pages contain a consistant header and footer.

• Harlot Logo [always returns to home page.]

• Site Navigation

• Site Search

• User login

• Contact

• Site Map

• Copyright

• Accessibility & RSS

Page 23: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 23

Wireframes

Homepage Table of Contents

Article Page

Content

Four types content pages have been identified

Page 24: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 24

Wireframes

Homepage• Mission

• “Rhetoric Quote of the Day”

• Popular Articles from the Current Issue

• Recent Blog Articles

Page 25: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 25

Wireframes

Table of Contents• Used for Magazine Issues and

Blog Roll

• Magazine Issues include Letter from the Editor Section

• Allow for quick scanning and sharing of articles.

Page 26: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 26

Wireframes

Article Page• Focus on nice line length for

easy reading

• Associated images controlled for clarity and engagement.

• Articles contain link to related blog post for comment discussion.

Page 27: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 27

Wireframes

Content• Flexible grid

• May also be applied as a overall skin for WIKI.

Page 28: harlot_midterm_11

Redesign Direction

Page 29: harlot_midterm_11

While we’re talking about redesigns...

Page 30: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 30

Redesign Directions

Page 31: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 31

Redesign Directions

Direction #1

Page 32: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 32

Redesign Directions

Direction #2

Page 33: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 33

Redesign Directions

Direction #3

Page 34: harlot_midterm_11

Harlot Redesign Project | Midterm Presentation | Team MF Awesome 34

Redesign Directions

bryant.1465cochran.291tippery.2

#1 #2 #3

Page 35: harlot_midterm_11

Thank You!