boum · boum newsopenaccess.uoc.edu/webapps/o2/bitstream/10609/74654/10... · 2020. 4. 24. · boum...

Boum · Boumnews

Boum Boum news neix amb l’objectiu de facilitar la lectura i usabilitat de les revistes del cor als dispositius mòbils.

Es tracta d’una aplicació que integra diferents revistes i funcionalitats de manera nativa.L’aplicació consta de:

1. Pantalla inicial amb un recull de les últimes notícies.

2. Menú hamburguesa lateral que permet la cerca per revista.

3. Lupa que permet la cerca per paraula/es.

4. Menú carroussel que facilita la cerca per temàtica.

5. Menú inferior que inclou apartats prèmium.

6. Diferents pàgines amb tota la informació necessària.

1. Splash Screen 2. Pàgina inicial

3. Menú hamburguesa lateral

1. Menú hamburguesa lateral amb un ítem sel·leccionat 2. pantalla de cerca

Versió tablet de la pàgina inicial

Boum Boum news inclou la maquetació de diverses revistes i les seves respectives pàgines i apartats.

Seguidament es mostraran les pantalles en la seva versió mòbil de ¡Hola!, Cuore, Vanity Fair, Vogue, Ar i ¡Qué me dices!. També la versió tablet de Cuore i Vanity Fair.

Pàgina d’informació específica revista !Hola!.En la primera i segona pantalla podem observar un nou submenú

de color vermell que es desplega al prèmer la icona +.

Pàgina d’un dels subapartats que s’obren una vega-da l’usuari a premut un dels ítems del submenú +

Pàgina d’una notícia de la revista ¡Hola!

Scroll de la mateixa pàgina notícia anterior. Al peu, i amb un fons de color vermell, observem l’apartat hastags referents a la notícia.

Al prèmer un dels hastags de la notícia anterior s’obre una pàgina específica amb totesles notícies referents a la temàtica. En aquest cas #AngelinaJolie.

Pàgina genèrica informativa de la revista Cuore

Pàgina genèrica informativa de la revista Cuore

Pàgina genèrica informativa de la revista Cuore- Versió tablet

Pàgina genèrica informativa de la revista Cuore- Versió tablet

Pàgina genèrica informativa de la revista Cuore- Versió tablet

Pàgina genèrica informativa de la revista Vanity Fair

Pàgina genèrica informativa de la revista Vanity Fair- Versió tablet

Pàgina genèrica informativa de la revista Vanity Fair- Versió tablet

Pàgina genèrica informativa de la revista Vogue

Pàgina genèrica informativa de la revista AR

Pàgina genèrica informativa de la revista ¡QMD!

Boum boum newsmenú inferior

Seguidament es mostraran totes aquelles pantalles i seccions a les quals s’hi accedeix a través del menú inferior. Es tracta d’un contingut prèmium de l’apli-cació al qual l’usuari tan sols hi pot accedir si prèvia-ment es registra.

1. Pàgina de registre 2. Una vegada l’usuari s’ha registrat es mostra la pantalla 2.3. Apartat tus datos, permet modificar les dades de registre inicials.

Versió tablet de la pantalla usuari

Pantalles apartat consultori

Apartat consultori - Versió tablet

Apartat consultori - Versió tablet

Menú inferior - secció usuariApartat comentaris del consultori

Menú inferior - Secció usuariApartat notificacions

Menú inferior - secció estrella Recull de les notificacions

Menú inferior - Apartat inboxSecció que permet guardar les notícies per temàtica

Secció horòscop

Secció horòscop - Versió tablet

Olga Guasch TardàTreball de final de Màster Professionalitzador

Màster universitari d’Aplicacions multimèdia: disseny i desenvolupament de smartcontent

Universitat Oberta de Catalunya Curs 2017/2018