Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.

Slides:



Advertisements
Similar presentations
”SEO” Search engine optimization Webmanagement training - Dar es Salaam 2008.
Advertisements

Manage your sources for more effective research quick tips for creating an APA template Trinity Writing Center (2011)
VISUAL STRATEGIES. WHY USE VISUAL STRATEGIES? HELPFUL in receptive and expressive communication...
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
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.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Christ In Me Ministries Conceptual Model Presented By: Nicole Burrell, Erica Moore, Kimberly Sledge.
Web Design, Usability, and Aesthetics 1 Notes from book “Don’t Make Me Think: A Common Sense Approach to Web Usability” by Steve Krug.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
Academic Computing Services 2010 Microsoft ® Office Visio ® 2007 Training Get to know Visio.
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.
Nick Donnarumma. We are either very lazy or very efficient because we tend not to read pages. We scan them instead to save time. We don’t figure out how.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
A Brief Glimpse of Web Design By: Samantha Beckett.
Do’s and Don’t Of Web Design BY Julia Butterfield.
The title of the magazine is placed on the contents page so that the readers can remember what magazine they are reading and for future reference when.
CHAPTER Planning for Focus and Flow 5 Desktop Publishing: Chapter 5 ©2008Thomson/South-Western.
Chapter 15 Designing Effective Output
GROUP NAME NEWBIE A good website design should be simple and straightforward. It should be simple and straightforward because if the website shows.
System Analysis & Design Chapter VII: User Interface Design Providing interactive and easy to use interfaces is an important task of system designer using.
Microsoft Windows LEARNING HOW USE AN OPERATING SYSTEM 1.
What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.
Instructional Guide Original presentation created by EasyBib, adapted by S. Hall for educational purposes following Fair Use Guidelines and permission.
Lecturer: Roxanne Bloomfield Chevanese Y. Campbell.
The Wonderful World of Weebly. Contents What is a Weebly? How to plan a Weebly Site Goals Task details Access Link Step by Step.
How to create effective PowerPoint slides: A Brief Tutorial Disclaimer: the slides in this presentation are intentionally poor. The goal of this tutorial.
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.
University of Sunderland CDM105 Session 2 Web Authoring Web Design The main principles and the main guru.
NAVIL GONZALEZ ANDREA CANTU MAGALY LUNA Heuristic Evaluation.
E-Commerce and the Entrepreneur
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
12 Tips to Creating Effective Web Sites Don’t Make Sites that Suck!
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
Blogging Transforming Writing for the 21 st Century.
Instructional Guide. How does EasyBib make research easier? Citation Generation Easily create a bibliography in MLA, APA, and Chicago styles Export to.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Presented By David Speight.  Easy Student Accessibility  Familiar Navigation  Fits Inside the Box  Works Outside the Box  Allows Creativity without.
Usability Testing October 17, Overview Heuristic Evaluation and Usability Testing (25 min) Client Relationships – Lisa Lowthers (30 min) Review.
Unit 4 – Design and produce multimedia products AO1 – Review several existing multimedia products Mr Farmer.
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.

Instructional Guide. How does EasyBib make research easier? Citation Generation Easily create a bibliography in MLA, APA, and Chicago styles Export to.
Principles of effective web design NOTES Flo Morris-Duffin.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
Types of websites and improving user experience UNIT 13 – WEBSITE DEVELOPMENT.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
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.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
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.
Unit 13 – Website Development FEATURES OF WEBSITES.
Section 20.1 Elements of Advertising Chapter 20 print advertisements Section 20.2 Advertising Layout.
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.
AIDA Unit 4 – Assessment task 3. 2 Collect a leaflet as you come in… You are going to use this leaflet for a short activity at the start of the lesson.
WebVDEO 601 S Figueroa St Ste 4050 Los Angeles, CA (888) (888) webVDEOwebVDEO is a best web design agency in Los Angeles, offering.
Introduction to Blogs Dr. Nazli Hardy Millersville University EDW 647 Thursday: Part 1 Blogging Important: read the entire presentation before attempting.
Introduction to Blogs Dr. Nazli Hardy Millersville University EDW 647 Part 1 Blogging.
Website Tools & Resources Navy League of the United States Citizens in Support of the Sea Services Building an Online Presence for Your Council What is.
Structuring and Managing Online Learning Environments.
Section 6.1 Section 6.2 Write Web text Use a mission statement
Top Six Web Design Tips for eCommerce Website
Year 7 E-Me Web design.
Creating & Managing for Teaching Purposes
Unit 14 Website Design HND in Computing and Systems Development
Presentation transcript:

Website Design

Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components of an effective website. The following lesson will help you identify key factors to consider when designing your own website for your e-commerce. The possibilities here are endless.

Generating Creative Ideas Every effective website design for an e-commerce business starts with good ideas but where do these ideas come from? If you want to create a successful website then you should be always analyzing, evaluating and searching for great ideas.  Whenever you browse the Internet, meet someone, open a newspaper or magazine, watch television or daydream, you will come upon information that might become helpful in designing and improving your website and enhancing your chances of success.

Generating Creative Ideas An effective e-commerce website will help a business get closer to achieving their business goals and objectives or even help them get started in a new direction or focus. Good ideas come in many forms, but the ones that have the greatest impact and offer the most assistance to e-commerce businesses have two features in common:  They are innovative - often offering something that no one has thought of before, or that has never been done before.  They suggest a way to satisfy or fulfill a need or a want.

Generating Creative Ideas There are plenty of places to look for good ideas.  Browsing and searching the worldwide Internet looking at other e-commerce websites, government agencies, community and professional associations, hobby or church groups, and trade shows are only a few possibilities. Sometimes the new idea you need is only one step beyond an idea someone else has already had or it may be one that someone else has already tried and abandoned.  Perhaps the only missing ingredient for success is you!

Four Basic Principles of Website Design Website design and function are critical for the success of all e-commerce business. Following some simply principles and using common sense as a consumer yourself can add great value and allow you to create a very appealing and user-friendly, effective website.

Four Basic Principles of Website Design The following 4 basic principles of website design will assist you in thinking and creating your own website  Principle 1 - Create a Clear Visual Presence  Principle 2 – Organization  Principle 3 - Use Standard Practices  Principle 4 - General Appearance & Functionality Remember, when all else fails let common sense prevail.

Four Basic Principles of Website Design Principle 1 - Create a Clear Visual Presence This means designing a website that is visually pleasing to the consumer.  The website and information should be well-organized and the contents of the page should follow some sort of order, displaying the most meaningful and important information or content first.  Creating a clear visual presence includes size and position. This can be accomplished easily by using various sizing for pictures and other key elements in relation to the content and information displayed on the page. In website design size and position can make a serious difference.

Four Basic Principles of Website Design Principle 1 - Create a Clear Visual Presence Cont. Example  Size - When looking at most e-commerce websites you quickly discover that the most important information or at least the items that grab your attention the most have large bold headings or visually pleasing pictures.  Position - The more important the information, content or picture is, the better the location or position it receives on the web page  ecommerce-websites/ ecommerce-websites/

Four Basic Principles of Website Design Principle 2 - Organization It is important to make it easy for consumers to locate and navigate information. Grouping like items or using a common picture will help consumers identify different areas and information quickly and easily. Research has indicated that Internet users focus on the areas of a website page that creates the most interest or excitement for them and often disregard or ignore the rest of the website.

Four Basic Principles of Website Design Principle 2 - Organization Cont. Think about it, how do you and your friends choose what to read or look at when you are browsing an e-commerce website? What is the first thing that attracts you or gets your attention when you look at a website? How might this information affect your e- commerce website design?

Four Basic Principles of Website Design Principle 3 - Use Standard Practices This principle refers to using standard type formats or also known as "standard conventions" when possible. The reason for this is basically to make it easier for the end user or consumer who may already be familiar with searching the Internet and browsing e- commerce websites. Example A standard format or convention that has been developed and used in the design of many e-commerce websites is having the navigation bar located at the very top or left hand side of the website page and offering alternative links to other associated websites at the very bottom of the website page.

Four Basic Principles of Website Design Principle 4 - General Appearance & Functionality An effective e-commerce website reduces confusion and frustration for anyone that visits and uses your website. The website should be professional in appearance and convey a positive image and perception for your e-commerce business venture. To create a Web site that is user-friendly:  minimize the reading and the amount of scrolling or navigating.  use consistent font or text styles and colour choices.  minimize the use of busy background wallpaper or images.  reduce the number of link options to other sites or locations.  use appropriate language and attractive pictures.  create a convenient method to communicate and track your consumer.  motivate consumers to promote and encourage others to visit your website.

Top 10 Ways to Make Sites Sizzle 1. Plan, plan, plan. 2. Integrate your online and offline strategies. 3. Involve users in site development. 4. Keep it clean and navigable. 5. Keep new technology in mind. 6. Not too much, not too little. 7. Personalize your site. 8. Test, test, test. 9. Make sure goods get to your customers. 10. Measure your site’s effectiveness.

Top 10 Ways to Make Sites Sizzle Read over the pages from the handout (page 259 to 265)  Complete the 7 questions on the back