280 likes | 379 Vues
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.
E N D
PBA Front-End Programming Development Process
Web Development Process Where do websites come from…?
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…?
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!
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
Web Development Process Sales Communication Presentation Informa- tion
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
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,…)?
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.)
Web Development Process • Sales (web-shop) • Communication, plus • Online sales of products and services • Standard solutions exist (Templates, CMS) • Numerous examples
Web Development Process Some websites will not fit this model! Sales Communication Presentation Informa- tion Useful model for initial work on establishing purpose
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…?
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…?
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!!!
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!
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
Web Development Process • ”Broad selection” • At least 90 % of all the items in the company product catalog must be available for purchase online
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.
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…?
Web Development Process Defining a Target Audience
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…?
Web Development Process • How can you characterise a certain Target Audience? • Geography • Demography • Psychography • Level of competence
Web Development Process • Geography • Local/regional/national/ international • Urban/suburban/rural • Climate • Workplace/home
Web Development Process • Demography • Age • Gender • Civil status (single, married,…) • Occupation • Education • Income level • Ethniticity • …
Web Development Process • Psychography • Interests • Behaviour • Beliefs • Values • Culture/Subculture
Web Development Process • Level of competence (with regards to Web usage) • Novice • Casual • Intermediate • Expert
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?