pba front-end programming development process. web development process where do websites come...

PBA Front-End Programming

Development Process

Web Development Process

Where do websites come from…?


• 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…?


• 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!


• 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


Informa-tion

Presentation

Communication

Sales


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

http://www.jens-m-jensen.dk/


• 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,…)?


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


• Sales (web-shop)– Communication, plus– Online sales of products and services– Standard solutions exist (Templates, CMS)– Numerous examples


Informa-tion

Presentation

Communication

SalesSome websites will not fit this model!

Useful model for initial work on establishing purpose


• 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…?


• 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…?



• Subjective!!!



• Try to define objective goals instead!


• ”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


• ”Broad selection”• At least 90 % of all the items in the company

product catalog must be available for purchase online


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


• 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…?


Defining a Target Audience


• 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…?


• How can you characterise a certain Target Audience?– Geography– Demography– Psychography– Level of competence


• Geography– Local/regional/national/

international– Urban/suburban/rural– Climate– Workplace/home


• Demography– Age– Gender– Civil status (single, married,…)– Occupation– Education– Income level– Ethniticity– …


• Psychography– Interests– Behaviour– Beliefs– Values– Culture/Subculture


• Level of competence (with regards to Web usage)– Novice– Casual– Intermediate– Expert


• 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?

pba front-end programming development process. web development process where do websites come...

Documents