Harlot Redesign Project MIDTERM PRESENTATION | DESIGN 673 | AUTUMN 2010
Molly Bryant
Allen Cochran
Gabe Tippery
What are we going to talk about?
Project Overview Research Results Personas Site Structure Wireframes Redesign Direction
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
2
Project Overview
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.
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
4
Project Overview
Success Metrics • Standard web analytics • User Feedback and Survey • Client Response .
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
5
Research Results
Research Results
CLIENT INTERVIEW
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
ONLINE SURVEY
7
Research Results
Client Meeting • An “interactive meeting space” • Facilitation of the audience to “encode and decode rhetoric” CLIENT INTERVIEW
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
• A “new form of public intellectualism through social media”
8
Research Results
Online Survey • Google Docs Site with linked Google Form • Distributed via Facebook and Harlot User list ONLINE SURVEY
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
9
Research Results
How many hours per week do spend online?
Less than 1 (0%) 1 to 5 hours (4%)
Most visited types of sources are e-mail related, reference, news, social media, blogs, and online journals
5 to 10 hours (14%) 10 to 20 hours (30%) 21 to 40 hours/week (38%) Over 40 hours/week (12%) 0
10
20
30
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
40
50
60
70
10
Research Results
Do you actively comment or contribute to pages while surfing the internet?
Rate your opinion towards reading online.
1 - Strongly Like (14%)
Yes (46%)
2 (36%) 3 (35%)
No (54%)
4 (12%)
No Comment (0%)
5 - Strongly Dislike (1%)
0
10
20
30
40
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
50
60
70
0
10
20
30
40
50
60
70
11
Research Results
Before this survey, had you ever visited www.harlotofthearts.org?
If yes, how did you hear about the site?
Yes (42%)
No (50%)
0
10
20
30
40
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
50
60
70
4% 0% 40% 9% 16% 0% 0% 2% 38% 18%
E-mail ad Banner Graphic From a Friend Printed Flier Word of Mouth Magazine Book Another Website The Survey Other
This Survey From a Friend
12
Research Results
Were you aware that you could contribute to this site?
Were you aware that this site has a wiki?
Yes (45%)
Yes (29%)
No (55%)
No (71%)
0
10
20
30
40
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
50
60
70
0
10
20
30
40
50
60
70
13
Research Results
Who took this survey? • 69 People
• 20 (19-24)
• 25 males
• 31 (25-34)
• 39 females
• 6 (35-44)
• 4 “I’d rather not say”
• 4 (45-54) • 6 (55-65)
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
14
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
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
15
Research Results
The site seems to have been developed with a kind of incrowd exclusivity and thus I do not regularly visit though I wholeheartedly and excitedly support the concept. It’s a shame...
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
16
Personas
Personas
Lyn Michaelson
Eddie Foster
• 47
• 29
• Married, 2 kids
• Single, mostly
• Volunteers
• Indie films, band
• Linguistics Prof
• Student, writer
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
18
Site Structure
Site Structure Home
harlotofthearts.org
Help Login
log in | register
About
Magazine
Blog
Wiki
Contact
Help
site map OJS FAQ
Mission
mission name the project
People The Team Join Us
Links For Educators
Current Issue
Blog Entries
Wiki Pages
Contact
contact info social networking
Articles
Archives
Search/Browse by: - Issue -Authour -Title
Contribute
requiements review process comment policy open access policy journal sponsorship copyright notice privacy statement
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
20
Wireframes
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
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
22
Wireframes
Four types content pages have been identified
Homepage
Table of Contents
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
Article Page
Content
23
Wireframes
Homepage • Mission • “Rhetoric Quote of the Day” • Popular Articles from the Current Issue • Recent Blog Articles
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
24
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.
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
25
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.
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
26
Wireframes
Content • Flexible grid • May also be applied as a overall skin for WIKI.
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
27
Redesign Direction
While we’re talking about redesigns...
Redesign Directions
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
30
Redesign Directions
Direction #1
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
31
Redesign Directions
Direction #2
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
32
Redesign Directions
Direction #3
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
33
Redesign Directions
#1
#2
Harlot Redesign Project | Midterm Presentation | Team MF Awesome
#3
bryant.1465 cochran.291 tippery.2
34
Thank You!