WEB
SITE PROJECT
guide
lines
by John Jan Popovic
Qui di seguito vengono illustrati i concetti
chiave e il processo necessario per realizzare un sito web di livello professionale.
Stimiamo sopra tutto la chiarezza e la qualità della comunicazione.
Crediamo che l'attenta pianificazione sia la chiave di successo del Vostro
sito. Pensiamo con attenzione ai nostri progetti prima di cominciare
con la costruzione delle pagine. Valutiamo le vostre necessità pianificando
la vostra strategia, per elevare il ritorno del vostro investimento nel
vostro sito.
Dopo aver letto attentamente questa guida
introduttiva, si può passare alla definizione di un proprio progetto
web!
Definizione del progetto
Capire le Vostre esigenze
e mettere al fuoco il messaggio sono i primi punti critici. Prima di procedere
con il progetto web è necessario non solo avere un completo progetto
di communicazione ma anche una chiara definizione dei vostri obiettivi.
Vi aiuteremo a creare un preventivo ed a tracciare un programma lavorativo
per il Vostro progetto web. Molti clienti quando commissionano la costruzione
dei siti non sanno in una maniera precisa cosa veramente vogliono: quindi,
noi siamo pronti guidarli e consigliarli facendo le opportune domande per
arrivare finalmente a un prodotto professionale ben gradito sia dal committente
sia dal pubblico a qui si rivolge.
Le competenze richieste - il
team
È impossibile essere
un esperto in tutto. È chiaro, creazione di un sito web professionale
che serve per lanciare la impresa online richiede il coinvolgimento di
una miscela particolare delle varie abilità strategiche che si possono
distinguere quattro aree chiave: strategic services, area tecnica e ingegneria,
Information design e Project management.
La vostra immagine aziendale
è importante, non fatela realizzare a chi si improvvisa solo
perché sa usare il computer! È penoso vedere i siti web delle
aziende importanti costruiti in una maniera amatoriale, che sembra che
siano stati realizzati dal nipotino o figliulolo dell'amministratore. Affidatevi
a professionisti della comunicazione (esperti internet, webdesigners, programmatori
Java, artisti grafici, online marketing experts, web strategists, Information
Architects, Project Managers) in grado di proiettare la vostra attività
nel mondo, colpendo l'immaginazione dei consumatori, che vi seguano dall´ideazione
alla realizzazione.
il
team
project
manager - coordinator, scheduling, budget,
relationships
information
designer - site structure, information organization
(hierarchies), interaction design
visual
designer - brand and identity, sensorial design,
concept visualization, interaction design
creative
director - carries the vision of the site (meta not
details), supports designer with clients
buildmaster/scriptors
- interface implementors
engineers
- database architects, internal technical vision
and support
the
web is more team-oriented than in print
collaborative
relationships are very important
communication
and process are essential
must
adapt to different communication styles
websites
are never finished - this is the best, and the worst part
Competenze:
| Gestione
Server UNIX |
| Gestione
Server WIN NT |
| HTML
4.x |
| HTML
3.x |
| JavaScript/JScript/ECMA |
| VBScript |
| Perl |
| Python |
| ASP |
| PHP |
| Java |
| JSP |
| C++ |
| Database
(SQL) |
| Database (ORACLE,
Informix) |
| Programmi
grafici professionali |
| Animazione
Flash |
| Produzione
video |
| Produzione
audio |
| Traduzione
in lingue straniere |
L'approcio
Crediamo che l'approcio
nella costruzione d'un sito web dovrebbe essere graduale: (si comincia
con un semplice sito web e si finisce con un sistema complesso di e-business)
I. Solo contenuto
editoriale sul web - web
II. Catalogo online
con il comercio elettronico - e-commerce
III. Una completa integrazione
elettronica dei tutti processi e le attività aziendali su internet
- e-business
Attività
richieste
Servizi
Strategici / Strategic Services
•
Consulenza
business
•
Consulenza
tecnica
•
Studio
di fattibilità
•
Studio
editoriale
•
Impostazione
strategica del progetto:OBIETTIVI, STRATEGIA, CONTENUTI
•
Studio
di Ideazione e creatività
•
Modeli
di guadagno
•
Competitor
and Market Trends Analysis
Attività
richieste nella fase di pianificazione:
•Organizational
Staff Planning
•Site
Management Planning
•Community
Planning / User Profiling and Surveying
Communication
and Information Design
Information
Design
Interaction
Design
Writing
& Editing
Aspetti
Tecnici / Engineering & IT Aspects
Operating
Systems
Databases
Programming
Languages
Middleware
System
Integration
Hosting
/ Housing Plan
Attività
richieste nella fase di produzione:
•
Gestione
del progetto
•
Ideazione
del sito
•
Definizione
standard di interfaccia per il sito
•
Ideazione
e Gestione Direct E-mailing
•
Ideazione
e Gestione delle sezioni particolari del sito
•
Supporto
nella pianificazione delle attività dell'anno
•
Ideazione
e realizzazione del mini-sito
•
Interfaccie
grafiche per le sezioni particolari
•
Creazione
di elementi grafici
•
Concept
dei banner
Attività
richieste nella fase di manuntenzione e gestione:
•
Gestione
sito
•
Gestione
aggiornamenti grafici e di contenuto del sito
•
Pianificazione
e gestione campagne pubblicitarie su Internet
•
Sistema
di editing / aggiornamenti
•
Attività
di reporting e coordinamento
•
Usability
Test
Project
Management
-
Running
the project from high-level client goals to specific project tactics
-
Strategic
establishment of project goals, metrics, and criteria for success
-
Forecasting
and tracking budgets and schedules
-
Planning
and overseeing acquisition of resources including:
definizione
di delineazione di ruoli / definition of roles
delineation
of deliverables
description
of hardware and software resources for development and operation
ancillary
services
Un progetto
web professionale include la seguente documentazione:
le scadenze delle fasi / attività (inizio e fine)
/ project schedules
diagrami della produzione - calendario / production
matrices
riassunto e specifiche del progetto / project
overviews and requirements documents
macro carateristiche e lo studio della concorenza /
high-level feature descriptions and competitive analysis
procedure, scenari, storyboards / flowcharts,
workflows, storyboards and interaction diagrams
progetto grafico / visual treatments and visual
design specifications
progetto funzionale & algoritmi / functional
specifications
controllo di qualita / test plans, bug
databases, and bug reports
status report settimanale / weekly status
reports
documentazione e manuali per il cliente /
user documentation aimed at specific client roles
Communication Project (Studio
editoriale: contenuti e media)
La parte più importante
di un sito web è si il contenuto, ma soprattutto il suo impatto
sul pubblico. La gestione del contenuto (interattività) e della
grafica sono due componenti essenziali di qualsiasi progetto di comunicazione
interattiva. Nelle prime fasi della pianificazione del sito di deve decidere
cosa pubblicare, cosa si vuole comunicare e come organizzarne il contenuto.
Il progetto di comunicazione è più arte che scienza
ed ha varie componenti multidisciplinarie. Visto che il sito web si basa
esclusivamente sulla comunicazione è importante avere fra i membri
del gruppo esperti per le varie discipline della communicazione che sappiano
comunicare il messaggio desiderato e presentare il contenuto in modo efficace!
La presentazione dei contenuti su internet richiede una vera capacità
di sintesi! Molti clienti quando commissionano la costruzione dei siti
non sanno in una maniera precisa cosa veramente vogliono: quindi, noi
siamo pronti guidarli e consigliarli facendo le opportune domande per arrivare
finalmente a un prodotto professionale ben gradito sia dal committente
sia dal pubblico a cui si rivolge.
Web Project
Quindi, un progetto web
si può raffrontare considerando molteplici aspetti qui in breve
descritti!
Prima di procedere con il
progetto web è necessario avere un completo progetto di comunicazione.
the
process: phases of development
|
strategy
develop
the brand
develop
and validate business plan
explore
the technical limitations and possibilities
interview
potential users to:
understand
their expectations and priorities
begin
developing design parameters |
concept
and planning - discovery
goals
and (top 3) messages - of the product and of the client
audience
description (age, interests, needs, skills, cultural, social)
audience
capabilities (platform, browser/app, connection speed, degree of web experience)
content
- new or repurposed
establish
feature set - current and long-term
develop
flow chart, user profiles, user scenarios
visual
identity (where applicable, and usually preceeded by brand strategy document
and creative brief)
market
testing, current trends
confirm
team roles and responsibilities (including best ways of communication)
|
design
and prototype
visual
design
interaction
design (workflows)
storyboards
(concurrent with visual design)
prototyping
and user testing
analysis
of prototype results and change integration |
production
implementation
of visual design (mockup all pages and all production art)
programming
(HTML, JavaScript, Java, Perl, CGI)
technology
integration (new servers, machines)
specification
documentation development
|
testing
and QA
functionality
testing (does it work, at volume, on different platforms, browsers)
usability
testing (is it natural and intuitive)
cross-platform
testing
proofreading,
graphic QA, compatibility checking, code verification
bug-fixes
|
launch
site
maintenance
and wrap
archiving
+ backing up all project materials
hand-off
specs to client
training
clients/site maintainers for future work
wrap
meeting for team
start
planning for next release
|

for
reference, review a great e-commerce
case study
Il Questionario
Il questionario è
concepito più come un dialogo che la interogazione e ci aiuta chiarire
svariati aspeti del suo progeto web.
Solo grazie a una pianificazione
accurata è possibile sviluppare un sito web altamente professionale!
Rispondendo ai seguenti gruppi di domande, saremo in grado analizzare a
che punto è completo il suo progetto di comunicazione, ovvero cosa
eventualmente manca per completarlo! Le domande riguardanti un Progetto
Web sono suddivise in 4 gruppi:
1. Progetto di
comunicazione (contenuti e media)
2. Information Architecture
3. Manuntenzione e controllo
del sito
4. Strategia online
Information Architecture
L'architettura
delle informazioni del sito web (Information architecture ,IA) rappresenta
la parte essenziale nel processo di un Web design professionale. È
la linea guda da seguire nella realizzazione di un sito web che serve per
deffinire tutti gli aspetti del sito: struttura, funzione, percorsi interattivi,
interfaccia di navigazione, interattività, grafica web.
I clienti a volte vedono
lo sviluppo di IA poco pratico, sia in termini di il tempo che occore sia
nei termini delle competenze professionali necessarie per farlo efficacemente.
Ma questa mentalità per fortuna si sta cambiando lentamente. Un
buono IA è incredibilmente efficace e solo applicando i principi
fondamentali del processo di IA si possono risparmiare sia il tempo che
il denaro in lungo termine.
Nella questa fase sarà
determiniata la struttura del sito, l'inventario del esistente contenuto,
e le specifichie del contenuto manchante. In questa fase costruiamo spesso
i piccoli siti - prototipi per contribuire a chiarire i concetti del design
grafico, interfaccia utente e la interatività.
Come lavoriamo: Il processo di sviluppo
Solo grazie a una pianificazione
accurata è possibile sviluppare un sito web altamente professionale!
1. Un dialogo con il cliente
e l'analisi (Si analizzano tutte le risposte del cliente al questionario
e questo ci aiuta chiarire svariati aspeti del suo progeto web, per decidere
il tipo di funzionalità del sito)
2. Project Management (Piano
di lavoro, la valutazione dei tempi, delle risorse umane e tecnologiche
neccessarie, Aspetti commerciali e legali) Procedura: Passi tecnici
& Passi redazionali
3. Digitalizzazione del
contenuto da immettere su Internet (testi, immagini, etc.)
4.
IA / Information Architecture
Concordiamo
la struttura del sito. Progettiamo l’interfaccia, addatiamo i contenuti
per internet, impostiamo il layout della fino ad arrivare alla realizzazione
di un prototipo.
5. Sviluppo / Realizzazione.del
sito
Ottenuta
l’approvazione del prototipo, procediamo alla realizzazione del sito, che
rispetti gli obiettivi di comunicazione fissati e abbia un impatto superiore
alla concorrenza. (Passi redazionali)
6. Pubblicazione / messa in
funzione
Una volta testato, internamente
ed esternamente correzione errori testo, ottenuta l’approvazione, il sito
è pronto per la pubblicazione.
7.
Promozione.
Si possono scegliere sia i canali
di promozione tradizionali sia quelli su Internet.
8.
Analisi dei risultati.
I
report statistici dei server web vanno attentamente analizzati per comprendere
l’efficacia del sito, testare il gradimento del pubblico, e individuare
i visitatori potenzialmente interessati.
9.
Aggiornamenti.
Gli aggiornamenti possono riguardare
singole sezioni del sito, come una rubrica online, l’home page, un listino
prezzi, oppure l’intero sito.
Come posso essere
sicuro che sito web mi serve?
|
Prima che la vostra
azienda entri in Internet, è importante capire che cosa potrebbe
ottenere:
-
Nuovi clienti.
-
Miglioramento dei servizi all'
attuale clientela.
-
Aumento della presenza nel mercato
internazionale.
-
Riduzione significativa dei
costi derivanti dalla gestione dei cataloghi, listini e ordini.
-
Riduzione delle spese e aumento
del fatturato.
-
Vendite e pagamenti immediati
in linea.
|
Perchè
dovrei considerare Internet seriamente? Forse il commercio elettronico
è solo un trend.
|
Ecco alcune delle
molteplici buone ragioni per considerare la presenza su web :
-
L'aumento progressivo dei consumatori
che utilizzano questo potente canale di compravendita.
-
La convenienza e l'economicità.
-
L' offerta da parte della concorrenza
di significativi sconti ai propri clienti che acquistino elettronicamente.
-
La conoscenza in tempo reale
di dati e statistiche di marketing.
|
Che cosa mi serve
per avviare con successo un sito web altamente professionale?
|
Semplice:
-
Anzitutto un supporto professionale
ed altamente qualificato (esperti internet, webdesigners, programmatori
Java, art director, marketing experts) in grado di proiettare la sua attività
nel mondo, colpendo l'immaginazione dei consumatori.
-
Una accurata pianificazione.
-
Un adeguato budget.
Il catalogo dei prodotti
o servizi, listini, le brochure aziendali, sono le parti
fondamentali del suo sito web.
|
Il direttore del progetto deve
guidare e coordinare tutti aspetti del progetto web, previamente accordati
con il committente.
Content Selection
Graphic Design
Interactivity
Information Architecture |
Customer Service
Technical Aspects
Promotion
Management
Marketing |
Un sito Web professionale:
-
communica in un modo efficente
-
È facile da usare e consultare
-
manuntenzione è semplice
-
Ha un'architettura robusta
-
Usa la tecnologia adequatamente
Fase alfa:
Primo passo in assoluto:
si deve preparare il piano di lavoro, seguendo le indicazioni del cliente.
Si analizzano tutti gli
aspetti del futuro sito, struttura, grafica, interatività.
Si creerà il piano
di lavoro, con la valutazione dei tempi, delle risorse umane, tecnologiche
e finanziarie neccessarie.
specifica
del sito / MediaContent
| elenco delle pagine www |
ogni pagina è un
file con il proprio nome |
| elenco delle immagini |
ogni immagine è un
file con il proprio nome |
| struttura |
the site map |