Create a User Friendly Web Audience Awareness Aesthetics Logic.

Slides:

Advertisements

Similar presentations

HTML Basics Customizing your site using the basics of HTML.

Advertisements

PRIORITIZING WEB USABILITY. Introduction  How the Book Study Was Conducted  Tested 69 users ages Broad range of job backgrounds and web experience.

Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.

Mass Communications Web Design Jill Andes Computer Applications Comm. 115.

Web Fundamentals Training Series All About the Web.

Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.

Use the Internet to Find a Job Presented by Highland College Placement Office.

Web Page Design ECE 3940 Megan O’Byrne 10 September 09.

Developing a Basic Web Page with HTML

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,

CONCRETE SOFTWARE SOLUTIONS PVT. LTD. A leading Digital Marketing Firm In India.

ALA PRESENTS: What can libraries learn from new user (and non-user!) e-reading data from the Pew Internet Project? Library October 4, 2012 Larra.

Let’s Play Jeopardy! Intro to Tech Edition. What you need: Computer with access to Microsoft PowerPoint White board with dry erase marker A timer and.

Multimedia Notes Review for 8 th Grade Computer Skills Competency Test.

A Short Overview for Learning PowerPoint Cynthia Sistek-Chandler For AB 75 Training Module 3.

Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.

Lesson 1 Text, Graphics Links Content Navigation Video, Audio.

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.

Web-designWeb-design. Web design What is it? Web-design features Before…

PowerPoint Basics “Just what are we trying to do with this software anyway?”

The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.

Web Site Design Principles

HTML H yper T ext M arkup L anguage. HTML HTML is NOT case sensitive However, proper coding etiquette if for all to be in ALL CAPS and for text to be.

XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.

Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.

Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.

Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.

Creating an Effective PowerPoint Presentation

INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.

Introduction to Web Page Design. General Design Tips.

PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.

2015 Website Updates. Design: Overall layout of visual elements Navigation: Arrangement of menus Layout: Arrangement of content on an indvidiual page.

COM 205 Multimedia Applications St. Joseph’s College Fall 2003.

Welcome to Minnesota’s eFolio St. Cloud Technical College June 2, 2003 Norman Baer Matt St. Martin.

 To begin you first need to sign up to Weebly by going to or alternatively and we will create an account.

Four or More: The New Demographic Mary Madden Pew Internet & American Life Project LITA President’s Program ALA – June 27, 2010 (and a bunch of other really.

Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.

“Just look at our web site…” I hate the title of this session, and so should you.

Layout Tips Read Assignment.  Headline  Image of Product  Body Copy  Logo  Toll-free Phone # bold  Address & Web Site.

Kevin Murphy Building a Good Web Page Masters Project CS 490.

Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.

What is Glogster? A social networking site – An interactive poster tool – Graphics – Text – Images – Videos & Sound A classroom tool.

All of the above images are double page spreads from the magazine We (Love) Pop, they have been created and designed for the attention of grabbing the.

Powerpoint Templates Page 1 iPhone combines smart phone capabilities with graphical interface iPhone Application Development.

Design Principles for PowerPoint Presentations Color Use color to direct attention Solid background- avoid textures, designs.

PowerPoint Computer Solutions 1. Multimedia A powerful blend of text, graphics, sound, animation, and video on your computer.  Multimedia is an effective.

Computer Basics Introduction CIS 109 Columbia College.

Section 7.1 Section 7.2 Identify presentation design principles

Web Design ECT 270 Robin Burke.

Web Design Principles.

PHP FINANCIAL TOOLS SCRIPT, FINANCIAL TOOLS PHP SCRIPTS.

Year 7 E-Me Web design.

Web Design and Development

Creating Power Point Presentations

Educational Computing

Step 1: Design for a Computer Medium

Applications Software

ICE 234: Survey of Computers in Schools

WHO MAKES THE INTERNET SO POPULAR?

Instructional Tools The Eagle Group.

Template PowerPoint knowledge clips Green screen Format (16:9)

What: The heading and banner are at the top

Spatial Design.

Introduction To Computing BBA & MBA

COM 205 Multimedia Applications

Good document design saves time and money, reduces legal problems, and builds goodwill. A well-designed document looks inviting, friendly, and easy to.

Objective Explain concepts used to create websites.

Web Design Principles.

And Mobile Web Browsers

Presentation transcript:

Create a User Friendly Web Audience Awareness Aesthetics Logic

Know your user.

Pew Research Center % of all US households own a computer 76% have home internet access ( 3% dial up) 73% regularly use public access internet 86% own smart phones 40% own a game console 19% own e-readers ( Down -13%)

Most likely to be … Middle aged (30-49 years old 83%) Asian (95%) or Hispanic (12% growth) Rich (87% earn 75K or more) College Educated (96%) Male (.7% greater chance) Employed (11% greater chance)

He visits 1,268 pages per month, but only 15 sites regularly( Nielsen.com).

He prefers

He reads only 20% of your text and what he reads he does at a rate of 4.4 seconds per 100 words

. The fact is that he is just not going to read a whole lot of text no matter how important it is.

Image via Flickr user mathoov Image via Flickr user niallkennedy Adapted from: “Gates, Jobs & the Zen aesthetic” by Garr Reynolds Apples and Oranges: Web Design History

1994

“Collage”1995

“Cartoon” 1996

2012

1996

1998

2012

What can we learn?

less is. more.

Data is good.

The ½ the screen you see shows: Final Scores from Five Games Access to 8+ Sport Categories 19 Tag Lines for Articles Four trending topics Two videos Multiple Ads

Don’t Dumb it Down. Organize it.

Don’t clutter your. space.

Think about the aesthetics.

Programmers are the graphic artists of the tech industry. Graphic Design 35% Decline since 1984

Be consistent. font layout punctuation

but some Contrast is good.

3 Clicks and You’re OUT!

Every link must work.

.

balance text and visuals.

. …or blue space.

. Clip Art is cliché.

. make ‘em pucker. Adapted from: “Management Training: Why Does Most Training Not Work” byScott Warrick

Respect opyright

Don’t let this

turn into. this.

. Thank you.