Lo scopo del découpage tecnico è quello di fornire quelle indicazioni tecniche, relative ad ogni sezione del sito, che non sono presenti nello storyboard. Il découpage tecnico non deve ripetere ciò che è già stato indicato nello storyboard, deve fornire il maggior numero possibile di dettagli tecnici relativi ad ogni singola sezione del sito. Il découpage tecnico ha una struttura a matrice, trascritta su più fogli disposti verticalmente, uno per ognuna delle seguenti aree: il titolo, le parole-chiave, la grafica, le dimensioni, le unità video, audio e alfabetiche, i comportamenti e le relazioni, l'accessibilità.
IL DECOUPAGE TECNICO DEL SITO www.autonomedia.org
|
IL TITOLO SEZIONE 0 "Home page" |
|
| Indirizzo internet del file | <title> </title> |
| www.autonomedia.org | Autonomedia |
|
PAROLE-CHIAVE SEZIONE 0 "Home page" |
|
| Parola-chiave | Ancora |
|
Libreria Nuovi Libri Linkbank Scambio Informazioni Calendario Contattaci |
|
LA GRAFICA SEZIONE 0 "Home page" |
||||
| Elemento | File | Formato file | KB max | Colori |
| Sezione generale | 12 KByte | |||
| I icona | c1_0.jpg | jpg | 1,12 KByte | |
| II icona | c2_0.jpg | jpg | 1,04 KByte | |
| III icona | c3_0.jpg | jpg | 1,15 KByte | |
| IV icona | c4_0.jpg | jpg | 1,36 KByte | |
| V icona | c5_0.jpg | jpg | 1,04 KByte | |
| Titolo | autonomedia.jpg | jpg | 5,31 KByte | |
| Area sopra il titolo | autonomedia_txt_0.gif | gif | 1,03 KByte | |
| Area sotto il titolo | txt_0.gif | gif | 1 KByte | |
| Area sotto le icone | caption_0.gif | gif | 1,01 KByte |
|
LE DIMENSIONI SEZIONE 0 "Home page" |
||
| Elemento | Dimensione in pixel | Dimensione in % |
| Pagina | 760x420 | |
| I icona | 38x38 | |
| II icona | 38x38 | |
| III icona | 37x38 | |
| IV icona | 37x38 | |
| V icona | 36x38 | |
| Titolo | 357x38 | |
| Area sopra il titolo | 343x67 | |
| Area sotto il titolo | 258x83 | |
| Area sotto le icone | 150x28 |
|
I COMPORTAMENTI E LE RELAZIONI SEZIONE 0 "Home page" |
||
| LE RELAZIONI | ||
| Elemento | Link interno al sito | Link esterno al sito |
| Libreria | bookstore.autonomedia.org | |
| Nuovi Libri | /newbooks/index.html | |
| Linkbank | www.linkbank.net | |
| Scambio Informazioni | slash.autonomedia.org | |
| Calendario | /pcgi-bin/suite/calendar/calendar.cgi | |
| Contattaci | mailto:info@autonomedia.org | |
| I COMPORTAMENTI | ||
| Elemento | Condizione | Reazione |
| Icona "Libreria" |
Rollover
On click |
L'icona si colora di rosso , appare una didascalia sotto l'icona stessa ed una sotto il titolo. L'icona si colora di rosso. Suono. |
| Icona "Nuovi Libri" |
Rollover
On click |
L'icona si colora di blu, appare una didascalia sotto l'icona stessa ed una sotto il titolo.
L'icona si colora di blu. Suono. |
| Icona "Linkbank" |
Rollover
On click |
L'icona si colora di verde, appare una didascalia sotto l'icona ed una sotto il titolo.
L'icona si colora di verde. Suono. |
| Icona "Scambio Informazioni" |
Rollover
On click |
L'icona si colora di giallo, appare una didascalia sotto l'icona ed una sotto il titolo.
L'icona si colora di giallo. Suono. |
| Icona "Calendario" |
Rollover
On click |
L'icona si colora di viola, appare una didascalia sotto l'icona ed una sotto il titolo. L'icona si colora di viola. Suono. |
| Titolo | On click | La scritta si colora di viola. Suono. |
| "Libreria" | On click | La scritta si colora di viola. Suono. |
| "Nuovi Libri" | On click | La scritta si colora di viola. Suono. |
| "Linkbank" | On click | La scritta si colora di viola. Suono. |
| "Scambio Informzioni" | On click | La scritta si colora di viola. Suono. |
| "Calendario" | On click | La scritta si colora di viola. Suono. |
| "Contattaci" | On click | La scritta si colora di viola.Suono. |
| Pulsante "Abbonati" | On click | Suono. |
| Eventi del giorno | On click | La scritta si colora di viola. Suono |
|
L'ACCESSIBILITA' SEZIONE 0 "Home page" |
|||||
| Velocità di accesso prevista | Codici html | Utility e plug-in | Software di sviluppo | Avvertenze | Varie |
| 25K/7 sec. | --- | --- | --- | --- | --- |
/su/info/soggetto/flowchart/scaletta/storyboard/home/