Design Critique www.barackobama.com vs. www.johnmccain.com LIS 654-1 Jill Goldstein Prof. Gilok Choi Chana Ziegler Brian McMains Suki Park.

Slides:



Advertisements
Similar presentations
Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.
Advertisements

VISUAL STRATEGIES. WHY USE VISUAL STRATEGIES? HELPFUL in receptive and expressive communication...
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.
PowerPoint Enhancements CMCE 1155 Prof. N Anderson.
Homepage Design Audience Satisfaction Survey. Survey Goal: The new website design should invoke an aesthetic emotional response with our audience. The.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Principles of Graphic Design with some background on Web 2.0 styles.
Mass Communications Web Design Jill Andes Computer Applications Comm. 115.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
Developing the EdWeb- driven website mobile interface Usability research conducted February 2015 Findings and next steps Neil Allison University Website.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Bingoopile It’s More Than Just a Search Engine…. By: Khalid Taha, Anna Bierma, & Tristen Eivins.
Presenting Bikes for Tykes’ Web Site Bikes for Tykes.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
5.00 UNDERSTAND PROMOTION 5.01 Understand the use of an advertisement’s components to communicate with targeted audiences.  
Successful Website Layout EWD Chapter 2. Defining Client’s Needs Many clients don’t know exactly what they want What they ask for may not be what’s needed.
Responsive Web design The usage and essentiality of responsive web design are increasing with the increase of mobiles devices and tablets usage Your website.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
HealthCare4Me Website Usability Critique Drew Brezinski & Deane Nettles.
Design Principles Review
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.
Progress Report: Project 4 Web Solutions. Interviews (Jennifer) Usability Testing (Andrea Kayne) Final Report due Accessibility Analysis (Andrea.
All you need to know about building donation pages Marta Fornal de Seixas.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Web site development: Basics & MS FrontPage. What I hope to demonstrate n n Basics of a good web site n n How to most effectively communicate via the.
Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.
User Centered Interface Design Making things easy for your users...and yourself.
Introduction to Web Page Design. General Design Tips.
PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
11 th April, 2013 Welcome to ‘Best Practice’ series Today we will be focusing on: Building donation pages part 2 - best practice tips.
Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre.
Web Design Basics Creating Appealing Websites Basics of Web Design: HTML 5 and CSS3, Felke-Morris, T.c.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
Principles of effective web design NOTES Flo Morris-Duffin.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.
Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Unit 8.2 / Lesson 1 / presentation1b Website Styles.
1 Basic Web site Design  PMEHS Web Design  Dr. Kerby.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Planning and Designing Effective Web Pages. When planning a new site Determine site goals 2. Identify the target audience 3. Conduct market research.
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.
Home Page Analysis Darnell Romulus Assignment 1 10/30/2015 Mr.Fonseca.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
Web Interface Design Basic GUI and Web layouts Fig H.12: Basic Layouts of Web and Graphic User Interfaces.
Question 1: In what ways does your product use, develop or challenge forms and conventions of real media products? By Amos Mukombero.
We looked at these two presentations and talked about the structure of setting up the table.
Assignment 1: Explain, Review and Discuss the use, features and benefits of Websites Chosen client’s business area: Retail.
The purpose of conducting a Comparative Analysis is to compare the BK Farmyards website to competing websites and to websites with inspirational functionality.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
{ User Centered Design Final Presentation Donia Canaveral }
4-0 MULTIMEDIA INFORMATION AND COMMUNICATION TECHNOLOGY.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
DMT612 Professional Preparation EFFECTIVE WEB DESIGN.
By Vicky Vickers Summarized by Mr. Parslow Webpage Design.
Section 6.1 Section 6.2 Write Web text Use a mission statement
Understanding the principles of website development
Web Design Principles.
Layout - you need to understand that a simple navigation bar:
Basic Web site Design PMEHS Web Design Dr. Kerby.
DESIGN PRINCIPLES and arguing in virtual spaces
Multimedia Web Site Design
Web Design Principles.
Presentation transcript:

Design Critique vs. LIS Jill Goldstein Prof. Gilok Choi Chana Ziegler Brian McMains Suki Park

Introduction Our focus: Critique of Home and Issue pages based on three principles... Info Design Interaction Design Visual Design

Information Design Obama Homepage Message: Change Clear campaign theme featured prominently on website McCain Homepage Message: Country First... Reform*Prosperity*Peace Unclear what this means; ambiguous

Information Design (cont'd)‏ Obama Homepage Text heavy Requires scrolling and scanning of info Deep website McCain Homepage Less text Straight simple talk; geared toward the masses Style but less substance

Interaction Design Obama Homepage: Excels at interactive technology (web 2.0, video, text links)‏ Appeals to younger generation (core of his base)‏ Multiple ways to volunteer and become involved To broaden base, we recommend simplifying page (move store to new page)‏ McCain Homepage: Limited interaction with audience (playing catch up late in campaign)‏ Appeals more to older demographic (not necessarily computer savvy)‏

Obama Homepage

Visual Design Obama Homepage Modern layout Can be confusing Overwhelming (due to number of items)‏ Lack of search feature Good use of logo (personalization)‏ McCain Homepage Designed like a patriotic billboard (red, white and blue)‏ Good use of white space User friendly; easy navigation Poor location for search feature (bottom of page)

Visual Design (cont'd)‏ Obama Homepage Logo more visual and symbolic Clever logo personalization for various audiences McCain Homepage Logo not as attention grabbing

McCain Homepage White space

Critique of Issue Page

Obama - Pros Targets specific audiences better Utilizes direct quotes more often Higher sophistication level Consistent structure of content

Critique of Issue Page (cont'd)‏ Obama - Cons Lack of search feature Text heavy Navigation requires excessive scrolling Graphics and font are monochromatic, not as engaging

Critique of Issue Page (cont'd)‏ McCain – Pros Superior layout, structural organization Better use of graphics, could be smaller Graphics more colorful, convey meaning McCain – Cons Search feature needs to be moved to top of page Issues generalized, could use focus

Obama Redesign Obama Add search feature, top right Move issues to more central location Smaller amount of text Add color to graphics

Obama Redesign

Comparison

Questions