1 / 25

Comprehensive Guide to Web Design and E-Commerce Essentials

This guide covers the fundamental aspects of web design, focusing on technological requirements, hosting options, and essential software tools like Dreamweaver and HTML. Learn about the criteria for choosing effective web servers and the costs associated with web development, including outsourcing options. The guide emphasizes the importance of human-computer interfaces and best practices for designing intuitive, user-friendly e-commerce websites. Gain insights into the roles of different personnel needed for successful web development, from designers to developers, while enhancing your understanding of practical web solutions.

jillian-bernard
Télécharger la présentation

Comprehensive Guide to Web Design and E-Commerce Essentials

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Design, DreamWeaver, HTML, etc. Snyder p89-115

  2. Designing Websites • Technological Requirements • Web Server & Infrastructureor • Out-source Hosting

  3. Technological Requirements Web Server • Computer $500-50,000 • Software • Microsoft $500+/year • Apache (free, but expertise required) • High Speed Internet ($50+/month) • Dedicated/Static IP (extra $50/month)

  4. Out-sourced Hosting • $5 - $5000 • What are the criteria we should care about? • What are our real options? • What do we still need?

  5. Other Essential Requirements • Still need a computer to develop web pages • Still need software • Front Page • Dreamweaver • etc • Still need Internet Connect to reach off-site host • Still need a lot of expertise and knowledge

  6. Expertise & Knowledge • What exactly do you need to know • Where can you find it • What about out-sourcing this? • What kind of personnel do we need?

  7. Web Design People • Programmers/Developers • HTML, JavaScript, PHP, ASP, JSP • Database Administrators • SQL, Oracle, SQL Server, ColdFusion, Content Management • Designers • Photographers, Artists, Advertisers, Marketers • System Administrators • Servers, Client Setup (FTP, etc) • Who else?

  8. What will you learn in this class? • A little bit about everything. • But you can concentrate on your interest area? • Marketing • Design & Appearance • Functionality & Back-end Stuff • However, Everyone will learn to be DreamWeaver Experts.

  9. Human-Computer Interfaces • At its very root, an e-commerce website in an interface between a human and a computer. • Human-Computer Interfaces (HCI) is a well studied object field. • The best practices are highly intuitive, but easy to forget. • We are going to learn some of the basics today.

  10. Other Interfaces • Is this door locked?

  11. Operationally Attuned • Knowing how a device or system works is an aid to simplifying its use.

  12. Operationally Attuned • Knowing how web sites are designed, implemented, and deployed... • helps you use them more effectively (user perspective) • but it also helps you understand how a business can use them more effectively (developer perspective)

  13. Human-Computer Interfaces • Which one controls volume? a. b.

  14. Human-Computer Interfaces • How did you know? a. b.

  15. Mnemonics • Mnemonics are an aid to remembering something. • Examples: HOMES – Huron, Ontario, Michigan, Erie, and Superior. • Visual Mnemonics are powerful aids

  16. Graphical User Interfaces • Digital Metaphor for a real world device or system

  17. Basic Metaphors • Buttons are so intuitive that 1-years understand their use What do you think this button does? How did you know exactly?

  18. Basic Metaphors • Calendars – the metaphor is almost identical to the real world entity

  19. Basic Metaphors • File tabs are also intuitive • But nowadays, who really uses a file cabinet. • The real world objects may become extinct, but the metaphors live on.

  20. Basic Metaphors • Menus are one metaphor that have surpassed their real world counter parts

  21. Web Based GUI’s • The Challenge: While its considered a good practice to design GUI’s that model real world entities, there are trade-offs • Complex GUI’s can be slow on the Web • They can be difficult to implement with HTML, JavaScript, etc. • They can be difficult to maintain on rapidly changing websites

  22. Web-based GUI’s • Websites themselves have become everyday, real world objects. • Example: I read more content on the web than I read from books. • Don’t stick with a metaphor unless its really more intuitive than the digital version.

  23. Clicking and dragging a page Selecting a page number What’s more intuitive?

  24. Web-based GUI trends • What are the best practices in designing web pages? • Web pages for surveys • Web pages for buying a product • Web pages for browsing an online catalog • Great attention is spent on • Simplicity • Functionality • Consistency • Standardization

  25. Designing a good e-commerce web page is much easier than you think • Open Source Web Page Templates • Stock Images • WYSIWYG editors • Database tools

More Related