CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets.

Slides:



Advertisements
Similar presentations
CM143 Web Week 6 Links & Navigation CSS Styling & Mouseovers.
Advertisements

Chapters 14 & 15 Internet Databases. E-Commerce  Bringing new products, services, or ideas to market, supporting and enhancing business operations 
Fundamentals of Information Systems, Second Edition 1 Telecommunications, the Internet, Intranets, and Extranets Chapter 4.
Web Accessibility Web Services Office of Communications.
Copyright © 2004 Pearson Education, Inc. Slide 7-1 E-commerce Kenneth C. Laudon Carol Guercio Traver business. technology. society. Second Edition.
Contents Define Web Usability and Why Benefits of Usability Guiding Principles Web Standards, Accessibility and Usability connections Resources.
Web Accessibility Tests Using the Firefox Browser ACCESS to Postsecondary Education through Universal Design for Learning.
E-commerce Introduction. What is E-commerce? The use of the Internet and WWW to transact business? The use of the Internet and WWW to transact business?
The Internet Facilitates Global data communications.
© 2009 South-Western, Cengage LearningMARKETING 1 Chapter 8 E-COMMERCE AND VIRTUAL MARKETING 8-1What Is E-Commerce? 8-2The Growing Importance of E-Commerce.
CM143 – Web Week 12 Meta Information Assignment 2 Presentations.
CM143 Web Week 9 Usability. Usability – why is it important? Ubiquity of the web (Everywhere at once) Main tools of ubiquity: – Rise in computer ownership.
 Copyright Curtis D. Edmonds,  This work is the intellectual property of the author. Permission is granted for this material to be shared for non-commercial,
1st Project Introduction to HTML.
Chapter 6: The Web and E-Commerce Copyright © 2013 Pearson Education, Inc. publishing as Prentice Hall Chapter
Chapter ONE Introduction to HTML.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
Paper Prototyping Source:
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Chapter 5 © 2014 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole.
Introduction to WordPress with SiteControl By: Web Services.
ONLINE SHOPPING! SHANI GORMAN (
System Analysis & Design Chapter VII: User Interface Design Providing interactive and easy to use interfaces is an important task of system designer using.
Business Strategy Evaluation & Recommendations EVALUATE BUSINESS STRATEGY Internal Assessments Evaluation : Bridge of Business-To-Customer Information.
Sarah Rice - IA Summit 2004 Bottom-Up Information Architecture: Re-Design of an Enterprise Class Web Site.
Web Development Life Cycle from Beginning to End…and BEYOND!
Building a site on the World Wide Web requires more than simply learning the HTML language and starting out. You need to get a place to put your Web pages,
The Internet and New Technologies Chapter 2. “We had a choice to enter the country and follow the law. Or we had a choice to not enter the country.” —Eric.
First things, First Do you belong in here? – 10 – 12 – Comp. Discovery or Keyboard/Comp Apps – Do you have any experience with Web Page Design?????
Quality Attributes of Web Software Applications – Jeff Offutt By Julia Erdman SE 510 October 8, 2003.
1 WEB Engineering Introduction to Electronic Commerce COMM1Q.
Chapter 6: The Web and E-Commerce Copyright © 2013 Pearson Education, Inc. publishing as Prentice Hall Chapter
CS5714 Usability Engineering Web Introduction Copyright © 2003 H. Rex Hartson and Deborah Hix.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
The Web Wizard’s Guide to HTML Chapter Seven Frames.
1 WEB Engineering E-Commerce Strategy & Management COM350.
CHAPTER 8 Marketing for E-commerce
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
Fundamentals of Information Systems, Second Edition 1 Telecommunications, the Internet, Intranets, and Extranets.
An Overview 1 Pamela Harrod, DMS 546/446 Presentation, March 17, 2008.
Setting Project Requirements. Step One The first step in creating a website is to define the Purpose.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Chapter 9 Publishing and Maintaining Your Site. 2 Principles of Web Design Chapter 9 Objectives Understand the features of Internet Service Providers.
E-commerce 24/12/ Electronic Commerce (E-Commerce) Commerce refers to all the activities the purchase and sales of goods or services. Marketing,
Quality Challenges in E-Commerce Web sites Ronan Fitzpatrick School of Computing, Dublin Institute of Technology, Kevin Street, Dublin 8, Ireland.
Designing a Website. The Internet The origins of the Internet reach back to research of the 1960s, commissioned by the United States government in collaboration.
Chapter 3 Application Software. Chapter 3 Objectives Identify the categories of application software Explain how to work with application software Identify.
An Industry Case Study SES – Chicago: 2006 Web 2.0.
Types of websites and improving user experience UNIT 13 – WEBSITE DEVELOPMENT.
Paper Prototyping Source: Paper Prototyping a method of brainstorming, designing, creating, testing, refining and communicating.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
User Interface Development Target or Specific User Groups.
CHAPTER 2 CONCEPT OF ELECTRONIC COMMERCE. Why Should Companies Use Electronic Marketing  What is the purpose for engaging online communication?  Why.
The Design Process A bluffer’s guide to interface design A ‘proper’ Design process.
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
Electronic Commerce Semester 1 Term 1 Lecture 7. Introduction to the Web The Internet supports a variety of important tools, such as file transfer, electronic.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
GOOD WEB HOSTING FOR YOUR BUSINESS. Web Host o Business, nowadays, use the Internet to tap potential customers and stay in touch with existing clients.
Usability. How to read this? Usability ::: is the degree to which something is possible to use without specific training Consideration of usability on.
CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets.
UCDW2 - Site Design. Lazar’s Development Lifecycle Define the mission & target users Collect user requirements Create and Modify Conceptual design Create.
2 |2 | Overview of the presentation What is disability? What is the global situation for persons with disabilities? What is accessibility? What is ICT.
CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets.
Web & accessibility resources
Chapter 1- Introduction
Consistent URIs For Compliance Checking (1)
THE INTERNET.
Chapter 6: The Web and E-Commerce
Web: Big Concepts Ch. 3 1/10/2019.
Phases of Designing a Website
Presentation transcript:

CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets Usability Accessibility Metatags Open Source SEO Search Engine Optimisation -->

CM143- WEB Usability Usability – why is it important? Ubiquity of the web (Everywhere at once) Main tools of ubiquity: Rise in computer ownership Pervasive computing outside the standard pc netbooks Wap/mobile browsers internet fridges! Web browser diversity and customisationApplication Web integration (iTunes) Continued digitization of culture (Digital TV, Digital Radio, music industry moving online)

CM143- WEB Usability Web interfaces abound Web Systems replace other systems to become the common interface for communication, business, leisure... Online banking Visiting the library Buying cinema tickets Older, dedicated, computer systems (bank machines / ticket ordering systems) fall out of use.

CM143- WEB Usability State of the web WWW now: Millions of users International / Multicultural Billions of web pages Tens of thousands of page designers and authors Usability in design matters!

CM143- WEB Usability The Usability Challenge Early computing fitted the user to the interface Usability-led design fits the interface to the user Problems: No international standard for the web interface (every page is different) Poor designer education Easy to (mis)use software Cultural misunderstandings Diversity of users and uses

CM143- WEB Usability Culture and Convention Conventions are cultural constraints. They are initially arbitrary, but evolve and become accepted over time. They can however still vary enormously across different cultures, for example: Light switches: America down is off, Ireland down is on Water taps: America anti-clockwise is on, Britain anti-clockwise is off The colour red: Ireland = danger Egypt = death India = life China = happiness

CM143- WEB Usability The Case for Usability 1.Economic: Increased likelihood of customers completing a transaction online Increased customer retention and satisfaction Reduced costs associated with redesign, development and maintenance Reduced costs associated with support, documentation, and training

CM143- WEB Usability The Case for Usability 2. Competetive Unlike ‘Real-world’ shopping, where switching between suppliers is a matter of considerable effort, in e-commerce: Competitive sites are just a few clicks away - for a customer who is having a negative experience with a site. Customer experience is a key differentiator for business-to- consumer (B2C) sites. Research shows that a negative experience with an e-commerce site means a loss of an individual customer forever.

CM143- WEB Usability The Case for Usability 3. Legal and Ethical Disability discrimination Act Equality of access Discrimination (unintentional perhaps) against demographics (foreign nationals, visually impaired, etc) Simply : not polite!

CM143- WEB Usability All of the following can have an effect on the way a person interacts with a system: Age Gender Culture Experience with computers Work or leisure contexts Level of stress Disability

CM143- WEB Usability Intuition Your intuition may not be the best guide! Any intuition is based on personal experience. Your experience is really tiny when compared to whole world of experiences. Fallacy #1 "I do it this way” Fallacy #2 "My mom does it that way " Deep truth 1: you are statistically insignificant Deep truth 2: your a couple of sigma away from the norm (so are your friends/classmates!!)

CM143- WEB Usability Approaching the design User centred design questions: What do users want to do with this site? How can I make this site easier to use? How do I balance aesthetics and access? How do I make the site usable by the widest number of people? Have I built in a redesign process based on user feedback?