Los Invitados , Estructura Funcional

BÍBLIA WEB
  
ELS CONVIDATS –  (1024px x 768px)

llegenda colors:

color negre = pendent de valorar
color verd = aprovat/definitu
color blau = aproximació al resultat final
color vermell = tasques pendents


SCREEN 1/INTRO

Al introduir la direcció del website, se'ns carregarà la pàgina inicial que consta de un fons amb un vídeo centrat de 600px x 400px, i a la part inferior dretad'aquest un botó de SKIP INTRO. Aquest botó ens porta al Screen 2/formulari. En cas d´acabar de veure el vídeo, al finalitzar aquest, es passa directament al Screen 2/formulari.


interacció:
Botó/Text Skip intro

imgs:
Background


text:
/*text botó per saltar-se la intro
skip intro
*/

video:
video introducció.



. Disseny


SCREEN 2/FORMULARI


Un formulari amb latextura de paper de carta ens permet introduir les nostres dades per registrar-nos i accedir al site al igual que saber-ne més del projecte.

A la part superior dreta tenim dos camps de text dinàmic que fan la funció de permetre l'accés al website interactiu: els camps són LOG IN i PASSWORD. Si introduim les dades malament, un lightbox ens avisarà que hem introduït dades incorrectes Hi ha unCheckBox per permetre al usuari que el computador recordi les seves dades d'accés. També existeix un link que ens permet recordar el password o usuari. Aquest link obre un lightbox on ens demana introduïr en una casella el nostre email per enviar-nos les dades d'usuari i password als nostre email.

Aquests camps estan pensats per la gent que ja s’ha registrat.

Centrat a la part esquerra tenim untext de presentació sobre “els convidats” (Què implica ser un convidat en llenguatge de la sèrie).

Al costat de la dreta del text de presentació, trobem el formulari d'inscripció amb els camps pertinents per al correcte registre d'usuari (NOM, COGNOMS, E-MAIL, un segon cop el E-MAIL, DATA DE NEIXAMENT, reconeixement CAPTCHA+ el que  es consideri).

A sota apareix un text-pregunta avisant alusuari : “Acceptes ser un Convidat?”, amb dos possibles respostes en forma de botó “Si*/No*”.

*SI: Apareix un  lightbox comunicant si hi ha error de registre (tipus email incorrecte) o bé si tot és correcte, avisant que revisi el correu on trobarà un link per activar el seu usuari per accedir al website interactiu.
Si revisa el email i clicka en el link que se li ha fet arribar, accediràdirectament al Screen 3/comfirmació de registre.

*NO: Apareix un lightbox fent la següent pregunta “Estàs segur que no vols ser un convidat?” . L'usuari pot prémer dos botons SI/NO.
Al prémer NO, el lightbox es tanca. Al prémer si, es carrega la WEB de videos sense interactiu

Just a sota dels botons de SI/NO de "Acceptes ser un Convidat?",  en petit hi haurà un link de: "Per què haig de donaraquesta informació?"*

*Per què haig de donar aquesta informació?: lightbox on  hi va un text donant la resposta a la pregunta. És un text que resum la funcionalitat del site, el mateix text més extens i detallat el trobarem al link de "saber més".
Un exemple:
"Estàs a punt de crear un compte personal que et permetrà accedir a les interaccions de la sèrie ELS CONVIDATS. Entrar com usuariregistrat et permet accedir a tots els continguts interactius i poder optar a premis, .... "


A la part inferior de la site, en petit, també  haurà d’aparèixer dos textos linkables:
“Saber més”* i “Avisos legals”*.

*Saber més / Avisos legals: Al igual que amb els altres casos, apareix un lightbox per mostrar el contingut.


interacció:
caselles text dinàmic LOG IN / PASSWORD
botó de ENTRARcheckbox "Recordar usuari"
text "He oblidat usuari/password"
lightbox "He oblidat usuari/password"- casella de introduïr email + botó enviar + Botó tancar (creu)
lightbox "Usuari o Paraula Clau incorrecte"-  Botó tancar (creu)


caselles text dinàmic del Formulari (entrada de nom, cognom , email, ...)
botons SI / NO (acceptes ser un convidat?)
lightbox de errors en el formulari - Botó...