Three Steps for the Non-Designer Brainstorming Categorization Layout.

Slides:



Advertisements
Similar presentations
7th AMICAL Conference June 9-12, 2010 Budapest, Hungary ePortfolio in AUCA: first steps and first results.
Advertisements

Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
Graduate Student Orientation Psychology and Counseling Department.
Designing for Multiple Screen Resolutions Screen resolution is the width and height of the computer screen in pixels Most monitors have many screen resolutions.
Human Services Associate in Science Degree Program Program Review Summit April 22, 2008.
DEVELOPING AN ENRICHMENT CLUSTER: WORK SESSION
Doit Right Portfolio.
New Professional Project Process Spring 8 Week Planned Implementation Schedule Revision: 1.5 Created by: Trisha Litz Revised by:
Graduation Workshop for Spring 2010 Graduates College of Social and Behavioral Sciences Office of Academic Services and Advising South Campus Building.
Assessing Student Academic Achievement The General Education Skills.
Fit Study Abroad into Your Degree. Study abroad can help you make progress toward graduation and it will change your life! There are many ways to fit.
UNIVERSITY OF JYVÄSKYLÄ Developing Web-Based Tools and Support Model for Lifelong Learning and Learning Evaluation Processes in Higher Education ICT- Framework.
Addison Elementary Career Day! Let’s Build a Website May 1, 2015 Christopher Ward Kennesaw State University Director of Web Services and Mobile Development.
Temple University Russell Conwell Learning Center Office of Senior Vice Provost for Undergraduate Studies GETTING INVOLVED IN RESEARCH AT TEMPLE UNIVERSITY.
Creating an Online Portfolio Creating your Electronic Portfolio.
STEVE KRUG’S WEB DESIGN PRINCIPLE BY YAOFENG CHEN WELCOME TO THE.
Christopher Ward Kennesaw State graduate 1995 “Magically” worked my way from being an auditor into the Marketing department Marketing director for audio/video.
Texas Tech University College of Human Sciences Lubbock, TX.
Chapter 7: Professional Portfolios Definition of Career Portfolio Career Portfolio: “ A professional job search tool that contains samples of a candidate’s.
Accrediting Commission for Community and Junior Colleges of the Western Association of Schools and Colleges.
Making YOUR WEBSITE MORE EFFECTIVE Website Evaluation & Usability September 17 th,
Designing in the Dark A Collaborative Project. I am so Lucky! At UTC, I am part of the SoTL community AKA the Faculty Fellows At UTC, I am part of the.
Web Based Career Counseling. How to develop your career through web How to develop your career through web Advantages of the career websites Advantages.
Web Editors’ Board 9 th January ∂ Website project Where are we now? User-testing, analytics and competitor reviews Draft information architecture.
What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.
Simplicity First: Use of Tools in Undergraduate CS and IS Teaching By David Naugler and Ken Surendran Southeast Missouri State University Computer Science.
Senior Honors Thesis Program Office of Undergraduate Research.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
GALLAUDET UNIVERSITY AA Dept Web Project DESIGN REVIEW June 18, 2007 A Web Team Collaboration Design by Zhou Fang Hierarchical Menu by Thad Ferguson academictech.gallaudet.edu/events/2007/deptweb.
THE SENIOR HONORS THESIS PROGRAM HNRS 3399 & 4399 The University of Houston The Honors College Office of Undergraduate Research.
STEPS IN THE WEB DESIGN PROCESS A 5 minute presentation on the latest Ideas and methods.
Developing a New Departmental Internship Program Katherine E. Tirabassi, Associate Professor of English Keene State College, Keene, NH CCCC 2015, Tampa,
DESIGN ELEMENTS: IDEAS May 25, Template Examples 2 Navigation is organized by topic and by audience. Global navigation is horizontal. “Stories”
Confidential/Property of Danfoss District EnergyDanfoss District Energy DivisionDate| 1| 1 Adjusting online product catalog
School of Criminology, Criminal Justice, & Emergency Management Master of Science Degree in Emergency Services Administration New Student Orientation.
Service Leadership & Innovation Rochester Institute of Technology Master of Science Degree In Zagreb.
Portals and Front Door Design University of Chicago.
Résumé Writing How to Get Noticed. Résumé Purpose: to get an interview to market yourself to highlight your accomplishments.
Home Page Redesign & Navigation. Outline Current navigation menu Defined goals for revised navigation Proposed navigation menu Messages for priority audiences.
Degree Restructuring Proposal. Issues with Current Structure Search Indexing (SEO) problems Duplication and inconsistency of content Outdated or missing.
TECHNICAL COMMUNICATION GRADUATE ADVISORY SYSTEM PRESENTED BY: CARMEN MCDONALD GEORGE PAPPAS LAURIE RILEY APRIL WEDEKIND ___________________________________________________________.
Web Site Design 15 Easy Steps to an Excellent Web Site.
WEBSITE DESIGN ELEMENTS Test Friday, February 28, 2014.
Social Media Training for CBT
Career Service Career Coaching Mentoring Application Trainings JOB FAIRS Job Events FH Business Tours Career Counseling cooperations.
Arkansas Tech University’s College Student Personnel Master’s Program Overview 124 Crabaugh Hall – ATU Campus Russellville, AR
For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.
Valley City State University School of Education and Graduate Studies Aggregate Assessment Data Please click on the action boxes to navigate your way through.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Welcome to HMSV Internship Orientation KC Joachim HMSV Internship Coordinator and Lecturer IF YOU DO NOT GET AUDIO PLEASE READ ALL SLIDES.
WELCOME TO THE WONDERFUL WORLD OF E-PORTFOLIOS! Liesl Wuest Dept. of Culture & Communication Drexel University.
WEBSITE NEW FEATURES presented to Mt. SAC Website End User’s Group presented by Uyen Mai, Marketing and Communication Eric Turner, Web and Portal Services.
Planning for your Career Starts Now! GSSW Career Development October 1, 2015.
Welcome to the ePortfolio Teaching Circle Dr. Michelle Pulaski Behling Media, Communications and Visual Arts.
NGSS Town Hall Meeting April 27, :00 p.m. – 4:00 p.m.
OUHSC Graduate College
New Internship Meeting
MS Economic Crime Forensics
HOW WE CAN HELP Key Programs & Services for Employers
COMPLETE REQUIRED INTERNSHIP
Senior Honors Thesis Program
Creating & Managing for Teaching Purposes
Project 23 (Required) Fall 2004
Principles of Web Design 5th Edition
Effective Marketing Do you want to build community awareness of your program efficiently and effectively? Consider the following two strategies…
Knowledge Transfer Partnership 2018
Senior Honors Thesis Program
DEPARTMENT OF EDUCATIONAL ADMINISTRATION AND POLICY
Do I Need Further Education?
Presentation transcript:

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

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

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

Brainstorming Examples ajc.com BusinessSportsLiving Skyline Report Braves Movies Interview with Nicole Kidman “Maddux Signs One-Year Contract” “Cousins Properties Names CEO”

Brainstorming Example Poems “The 2000 Baltimore Ravens: The Best Defense Ever” Short Stories About Me Writing Samples “A Day in the Life of Chris Ward”

Brainstorming Example

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

About the Program Programs of Study Accelerated Master’s Degree Program Course Descriptions Graduate Faculty List of Portfolios / Thesis / Practicums Course Highlights 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

Categorization MAPW user groups –Potential Students Want to know about the program How to apply –Current Students Course Information Graduation Information –Alumni

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 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 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

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

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

Layout Layout is not rocket science Requirements for a laying out a site –Ability to draw boxes –Ability to write words

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”