Download
pba front end programming n.
Skip this Video
Loading SlideShow in 5 Seconds..
PBA Front-End Programming PowerPoint Presentation
Download Presentation
PBA Front-End Programming

PBA Front-End Programming

74 Views Download Presentation
Download Presentation

PBA Front-End Programming

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. PBA Front-End Programming Development Process

  2. Web Development Process Where do websites come from…?

  3. Web Development Process • All websites start with an idea! • Wouldn’t it be great if people could find information about my company online…? • Wouldn’t it be great if people could buy our products online…? • Wouldn’t it be great to make a site so interes-ting that millions would visit it each day, and then earn millions on ads…?

  4. Web Development Process • Wouldn’t it be great if people could buy our products online…? Now you know enough, start working!! …and the deadline is in three weeks, btw!

  5. Web Development Process • Clearly, the idea itself is not enough • From idea follows purpose (mission) • Often close to the idea, but somewhat more specific • The website should enable people to buy a broad selection of our products online, at the same prices as in our physical stores

  6. Web Development Process Sales Communication Presentation Informa- tion

  7. Web Development Process • Information: • ”Hello, world” • Basic information about company/organisation • Contact information • One-way communication • Very static, rarely updated • http://www.jens-m-jensen.dk

  8. Web Development Process • Presentation • Information, plus: • Presentation of products/services • Search function • Still one-way communication • Needs more frequent updates (Changes in prices, new products, …) • How are updates handled (CMS, Service,…)?

  9. Web Development Process • Communication • Presentation, plus • Possible to ask questions (and get answers) • FAQ, guides,… • Chat, e-mail, Twitter,… • Two-way communication • Users expectations rise (fast response to questions, etc.)

  10. Web Development Process • Sales (web-shop) • Communication, plus • Online sales of products and services • Standard solutions exist (Templates, CMS) • Numerous examples

  11. Web Development Process Some websites will not fit this model! Sales Communication Presentation Informa- tion Useful model for initial work on establishing purpose

  12. Web Development Process • Purpose established! • The website should make it easy for our customers to buy a broad selection of our products online, while having a positive user experience • Can be start designing now…?

  13. Web Development Process • The website should make it easy for our customers to buy a broad selection of our products online, while having a positive user experience • …and one year later, how will you know if the website was a success…?

  14. Web Development Process • The website should make it easy for our customers to buy a broad selection of our products online, while having a positive user experience • Subjective!!!

  15. Web Development Process • The website should make it easy for our customers to buy a broad selection of our products online, while having a positive user experience • Try to define objective goals instead!

  16. Web Development Process • ”Easy” • It must be possible for 80 % of the users to complete an online purchase within 90 seconds, when starting from the landing page of our website

  17. Web Development Process • ”Broad selection” • At least 90 % of all the items in the company product catalog must be available for purchase online

  18. Web Development Process • ”Positive user experience” • At least 80 % of the users participating in a user survey must give the item ”overall user experience” a rating of 7 or more on a scale from 0 to 10. At most 5 % must give the item a rating of 3 or less.

  19. Web Development Process • Goals established, can we start working now? • Remember Social Constructionism • The Constructionist View: ”How you say something determines what the message is” • Who are we talking to…?

  20. Web Development Process Defining a Target Audience

  21. Web Development Process • Purpose and target audience will often – but not always – be rather closely related • Ideally, everybody should like our website! • In practice, only certain specific groups will be appealed to by our product, message, form of expression, etc. • Who are they…?

  22. Web Development Process • How can you characterise a certain Target Audience? • Geography • Demography • Psychography • Level of competence

  23. Web Development Process • Geography • Local/regional/national/ international • Urban/suburban/rural • Climate • Workplace/home

  24. Web Development Process • Demography • Age • Gender • Civil status (single, married,…) • Occupation • Education • Income level • Ethniticity • …

  25. Web Development Process • Psychography • Interests • Behaviour • Beliefs • Values • Culture/Subculture

  26. Web Development Process • Level of competence (with regards to Web usage) • Novice • Casual • Intermediate • Expert

  27. Web Development Process • Why is this relevant – what can the practical consequences be? • Imagine these target audiences: • Children age 5-8 • Senior citizens, age 60+ • Adults (age 18-60), elementary education • What is the influence on our design decisions?

  28. Web Development Process