Top Banner
28

Three Steps for the Non-Designer Brainstorming Categorization Layout.

Dec 23, 2015

Download

Documents

Gwenda Watts
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: Three Steps for the Non-Designer Brainstorming Categorization Layout.
Page 2: Three Steps for the Non-Designer Brainstorming Categorization Layout.
Page 3: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Three Steps for the Non-Designer

• Brainstorming

• Categorization

• Layout

Page 4: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Brainstorming

• Generate ideas about what you

want to see on the site

(personal, departmental,

company-wide objectives)

• Generate ideas about what your

users will want to see on the site

Page 5: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Brainstorming

• Brainstorming should be done in a

“creative” environment

• Room should have plenty of wall

space, white board, etc…

• Try a diverse brainstorming group…

others from different departments,

end-users

Page 6: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Brainstorming

• Separate navigation and content by using different colored Post-It notes

Page 7: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Brainstorming Examples

ajc.com

Business Sports Living

Skyline Report

Braves Movies

Interview with Nicole

Kidman

“Maddux Signs One-

Year Contract”

“Cousins Properties

Names CEO”

Page 8: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Brainstorming Example

Poems

“The 2000 Baltimore Ravens: The Best Defense

Ever”

ShortStories

AboutMe

WritingSamples

“A Day in theLife of

Chris Ward”

Page 9: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Brainstorming Example

Page 10: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Categorization

• By categorizing the navigation and content elements, a “user-experience” should begin to develop

• A good user-experience should allow users to find what they want quickly and should help to eliminate frustration in not being able to find information

Page 11: Three Steps for the Non-Designer Brainstorming Categorization Layout.
Page 12: Three Steps for the Non-Designer Brainstorming Categorization Layout.
Page 13: Three Steps for the Non-Designer Brainstorming Categorization Layout.

About the Program

Programs of Study

Accelerated Master’s Degree Program

Course Descriptions

Graduate Faculty

List of Portfolios / Thesis / Practicums

Course Highlights 2002-2003

Graduation, Portfolio and Thesis Forms and Capstone Guidelines

Academic Calendar

MAPW Newsletter

The Kennesaw Review

Alumni Portfolios

Certificate in Creative Writing

Graduate Certificate for International

Audiences

Careers in Writing Network

Kennesaw State University Graduate

Catalog

Page 14: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Categorization

• MAPW user groups– Potential Students

• Want to know about the program• How to apply

– Current Students• Course Information• Graduation Information

– Alumni

Page 15: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Categorization

Academic Calendar

MAPW Newsletter

The Kennesaw Review

Alumni Portfolios

Certificate in Creative Writing

Graduate Certificate for International

Audiences

Careers in Writing Network

Kennesaw State University Graduate

Catalog

About the Program

Programs of Study

Accelerated Master’s Degree Program

Course Descriptions

Graduate Faculty

List of Portfolios / Thesis / Practicums

Course Highlights 2002-2003

Graduation, Portfolio and Thesis Forms

and Capstone Guidelines

About the Program

Programs of Study

Accelerated Master’s Degree Program

Course Descriptions

Graduate Faculty

List of Portfolios / Thesis / Practicums

Course Highlights 2002-2003

Graduation, Portfolio and Thesis Forms

and Capstone Guidelines

Academic Calendar

MAPW Newsletter

The Kennesaw Review

Alumni Portfolios

Certificate in Creative Writing

Graduate Certificate for International

Audiences

Careers in Writing Network

Kennesaw State University Graduate

Catalog

Page 16: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Categorization

• About MAPW– Program Highlights– Programs of Study– Faculty– Course Descriptions– Accelerated Master’s– Creative Writing Cert.– International Cert.

Page 17: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Categorization

• About MAPW– Program

Highlights– Programs of

Study– Faculty– Course

Descriptions– Accelerated

Master’s– Creative Writing

Cert.– International

Cert.

• Getting Started– Program

Requirements– Transfer Credit– Candidacy– Online

Application

• Course Highlights

– MAPW Fall 2002– MAPW Spring

2003– MAPW Summer

2003

• Current Students

– Academic Calendar

– Graduation Forms

– Directed Study & Guidelines

– Capstone Project & Forms

– KSU Showcase Guidelines

• MAPW Alumni– Alumni Profiles– Portfolios /

Thesis / Practicum

• Newsletter

• Contact MAPW

Page 18: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Layout

• Layout is not rocket science

• Requirements for a laying out a

site

– Ability to draw boxes

– Ability to write words

Page 19: Three Steps for the Non-Designer Brainstorming Categorization Layout.
Page 20: Three Steps for the Non-Designer Brainstorming Categorization Layout.
Page 21: Three Steps for the Non-Designer Brainstorming Categorization Layout.
Page 22: Three Steps for the Non-Designer Brainstorming Categorization Layout.
Page 23: Three Steps for the Non-Designer Brainstorming Categorization Layout.

Layout

• Utilize space efficiently– Avoid too much “white space”– Avoid using every single pixel of space– Allow “breathing room between areas

of the page

• Focus on navigation that is easy to follow and creates a nice “user-experience”

Page 24: Three Steps for the Non-Designer Brainstorming Categorization Layout.
Page 25: Three Steps for the Non-Designer Brainstorming Categorization Layout.
Page 26: Three Steps for the Non-Designer Brainstorming Categorization Layout.
Page 27: Three Steps for the Non-Designer Brainstorming Categorization Layout.
Page 28: Three Steps for the Non-Designer Brainstorming Categorization Layout.