The document discusses the purpose and design of websites. It covers:
1) The origins and typical purposes of websites such as e-commerce, information, entertainment, and intranet sites.
2) The concept of Web 2.0 and user-generated content on sites like YouTube and MySpace.
3) Methods for determining a website's success including conversion rates, engagement metrics, and meeting original goals.
4) The iterative design process including evaluating requirements, conceptual and physical design, usability testing, and ongoing improvement.
10. Typical Web Design Life Cycle Evaluate and Improve Web site Collect user requirements Define the mission and target audience Create and modify conceptual design Create and modify physical design Perform usability testing Implement and market Web site Life cycle restarts when Web site redesign occurs Design loop continues until Web site is ready to go online Iterative Design Adapted from Lazar (2006)
14. The five planes Surface : The whole site, look and feel. This is where all the elements come together.
15. The five planes Surface : The whole site, look and feel. This is where all the elements come together. Skeleton: Completing the structure. What will people use on the site?
16. The five planes Surface : The whole site, look and feel. This is where all the elements come together. Skeleton: Completing the structure. What will people use on the site? Structure: The shape of the scope, how will it all fit together?
17. The five planes Surface : The whole site, look and feel. This is where all the elements come together. Skeleton: Completing the structure. What will people use on the site? Structure: The shape of the scope, how will it all fit together? Scope: Transforming strategy into requirements. What features do we need?
18. The five planes Surface : The whole site, look and feel. This is where all the elements come together. Skeleton: Completing the structure. What will people use on the site? Structure: The shape of the scope, how will it all fit together? Scope: Transforming strategy into requirements. What features do we need? Strategy: What do we want to get out of the site? What do users want? Site mission statement.
21. Timing The ideal is not top create a situation where work on one element cannot start until the preceding element is finished. Far better to ensure that work on an element cannot finish until the preceding element is finished.
22. The final model Today we discussed the strategy plane and looked at creating a mission statement. We discussed what a website is for and how it has a dual role as a software interface and a hypertext system. Next week we will look at strategy and scope in more detail and discuss client needs.
Notes de l'éditeur
Lead a class discussion on this question. Students should discuss what they use the web for and in what circumstances one would need a website. The discussion should lead to the fact that a website is primarily a source of information.
At this point, briefly discuss the concept of hyperlinking and its meaning. Explain that the page example on the slide is from CERN, birth place of the world wide web. The page example is from 1996, taken from the wayback machine http://www.archive.org/web/web.php Mention the heavy use of text and lack of colour, typical of the period. At this point go onto the internet and use the wayback machine to look at www.bbc.co.uk, discuss the difference between a page from 1997 and a page from today.. A good site to compare is Blue Peter, as they should all be aware of the programme. The current URL is http://www.bbc.co.uk/cbbc/bluepeter/ For the 1997 version, you will have to navigate through the wayback machine. Discuss the reason for the differences mention bandwidth, technology, proportion of the population with internet connection.
This is an opportunity to consider what the main uses of the web are. These categories are not mutually exclusive and this is a good point to ask why Cartoon Network would provide a free website full of child friendly games when they are a television station. Ask the students where they would place Facebook, Bebo or Myspace also what they would consider YouTube to be.
This is time to have a brief discussion on Web 2.0. The information to impart is on the slides, feel free to expand should students ask questions but this is only meant to give them a brief understanding of the concept. It would be useful to discuss the cost of “free” websites particularly in terms of giving away personal data and being advertised to. You may wish to mention Facebook’
This slide runs into the next slide, after presenting the information, ask what other measures would determine if a site is successful.
The students will come up with their own measures of success, encourage them to do so.
At this point, it is useful to discuss the inherent dichotomy of computing professionals developing websites. Although there are many useful techniques, the developers tend not to be grounded in basic design principles and this can lead to conflict in design.
At this point try to lead into the exercise on the next page. Ask students to try and visualise a site that they have found hard to use. The majority of your students will have purchased something on the net, give them the opportunity to talk about frustrations they may have had. Specifically ask them if the oldest member of their family has ever bought anything from a website and discuss problems that older people may face.
It is at this stage that we need to start formalising the work we’re doing and should look at Lazar’s User-Centred Web Development Life Cycle. This is an important structure for us to keep in mind and points out the main stages of the design process. The essential point here is that the process starts with defining the mission and target users.
Here we mention the client, stress to students that by having a working mission statement, developed alongside the client, they are able to move in the right direction. Many organisations want Web sites but without a clear idea of what they want the website to achieve, there will be no concept of when the work is finished.
The purpose of this exercise is to get students to discuss website mission statements amongst themselves and to provide a continuity break, allowing concentration levels to reset. Allow the students 5 minutes, 2 or 3 to discuss the issue and 2 to feed back. Students should discover that the goals evaluation and target audience are more complex than they first considered. Some goals are: advertise stock, promote brick and mortar outlets, promote brand identity, sell stock, promote vacancies, promote the corporation. Some evaluation indicators would be, number of site visitors, reduction of enquiries to head office, value of sales. Target audience,
We are now introducing Garrett’ theories from The Elements of User Experience, the core text.
We are now introducing Garrett’ theories from The Elements of User Experience, the core text.
We are now introducing Garrett’ theories from The Elements of User Experience, the core text.
We are now introducing Garrett’ theories from The Elements of User Experience, the core text.
We are now introducing Garrett’ theories from The Elements of User Experience, the core text.
We are now introducing Garrett’ theories from The Elements of User Experience, the core text.
This is the point where the concept of building from abstract to concrete ideas is made. Talk about how each element builds on the one before it. It is also necessary to reiterate the dual nature of a Web site, in terms of a software interface and a hypertext system.
Take the opportunity to talk through the diagram, explaining that the course will eventually cover each section.
Explain here that a holistic approach to a project will create a more rounded final product. Each level feeds the one above and therefore informs it so it is essential to understand the level below but not necessary to have it finished.
Take the opportunity to talk through the diagram, explaining that the course will eventually cover each section. Today we are over-viewing the bottom section but will cover it in more detail next week along with the scope plane.