TK PER LA PROGETTAZIONE DEL LAYOUT DI SVILUPPO
Printed 2014-04-20
Termini di riferimento per lo sviluppo di un layout di design Informazioni generali sul sito Campo di attività: negozio online di prodotti tessili. Destinatari del sito web: Individui, RF Scopo operativo: Vendita di beni via Internet; Attrazione di nuovi clienti; Crea uno stile di design del sito web memorabile. Scopo funzionale: Ricevere le informazioni necessarie sulle attività dell'azienda sul sito; Cerca qualsiasi informazione sul sito; Ricevere informazioni sui prodotti dell'azienda presentati nel catalogo; Registrati al sito; Effettuare un ordine per la merce presentata nel catalogo; Contatta l'amministrazione del sito. Struttura del sito La struttura del sito è presentata di seguito. Home - Pagina “Categorie di prodotto” - Pagina con la descrizione dettagliata del prodotto - Pagina “L'azienda” - Pagina “Pagamento e consegna” - Pagina “Aiuto” - Pagina “Contatti” - Pagina “Novità” - Pagina “Informazioni utili ”- Pagina“ Vendita ”- Pagina“ Scambio e restituzione ”- Pagina“ Feedback ”- Pagina“ Recensioni dei clienti ”- Pagina“ Programma di affiliazione ”- Carrello degli ordini - Pagina“ Il mio account ”- Pagina“ Dati personali ”- Pagina“ Il mio ordini ”- Pagina Registrazione/Autorizzazione - Pagina Promemoria password - checkout pagina radice - pagina di ordinazione generata - la pagina dei risultati di ricerca è quindi necessaria per formare un design sui 4 tipi di pagine: - Home - sezione della pagina - pagina articoli commerciali - pagina con contenuto del testo. Elementi del template generale del sito Il template generale comprende: l'intestazione del sito, il menu principale, la barra di navigazione (“bread bread”), il menu laterale e il footer del sito. Elementi comuni della pagina: 1. Intestazione del sito - Logo. Presentato come un'immagine, contiene un collegamento alla pagina principale/indice. - Informazioni sui contatti. Contiene informazioni: skype, telefono, orario di lavoro. - Ricerca. Un blocco che contiene un campo a riga singola per l'inserimento della stringa di ricerca, il valore di default è “Cerca per nome”; quando si posiziona il cursore nel campo, il valore predefinito viene eliminato. - Blocco carrello ordini Un blocco che contiene: - Se nel carrello sono presenti 0 prodotti, visualizzare la voce: "Il carrello è vuoto". - Se le merci vengono aggiunte al carrello, visualizzare la voce: "Ci sono N merci nel carrello per un importo di NN rubli". È un collegamento alla pagina del carrello degli ordini. - Il blocco "Accedi al sito" In modalità non autorizzata contiene il link "Accedi al tuo account" - vai alla pagina di registrazione/autorizzazione. In modalità autorizzata, contiene il collegamento "Il mio account" - vai alla pagina "I miei ordini" e il collegamento "Esci". 2. Il menu principale. Menù a un livello. L'elemento attivo viene evidenziato con stile. Il menu contiene le seguenti voci: - Home - Informazioni sul negozio - Pagamento e consegna - Aiuto - Contatti 3. Barra di navigazione. Viene visualizzato su tutte le pagine eccetto la Pagina principale. 4. Menù laterale. Menù a due livelli. Livello 1 - categoria del gruppo di prodotti. Livello 2 - tessuto/riempitivo. Quando si seleziona una delle voci di menu, viene visualizzato un elenco a discesa di livello 2. Quando cambi la categoria, cambiano anche le caratteristiche del testo del livello 2. 5. Il piè di pagina del sito. Menù a un livello. Contiene le seguenti voci: Menu inferiore. Sezione "Chi siamo": - "Novità" - vai alla pagina omonima. - “Informazioni utili” - vai alla pagina omonima. - “Saldi” - vai alla pagina omonima. - “Cambio e restituzione” - vai alla pagina omonima. - “Feedback” - vai alla pagina dei contatti. - “Pagamento e consegna” - vai alla pagina omonima. - "Recensioni clienti" - vai alla pagina con lo stesso nome. - “Programma di affiliazione” - vai alla pagina omonima. Copyright del cliente. Testo su copyright e logo aziendale. Requisiti del layout di progettazione. Gamma di colori e saturazione: solo colori pastello tenui, usa colori brillanti solo come accenti. Come colore di sfondo, si consiglia di utilizzare tonalità bianche o chiare. Layout e dimensioni: layout centrato rigido, dimensione di 1024 px in orizzontale, 768 px e più in verticale. Con questa autorizzazione, non dovrebbe esserci scorrimento orizzontale. Posizionamento visivo degli elementi: secondo la struttura del sito e dei prototipi di pagina allegata. Dimensione e tipo del carattere: per le descrizioni di testo, il carattere deve essere arial 12px. Dimensione e carattere delle intestazioni a discrezione del progettista. Siti dei concorrenti: http://kutumka.ru/ http://zelteks.ru/ http://ivtextil-sh-p.ru/ http://www.p-stelin.ru/ Siti interessanti, a nostro avviso, in rete: http://www.d-milf-.ru - la vista principale http://p-stelteks-plus.ru - la gamma principale e l'aspetto http://www.dm-textilya.ru - http : //p-stel-ru.ru - semplicità http://www.mp-stel.ru - vista generale e semplicità Inoltre: la struttura e il design delle pagine principali e interne sono le stesse. Il layout di progettazione del sito dovrebbe essere realizzato in uno stile intuitivo e di facile lettura. Sfumature chiare ed elementi arrotondati sono incoraggiati.