IMD09117 and IMD09118  Web Design and Development The Purpose of a Website
What is a website?
The World Wide Web <ul><li>Originally developed to share information across the internet. </li></ul><ul><li>A system of in...
Typical Websites <ul><li>E-Commerce Transactional, end goal is to make profit. </li></ul><ul><li>Information About a compa...
Web 2.0 <ul><ul><li>There is no real difference between Web 1.0 and Web 2.0 technologically speaking.  More a concept of f...
How do you know if a website is successful? <ul><li>With commercial websites, this is often seen as Return on Investment (...
How do you know if a website is successful? <ul><li>Other types of sites use other means to determine success. </li></ul><...
The Web has been built by Computer Scientists <ul><li>Because a website is based on a computer, the majority of developmen...
The Web is used by people <ul><li>This statement is obvious but it is easily forgotten in web design. </li></ul><ul><li>Wh...
Typical Web Design Life Cycle Evaluate and Improve Web site Collect user requirements Define the mission and target audien...
If you don’t know where you’re going, you are never going to get there. <ul><li>The first step is to define your mission s...
Top Shop <ul><ul><li>What is the site goal? </li></ul></ul><ul><ul><li>How will it be evaluated? </li></ul></ul><ul><ul><l...
The five planes Images from Garrett (2003)
The five planes Surface : The whole site, look and feel.  This is where all the elements come together.
The five planes Surface : The whole site, look and feel.  This is where all the elements come together. Skeleton: Completi...
The five planes Surface : The whole site, look and feel.  This is where all the elements come together. Skeleton: Completi...
The five planes Surface : The whole site, look and feel.  This is where all the elements come together. Skeleton: Completi...
The five planes Surface : The whole site, look and feel.  This is where all the elements come together. Skeleton: Completi...
How these elements link together
The final model
Timing The ideal is not top create a situation where work on one element cannot start until the preceding element is finis...
The final model Today we discussed the strategy plane and looked at creating a mission statement. We discussed what a webs...
Upcoming SlideShare
Loading in …5
×

Week 2 - Purpose of a website

824 views

Published on

Published in: Education, Business, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
824
On SlideShare
0
From Embeds
0
Number of Embeds
216
Actions
Shares
0
Downloads
4
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • 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.
  • Week 2 - Purpose of a website

    1. 1. IMD09117 and IMD09118 Web Design and Development The Purpose of a Website
    2. 2. What is a website?
    3. 3. The World Wide Web <ul><li>Originally developed to share information across the internet. </li></ul><ul><li>A system of interlinked hypertext documents. </li></ul>
    4. 4. Typical Websites <ul><li>E-Commerce Transactional, end goal is to make profit. </li></ul><ul><li>Information About a company, organisation or activity. </li></ul><ul><li>Entertainment There for fun. </li></ul><ul><li>Community Communication for those with a common interest. </li></ul><ul><li>Intranet Internal business tool. </li></ul>
    5. 5. Web 2.0 <ul><ul><li>There is no real difference between Web 1.0 and Web 2.0 technologically speaking. More a concept of fostering creativity and encouraging participation. </li></ul></ul><ul><ul><li>People have always made their own sites and posted pictures and video on the web but with sites like MySpace and YouTube they are given certain advantages. </li></ul></ul>This image was attained from http://en.wikipedia.org/wiki/Image:Web_2.0_Map.svg and is used under a creative commons licence. <ul><ul><li>Free and quick to set up. </li></ul></ul><ul><ul><li>Easy to use. </li></ul></ul><ul><ul><li>Formalised area with customisable sections (no starting from scratch). </li></ul></ul><ul><ul><li>They are popular sites so it is more likely that your content will be seen. </li></ul></ul>
    6. 6. How do you know if a website is successful? <ul><li>With commercial websites, this is often seen as Return on Investment (ROI). </li></ul><ul><li>One traditional measure is the conversion rate. Conversion rate can be defined as: The percentage of visitors who take a desired action. i.e buy the holiday, rent the car etc. </li></ul>
    7. 7. How do you know if a website is successful? <ul><li>Other types of sites use other means to determine success. </li></ul><ul><ul><li>Reduction in telephone enquiries. </li></ul></ul><ul><ul><li>More members of a club. </li></ul></ul><ul><ul><li>Helpful entries into a forum. </li></ul></ul><ul><ul><li>The measure of success depends on what the site sets out to do in the first place. </li></ul></ul>
    8. 8. The Web has been built by Computer Scientists <ul><li>Because a website is based on a computer, the majority of development techniques and technologies are developed from traditional computing areas. </li></ul><ul><li>This means that web site development has many of the same techniques as software development. </li></ul>
    9. 9. The Web is used by people <ul><li>This statement is obvious but it is easily forgotten in web design. </li></ul><ul><li>When you build a site you are building it to be used. </li></ul><ul><li>If a site is hard to use, then no-one will use it. </li></ul>
    10. 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)
    11. 11. If you don’t know where you’re going, you are never going to get there. <ul><li>The first step is to define your mission statement. </li></ul><ul><ul><li>What is the site goal? </li></ul></ul><ul><ul><li>How will it be evaluated? </li></ul></ul><ul><ul><li>Who is the target audience? </li></ul></ul><ul><ul><li>Being aware of these three issues from the outset will ensure that your site will have a solid foundation. </li></ul></ul>
    12. 12. Top Shop <ul><ul><li>What is the site goal? </li></ul></ul><ul><ul><li>How will it be evaluated? </li></ul></ul><ul><ul><li>Who is the target audience? </li></ul></ul>Team into groups of 3 and decide the Web site mission for Top Shop
    13. 13. The five planes Images from Garrett (2003)
    14. 14. The five planes Surface : The whole site, look and feel. This is where all the elements come together.
    15. 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. 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. 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. 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.
    19. 19. How these elements link together
    20. 20. The final model
    21. 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. 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.

    ×