Web Design HTML CSS Creating Web Sites Design Principles.

Slides:



Advertisements
Similar presentations
User Interface design Teppo Räisänen
Advertisements

Situation in which I need UX evaluation Product E.g. a smart phone; an e-commerce site; a lamp; a health self-monitoring system for elderly Design stage.
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.
1 Lecture 7: Implementing a Prototype: Overview of Using PowerPoint, Flash Catalyst, html, Microsoft Sketchflow/Expression Blend, etc. Brad Myers
Principles of Web Design for Online Educators Rodger Hergert Illinois Online Network May 18, 2005.
DENIM (1 of 3) Denim is a rapid prototyping tool for web information architecture and design. Denim It uses a visual editor which is optimized for stylus.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Selected techniques from the Creative Design Process Vision statement Requirements workshop, other facilitated workshops Creative Design Brief Navigation.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.
Web Design cs414 spring Announcements Project status due Friday (submit pdf)
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
Creating and publishing accessible course materials Practical advise you can replicate.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
Wireframes & Mockups presents…. What is a Wireframe? a sketch or a guideline before you build actual website a “skeleton graph” that shows how the contents.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
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.
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
To arrange an interview, please contact at or call SANJAY KUMAR DEY Cell: I am UI & Gui Designer,
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
Chapter 2 Web Site Design Principles
Design Basics & Usability Shelley Paulson June 1, 2005.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?
Website Project Development Presentation by APNARAJ.COM.
Web Design with HTML & CSS Lesson 1. Planning Your Website   Good design comes from decisions that designers make in order to have a certain effect.
How to Build a Better Web site: The Story of Web Design.
Applications for Web Development (CIS 162) Intro to Web Design.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
Class 02 – 03 Feb 2014 Setup Where do we begin? Know your content Discovering your target user.
Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
© Anselm Spoerri Multimedia Production Lecture 1 Setting the Stage Course Goals Gameplan Examples from Previous Courses Summary.
Producing Web-Based Digital Media Basic Concepts.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
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.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® DESIGN PROJECT PRODUCTION PHASES.
Web Development Process The Site Development Process Site Construction is one of the last steps.
Web Foundations WEDNESDAY, OCTOBER 16, 2013 LECTURE 13: WIREFRAMING, CSS VENDOR EXTENSIONS, CSS POSITIONING LAB WALKTHROUGH.
An Industry Case Study SES – Chicago: 2006 Web 2.0.
Test, Test, and Test Some More Julie M. Davis, PhD Director of Web Development, Clarkson University Image Courtesy of Shutterstock.
Louisa Lambregts, Algonquin College. Today, we will review: 1. website design process 2. main client project and deliverables 3. what is effective web.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
הרצאה 2. ניתוח ותכנון של מערכות WEB נתמקד ב :  תכנון המערכת  תרשים כללי המתאר את המערכת  תכנון התהליך  תכנון תרשימי זרימה של התהליכים במערכת  תכנון.
Usability Tools & Testing. The Process Tools & Software Commercial OpenSource Hosting How to wireframe.
Louisa Lambregts, Louisa Lambregts
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
Chapter 2 Web Site Design Principles
Web Design_ Planning stages
To arrange an interview, please contact at or call SANJAY KUMAR DEY
Elements of Design.
Elements of Design.
Ibrahim Thekkumkara Senior UI UX Designer Design Portfolio 2017
Copyright © 2013 MyGraphicsLab / Pearson Education
 Web Designing Institutes in Chandigarh are in abundance. web responsive design based on latest international demands and trends. Websites Designing.
WEB 236 Education for Service-- snaptutorial.com.
Download CIW 1D0-621 Exam Latest Questions Answers - Updated 1D Braindumps - Realexamdumps.com
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
My Personal Photo Website --Final project
Fall 2017 What’s Next.
Overview of Dreamweaver
Principles of Web Design 5th Edition
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Phases of Designing a Website
UI, UX: Who Does What? A Designers guide to the tech industry.
Web Site Development Careers
creating websites and web applications responsive.
Presentation transcript:

Web Design HTML CSS Creating Web Sites Design Principles

Planning your Website  The Goals of Website Design  Consider rapidly evolving mobile devices  Differences between print and web  Call to action on users part  Web demands user interaction

Defining Goals and Strategy  Why does website exist?  Will the site be free?  What kind of information is contained?  What user interactions might be on the site?  User centered design research on what users might be expecting  Can users submit information to the site?

Scenarios and Characters  Web analytics  Popular analytics tools  Google Analytics  Omniture  Haveamint.com  Chartbeat.com

Information Architecture

Business of Design  AIGA aiga.org  Graphics Artists Guild  A list apart

Goals of Web Design  Rethinking Site Navigation  Usability Testing  First impressions of layout  Where does your eye go first  Is that the most important element  Color Associations  Navigation choices  Where would you click and why?

Colors of the Web

Wireframes prototypes & mockups  Wireframes  Mock ups – can be the next step  Prototypes build for demonstration purposes  Interactive Prototyping resources  Microsoft Sketchflow  Adobe Fireworks  Eightshapes Unify

Creative during the Planning Process  Quick early sketches  Failure is an option  Accept criticism