Art 155 Information Architecture In-class Presentation Week 9A.

Slides:



Advertisements
Similar presentations
IT KEY SKILLS LEVEL 1 Evidence required for: A poster or Word document.
Advertisements

Certificate in Digital Applications – Level 02 Website Design and Creation.
Inspiration Furniture A Proposal for a Web Site Redesign by KCC, Web Design & Usability Specialists.
Art 155 Information Architecture In-class Presentation Week 10B.
Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 9A.
Information Architecture Week 8. Information Architecture QUIZ Please put your books away and get ready for this week’s quiz.
Art 155 Information Architecture In-class Presentation Week 9B.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 7 :: b.
Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.
Kapi’olani Community College Art 257 Motion Graphic Design In-class Presentation Week 8B.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 14B.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 4A.
Information Architecture Week 6. Information Architecture CALENDAR.
Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 257 :: motion graphic design week 7 :: a.
Kapi’olani Community College Art 257 Motion Graphic Design In-class Presentation Week 6A.
Art 128 Interface Programming 1 In-class Presentation Week 8A.
Art 155 Information Architecture In-class Presentation Week 8A.
Art 155 Information Architecture In-class Presentation Week 16B.
Interface Design 2 Week 5. Interface Design 2 :: Week 5 :: Calendar.
Art 155 Information Architecture In-class Presentation Week 7B.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 7 :: a.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 4 :: a.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 257 :: motion graphic design week 2 :: a.
Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 8B.
Interface Design 2 Week 3. Interface Design 2 :: Week 3 :: Calendar.
Art 155 Information Architecture In-class Presentation Week 6B.
Information Architecture Week 7. Information Architecture QUIZ Please put your books away and get ready for this week’s quiz.
Information Architecture Week 15. Information Architecture CALENDAR.
Information Architecture Week 4. Information Architecture CALENDAR.
Interface Design 2 Week 6. Interface Design 2 :: Week 6 :: Calendar.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Website Design BTT1OC/2OC. What is web design? O A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound,
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Basics of HTML. Example Code Hello World Hello World This is a web page.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
CURR 285, Fall 2004 Michael Beutner, Associate Professor, Instructional Technology Office:Strauss Hall 206 (203) When you send ,
Art 155 Information Architecture In-class Presentation Week 3B.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 127 :: graphic symbolism week 16 :: a.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 6B.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 6 :: a.
Interface Design 2 Week 2. Interface Design 2 :: Week 2 :: Calendar.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 127 :: graphic symbolism week 6 :: b.
Information Architecture Week 1. Information Architecture CALENDAR.
Interface Design 2 Week 7. Interface Design 2 :: Week 7 :: Calendar.
Interface Design 2 Week 13. Interface Design 2 :: Week 13 :: Calendar.
Art 155 Information Architecture In-class Presentation Week 4B.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 257 :: motion graphic design week 6 :: a.
Interface Design 2 Week 14. Interface Design 2 :: Week 14 :: Calendar.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 127 :: graphic symbolism week 8 :: b.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 3 :: a.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 2B.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 7A.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 5A.
Information Architecture Week 12. Information Architecture CALENDAR.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 2A.
Section 7.1 Section 7.2 Identify presentation design principles
Interface Programming 2 Week 14
Kapi’olani Community College
Kapi’olani Community College
Principles of Web Design 5th Edition
Website Planning EIT, Author Gay Robertson, 2018.
Interface Design 2 Week 4.
Kapi’olani Community College
Kapi’olani Community College
Interface Design 2 Week 11.
Kapi’olani Community College
Kapi’olani Community College
art 127 :: graphic symbolism
Presentation transcript:

Art 155 Information Architecture In-class Presentation Week 9A

Art 155 :: Information Architecture :: Week 9 :: A In-class Presentation :: today’s agenda  Your 2 revised site maps are due today. Please them to me at  Page Maps  make many thumbnail sketches before you go digital!  pay attention to your language/writing  use abbreviated keywords when possible  KISS! (Keep it Simple Stupid)  An introduction to your mid-term project

Art 155 :: Information Architecture :: Week 9 :: A In-class Presentation :: homeworkdue ::  Page Maps (at least 3)  Purpose/Objective:  To visually communicate a page structure that enforces “a consistent hierarchy of design elements where the relevant elements are emphasized and the content is displayed in a logical and orderly manner.” –pg. 180 from Usability for the Web  To conceptually consider the advantages and disadvantages of existing page layouts and navigational techniques in order to make organizational changes for improved usability.  Assignment: Use Microsoft Power Point, Adobe Illustrator, or any other visual mapping program to create page maps for the home page and at least two sub pages of your site:  The Home Page  At least one sub page (a template, for example)  Any other sub pages that are important for your study.  Format:  Digital version only: Microsoft Power Point document (.ppt). If you used another program, please save out the images and then paste them into a power point document to be handed in. me a digital version before class begins at  Reading: in your text Usability for the Web, read:  End of Chapter 5: Pg  All of Chapter 6: Pg

Art 155 :: Information Architecture :: Week 9 :: A In-class Presentation :: mid-term projectdue ::  Client Documentation Packet and Presentation  Purpose/Objective:  To combine all client documentation to date into one unified document.  To design a presentation packet that communicates all background research, discoveries, and future recommendations for the site redesign.  To use your copywriting skills to edit your previous documentation content in order to highlight primary project objectives.  To use basic design elements of line, color, and shape in combination with a standardized style of consistent typography, typesetting, and layout.  To illustrate to the client how your proposed design changes will impact the target users.

Art 155 :: Information Architecture :: Week 9 :: A In-class Presentation :: mid-term projectdue ::  Client Documentation Packet and Presentation  Assignment: Two documents are due! 1.One Microsoft Word document of your “Client Documentation Packet” – this packet should include all client documentation to date. 2.One Microsoft Power Point Presentation – do not include all content from the documentation packet!!! Only include what you need in order to communicate to the client the changes that you are suggesting/recommending. You should include a summary of the primary objectives, your revised site map, selected page maps, three new site interaction episodes, and your conclusion.

Art 155 :: Information Architecture :: Week 9 :: A In-class Presentation :: mid-term projectdue ::  Client Documentation Packet and Presentation  Assignment: Two documents are due! 1.One Microsoft Word document of your “Client Documentation Packet” – this packet should include all client documentation to date. Be sure to include the following assets:  A Title Page  A Table of Contents Page  Revised Project Creative Brief  Revised Primary User Scenarios  Summarized Forrester Review Test Results (a summary of results including the final score)  An updated and abbreviated Usability Checklist listing all primary objectives of the redesign.  Current Site Map  Revised Site Map based upon your personal observations and recommendations  Page maps (include all relevant pages)  Three (3) new “Site Interaction Episodes” using the same three users from your User Scenario section.  A conclusion section/page consisting of a bulleted list of primary objectives and how you have resolved your primary goals/design problems as a usability consultant.

Art 155 :: Information Architecture :: Week 9 :: A In-class Presentation :: mid-term projectdue ::  Client Documentation Packet and Presentation 1.For your documentation packet, you will be primarily copy and pasting content from previous assignments. All content must be revised and edited. Be sure to stylize your final document with consistent typography and typesetting. Use margins, indenting, bulleted lists, and a combination of color, font size, font decoration, and capitalization to create a visual sense of hierarchy that is consistent throughout the document. 2.During the mid-term presentation critique you will present your revised site maps and page maps and walk us (the client) through your three new “Site Interaction Episodes.” These will be your three primary targeted users walking through your new site to achieve their goals. You should aim to have them succeed, where previously they either failed or had trouble achieving their goal on the client site.

Art 155 :: Information Architecture :: Week 9 :: A In-class Presentation :: mid-term projectdue ::  Client Documentation Packet and Presentation  Format: Three formats are due! 1.Printed Client Documentation Packet: please print out and staple/bind your final documentation document. To be handed in before class begins on March 20th. 2.Digital Client Documentation Packet: One (1) Microsoft Word document. it to me before class begins on the 20th at 3.Digital presentation: Microsoft Power Point document of your mid-term presentation. I will get these off of the computer in class.