PBA Front-End Programming Web Design Elements. Web design elements For now, we will primarily focus on web design as such Given the – Purpose – Target.

Slides:

Advertisements

Similar presentations

Web Page Design Critical Elements for a Well Designed Web Page.

Advertisements

Homepage Design Audience Satisfaction Survey. Survey Goal: The new website design should invoke an aesthetic emotional response with our audience. The.

The Tools You Need to Break It Down.  I can analyze a text using elements of the rhetorical web.

Mgt 240 Lecture Web Site Design Principles April 5, 2005.

Visual Rhetoric English 105. Everything is a Text Images can be “read” and interpreted in the same way as written texts What does this logo say about.

Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.

 Ethos: appeal to credibility  Ethos is the author’s way of establishing trust with his/her reader  How do author’s establish credibility?

Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.

Designing for the Web 7 Useful Design Principles.

So You Want a Web Page!. What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of.

PBA Front-End Week 2. Web Development Organisation In place: – Website purpose – Website goals – Target audience Can we start designing now…? Almost,

PBA Front-End Programming Colors – Theory and Practice.

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.

Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.

Your organisation’s presence on the Internet “To look good is to be good”-- that's the primary test when people assess a Web site's credibility The graphic.

Rhetoric : the art or skill of speaking or writing formally and effectively especially as a way to persuade or influence people.

STEPS IN THE WEB DESIGN PROCESS A 5 minute presentation on the latest Ideas and methods.

PBA Front-End Programming Web Design Elements. Web design elements For now, we will primarily focus on web design as such Given the – Purpose – Target.

12/8/14 Do Now: - Using the list of rhetorical devices, complete the rhetorical strategies pre- assessment. Homework: - None Content Objective (What):

the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)

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.

Organizing Information AGCJ 407 Web Authoring in Agricultural Communications.

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

PBA Front-End Programming Page Composition. Page composition Now we know about – Colors – Fonts, texts and editorial style – Links and navigation – …

What to do when you read the text during reading time.

Interface Design.

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

Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.

Reflection helps you articulate and think about your processes for communication. Reflection gives you an opportunity to consider your use of rhetorical.

PBA Front-End Programming Editorial Style. What does reading on the Web resemble most closely…? – Reading a book – Reading a newspaper – Reading a printed.

Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.

Search & Searchability. Presentation from David Hawking – CSIRO Ineffectual corporate search tools can be the biggest drag on employee productivity. Knowledge.

PBA Front-End Programming Links and Navigation. Links and navigation Most websites cannot be contained within a single web page Information Architect.

PBA Front-End Programming Development Organisation.

PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”

Jacob Mortensen 2/8/13. Visual design is the look of the Web page and the colors and graphics used. VISUAL DESIGN.

Principles of Web Design Da’Zheonna M. Cotton 2/8/13.

Principles of effective web design NOTES Flo Morris-Duffin.

Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.

English Composition ENG115 Reading Critically. Topics Reasons to read critically Integrating sources into your writing Using prereading strategies Reading.

Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:

Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.

+ The Art of Persuasion: Intro to Rhetorical Analysis.

Name: Unit21 A01 - Research. Website 1 Name: Website: Target Audience:

REVIEW AND NEW What we’ve done and what we are going to do.

Web Content Development Dr. Komlodi Class 11: Blueprints.

8/18/2016 Web Development and Interactive Media

Elements of Design.

Web Pages Prepared by Lim Thian Li

Deconstructing Print Ads

Elements of Design.

PBA Front-End Programming

Web Programming– UFCFB Lecture-4

Activity 1.7: Visual Argument

Rhetoric - Ethos, Pathos, or Logos?

Persuasive Techniques in Writing

English 1301 Week 8 Thurs, March 8, 2018.

PBA Front-End Programming

Activity 1.7: Visual Argument

“_______ Jason and Tanya like the new band uniforms?”

How and why we buy into things

RHETORICAL ANALYSIS THIS IS HOW WE DO

Information Systems 337 Prof. Harry Plantinga Usability.

Apply programming techniques to design and create a web page

Using Different Modalities to Present Arguments

How are they used and Why

Web Design Essentials: The Design Process

The Three Types of Persuasive Appeals

Journal #5: Intro to Rhetoric

Presentation transcript:

PBA Front-End Programming Web Design Elements

Web design elements For now, we will primarily focus on web design as such Given the – Purpose – Target Audience – Information Architecture – … … create ”good” web page designs

Web design elements Overall principle: Simplicity – KISS (Keep It Simple, Stupid) – Don’t make me think… – Minimal surprise – The user (usually) doesn’t want to spend time on our website, so help the user get the job done

Web design elements

Design elements to consider – Colors, and other visual elements – Fonts/typefaces – Choice of proper text – Forms of appeal – Website structure and navigation – Page composition Overview now, details later

Web design elements Why are colors important…?

Web design elements Vision is (usually) the ”strongest” human sense – primary source of information Humans are good at spotting differences in colors (~10 million hues) Colors and feelings are closely related On a website, colors is the first thing we notice – first impression is important!

Web design elements

Fonts/typefaces – the visual form of text Why is it important…? Practical – must be easy to read textual content on the website Emotional – we also associate certain typefaces with certain feelings, etc..

Web design elements The Cuba Libre Club Ye Olde Pirates Inn

Web design elements The Cuba Libre Club Ye Olde Pirates Inn

Web design elements The Cuba Libre Club Ye Olde Pirates Inn

Web design elements Death and Honor

Web design elements Different target audiences require different textual formulations and complexity Kids hate long words! Is your site supposed to be – Explicit (Introductory/casual) – Implicit (knowledgable/experienced) – Focused (kids/elderly/ethnic/subculture/…)

Web design elements Uhhh, what…?

Web design elements Rhetoric: the art and technique of persuasion, through oral, written, or visual media Elements of Rhetorics – Ethos (authority) – Logos (rationality) – Pathos (feelings)

Web design elements How do we divide content into multiple pages? Depends on purpose! Two main structures – Linear – Hierachical Search!

Web design elements How do we navigate from one area of a wesbite to another (or to other websites)…? …through links! Manifestations of links – Explicit link ( – Anchor text (click here for info)click here for info – Metaphor (picture, icon, symbol,…)

Web design elements

How do we ”put it all together” – how do we compose a good web page? Again, main driver is – KISS – Minimal surprise – Help the user get the job done

Web design elements