1 / 28

PBA Front-End Programming

Understand the intricate web development process, from initial idea to defining purpose, audience targeting, and goal setting for a successful online presence. Learn about communication, sales strategies, and user experience to create impactful websites.

keenan
Télécharger la présentation

PBA Front-End Programming

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. 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

More Related