PROTOTIPOPÁGINAWEB

1. OBJETIVOS

Plantearlosobjetivosgeneralesyespecíficosdelproyecto.

- Reunirenunsolositiotodaslasinformacionessobrelorelativoalaadicciónalmóvil,

aInternet,elpostureo,etc.

- ConcienciareinformarsobreelproblemadelaadicciónaInternet/móvil.

- Ayudaralusuarioasaberquégradodeadiccióntiene.

- Almismo tiempoqueayudarles a conocer suadicción, en casodeque loquieran,

ayudarlesadesvincularsedeestacontinuanecesidaddeestarconectadosmediante

posiblesactividadesquepropondremos.

- Crear una “comunidad” en la que los usuarios se ayuden unos a otros mediante

retos.

2. IDENTIFICACIÓNDELOSPÚBLICOS-OBJETIVO

DefiniralosusuariostipodelproyectoysuperfilTIC.

- Nuestropúblicoobjetivoprincipalmenteseconcentraenelcolectivojovendeentre

16-30años.

- Nuestropúblicoobjetivoutilizaelmóvildurantetodoeldía,siemprelollevaconsigo,

aunquesiguehaciendousofrecuentedelordenador.

- Nuestro público está muy presente en redes sociales, sobre todo Instagram,

Facebook,TwitterySnapchat.

- NuestropúblicoseinformadelaactualidadenInternet.

¿Porquéyparaquéquerráconsumiroutilizarnuestroproyecto?

- Por la creciente preocupación entre los usuarios por el consumo y el tiempo que

pasamosenInternet/móvil.

- Parainformarsedelasnoticiasrelativasaestefenómeno.

- Parademostrarlesquenonecesitandeaprobaciónsocialparaseraceptados(enel

grupodeamigos).

- Para hacerles ver que las redes sociales se alejan de la realidadmás de lo que la

mayoríacree.

¿Enquécontextosysituacionespensamosquepodráutilizarlo?

- Tras entender que realmente el estar constantemente dependiendo de las redes

socialesesunproblemaquelesafectasocialmente.

- Una vez entiendanque aunqueel usode éstas seaunapequeñapartedel día, se

convierteenmuchotiempoinvertidoconelpasodelosmesesylosaños.

- Cuandoveanquelavidarealnoeslaqueelloscreanensuspropiasredessocialesa

travésdefotosdepostureo,unnúmeroelevadodeseguidoresylikes.

3. OFERTADECONTENIDOS

¿Quécontenidosvamosaofrecerparasatisfacerlasnecesidadesdelpúblicoobjetivo?

- Testdeadicción

- Noticias,artículos,documentales,vídeosparainformar

- ActividadesalternativasparapasarmenostiempoenInternet/móvil

- RetosparamotivaralusuarioareducireltiempoquepasaenInternet/móvil

- Laposibilidaddeinvolucraraamigosatravésdelas“intervenciones”

¿Cuálesvanasernuestroscontenidosdereferencia?

- https://pencilsofpromise.org

PencilofPromiseesunaONGconsedeenNY.Supáginawebbuscainvolucraralusuario.Al

contrarioqueotrasONGnoselimitaapedirdonativos,sinoqueatravésdepestañascomo

“Take action” busca que los internautas se unan a iniciativas activas y creen las suyas

propias.Hemosimitadoestaideaparaquelosusuariospuedanparticipar.

4. ARQUITECTURADELAINFORMACIÓN

Enumerar en una lista-esquema los módulos y sub-módulos (categorías, secciones,

apartados)enlosquevamosaclasificarloscontenidosdelproyecto.

● Home

● Infórmate:

○ Noticias

○ Documentalesyvídeos

○ ¿Quémáspuedohacerconmimóvil?

● Midetuadicción:

○ Móvil

○ Redessociales

● Postureo

○ Homenaje

○ Carpediem

○ Sonsoloprendas

○ Postutips

● Actúa:

○ Retos(Creatuiniciativa–Únete)

○ Actividadesalternativas(Creatuiniciativa–Únete)

● Ayudaaunamigo:

○ Quées

○ Interviene

● Sobrenosotros:contactaconnosotros

Funciones:

- Buscador

- Accesoanuestrasredessociales:Instagram/Twitter/Facebook

- Formulariodecontacto

- Suscripciónanuestrapáginaweb (que les llegueuncorreocadavezquehagamos

unapublicaciónnueva)

ÁRBOLFUNCIONAL

Exponerloscriteriosdeclasificaciónempleados.

Encuantoalaclasificaciónquehemoshechoennuestrapáginaweb,tenemos6secciones:

- La pestaña “HOME” estará dedicada sobretodo a mostrar los aspectos más

novedososeinteresantesdenuestrapáginaweb.

- “INFÓRMATE”lausaremosconelfindeconcienciaralosusuariosdelaproblemática

delpostureoyusodelmóvilexageradomediantenoticias,vídeosatractivosyyaque

escomplicadodeshacersedelmóvil,queremosproponerlesnuevasactividadesmás

útilesquepodríanllevaracabo.

- La sección “MIDE TU ADICCIÓN” está destinada a demostrar a los internautas su

adicción respecto almóvil y postureomediante unos tests que hemos realizado y

quehemosvistointeresantes.

- La categoría "POSTUREO" lahemosañadidoenel últimomomento conmotivode

aclararmáslaseccióndedicadaaestetema,yaqueenunprimermomentonuestro

objetivo era sobre todo hacer ver a la gente esa "victimización al postureo" y lo

enganchadosqueestamosaunacontinuadecoracióndenuestrasvidas,actividades,

tendiendo casi siempre a mejorarlas y exagerarlas. Por ello, pretendemos hacer

entender a nuestros usuarios la realidad y el significado de esta adicción.

Comenzaremosañadiendo informaciónbásicapara introducirlesenel tema, y tras

ello,irampliándolaconmáscuriosidadesymaterialútil.

Ademásnoshemosqueridoayudardeotrasactividadesmásdivertidasconelfinde

atraerlaatencióndenuestroslectoresyanimarlesaquesesincerenconnosotros,al

igualquepretendemosqueveanquelarealidadesbastantediferentealoqueellos

se imaginan. Les intentamos hacer participar en nuestra página contándonos

aquellas personas que son especiales para cada uno y por qué. Les aconsejamos

nuevasmodalidadesmás sencillas para vestir, evitandoel excesivo consumismoel

cualapoyaporunaparteesepostureo.Yporúltimolesdejamossaberquecuentan

connuestrototalapoyoparacualquierproblemaquetenganencuantoaadiccióny

malestarconsigomismo.

- Lapestaña“ACTÚA”esotracategoríadondenuestrosusuariospodránactuarcomo

biendiceesteconcepto,estoes,reaccionaranteesteproblemasocialunavezque

se han dado cuenta que realmente están malgastando demasiado tiempo

sumergidos en un mundo irreal y dependiente. En esta pestaña proponemos

nuestros propios retos, pero también les damos la oportunidad a ellos a

proponernosnuevasalternativasquepuedanserinclusomásbeneficiosas.

- “AYUDAAUNAMIGO”tendrácomoobjetivoprincipalanimara laspersonasaque

se atrevan a dejar saber a sus amigos estas adicciones para poder ayudarles. Lo

principalessaberloyreconocerqueestasdependiendodemasiadodealgo,después,

el siguientepasoes actuar. Por ello, proponemosa losusuarios aque informena

cualquier persona de su entorno, y en caso de que le dé vergüenza, tenemos el

formatoanónimo.

- “SOBRENOSOTROS”setratadeunasimplecategoríamásdondeinformamossobre

nosotros,nuestrosobjetivosyquépretendemosatravésdenuestraweb.

Lamaneraenlaquehemosdecididoabordareltemadelpostureoylaadicciónamóvilese

Internetnohasidodeformaagresiva,directa,enlaqueelusuariosepuedasentiratacado

oamenazado.Hemospreferidotrasladarelmensajedesdeunaposiciónmásamableysutil

porquecreemosquenuestrosusuariosestaránmásdispuestosaserayudadoseinformarse

sinosetratasu“problema”comoalgomaloyquedebencambiarradicalmente.Sabemos

que no van a dejar de practicar el postureo o disminuir el uso de sumóvil simplemente

porquenosotraslesdigamosqueestámal.Loquepretendemosatravésdelapáginaweb

esquelosindividuosreflexionen,esténinformadosydispongandealternativasparaqueasí

no pasen tanto tiempo conectados. Nuestra posición es de comprensión del usuario,

nuestrotonoesamable.

5. INTERFAZYNAVEGACIÓN

Nuestrapropuestadedominioes:

www.modoavion.es

Nuestraprimeraopciónera.comperoyaestabaregistrado,porloqueescogemos.es.

Etiquetadodemenús:

MÓDULO ETIQUETA

Páginadeinicio Home

Seccióndenoticiaseinformación Infórmate

Noticias Noticias

Vídeos Documentalesyvídeos

Aplicacionesyfuncionesparamóvil ¿Quémáspuedohacerconmimóvil?

Secciónpararealizartests Midetuadicción

Testparaadicciónalmóvil Móvil

Testparadependenciaderedessociales Redessociales

Secciónsobreelpostureo Postureo

Quiénesimportanteparacadapersona Homenaje

Quéhecholessacaunasonrisa Carpediem

Consejossobreunamodamássencilla Sonsoloprendas

Consejosprivadosypersonalizadosencuantoautoestimaoapariencia

Postutips

Secciónparaquelosusuariosparticipen Actúa

Retosparalosusuarios Retos

ActividadesalternativasaInternet/móvil Actividadesalternativas

Secciónparaalertaraunapersonadesuposibleadicción Ayudaaunamigo

¿Enquéconsisteestasección? ¿Quées?

Envíaunmensajeaunamigoparaalertarle Interviene

Seccióndeinformaciónsobrelapáginaweb Sobrenosotros

FUNCIONES ETIQUETA

Buscador Buscaenelsitio

Formulariodecontacto Contactaconnosotros

Suscripciónalapáginaweb ¡Úneteanuestranewsletter!

Accesoanuestrasredessociales ¡Síguenosennuestrasredessociales!

Formularioparacrearunreto

CreaunainiciativaFormularioparacrearunaactividadalternativa

Formularioparaalertaraunamigo Interviene

Pantallastipo

HOME

INFÓRMATE

MIDETUADICCIÓN

POSTUREO

ACTÚA

AYUDAAUNAMIGO

SOBRENOSOTROS

6. ASPECTO

Líneaestética:¿Quéreferenciaestéticainspiraráeldiseñovisualdelsitioweb/app?

HemosseguidolalíneaestéticadeMr.Wonderful,porquenosparecieronunoscoloresque

realmenteeranbonitosjuntos,teaportantranquilidad,yteinspiranindirectamenteaque

tequedesenlawebmirandocualquiercosa.

Es una estética que está de moda por la popularidad y aceptación de la marca de Mr.

Wonderful y a la vez tambiénqueríamoshacerunguiñoaqueestamarca también tiene

parodias o es conocida como un poco postureo por susmensajes demasiado positivos y

“moñas”.

Colores, gamas y contraste: Colores y gamas dominantes en el aspecto visual del sitio

web/app.Silahubiera,correspondenciaentrecoloresytiposdecontenido.

Loscoloresquehemoselegidohansidounrosapasteljuntoaunazulclaro,queriendodar

unaspectoalegre,vivoyatractivoanuestraweb.Almismotiempo,consideramosqueson

coloresmuyrelajantes,quesonagradablesalavistaynoprovocanansiedadoangustiaal

verlos.

Como nuestro objetivo es atraer a nuestros públicos de la mejor forma posible,

transmitiendounainformaciónuntantosensibleparaalgunosusuarios,loqueremoshacer

deformadivertida,apoyándonosenestoscoloreselegidos.

Tipografía:

En cuanto a la tipografía, no nos hemos decidido por una en concreto, sino que hemos

preferido combinar tanto la Serif como la Sans Serif. Por ejemplo, para el nombre de la

página web hemos visto más adecuado la Sans Serif, porque es más disimulada, refleja

mayorencantoyademás,esmásagradableleerconunaletramásredondita,transmitiendo

másconfianza.

Sin embargo, es verdad que en otras ocasiones esmás aconsejable usar simplemente la

Sans.Esverdadquebuscamosquenuestrosusuariosnosveancon losmismosojosquea

sus amigos, que no nos tengan miedo y que se sientan cómodos al contarnos sus

preocupaciones, en este caso, sobre la adicción al móvil y el postureo. Pero, tampoco

queremos perder la formalidad, porque queremos demostrarles que no es una broma o

juego, sino que vamos en serio, que realmente pretendemos resolver estos problemas

sociales,enseñándolesqueelmundonoestáenlasredessociales.Porello,porejemploal

explicarenquéconsistealgunapestaña,aldecirlasactividades,etc.estamosempleandola

Sans.

Anchodelínea:

Nodisponemosaúntextoquerequieraderecuadrososubrayadoparaqueempleemosun

anchodelíneadistinto.

Ajustedelespacioentreletras.

Las letrasnotienenunaseparaciónmuygrande,perotampocodemasiadojunta,sinoque

pensamosqueeslaadecuada,paraquesepuedaleeryentenderconfacilidad,sinforzara

lavista.

Tamañodelafuente.Usodemayúsculas.

Eltamañodelasfuentesdependealoquenosrefiramos.Porejemplo,enalgunostítulosy

en las distintas secciones que forman nuestra web, hemos optado pormayúsculas, para

llamarmás la atención, atrapar fácilmenteal usuario, ydesviarle lamiradaa aquelloque

nosotrosqueremosqueellosvean.

Pero,porsupuesto, tambiénusamos laminúsculapara laexplicaciónde lamayoríade las

cosasde laweb, destacandoa lomejor en algúnmomentoun aumentode tamañopero

paraalgunacositaconcreta.Porsupuesto,lamayúsculasirveparamuchasocasiones,pero

enestoscasos,siseempleara,setransmitiríasensacióndegrito.Yesonoqueremos.

Negritas.

Elusodelanegritatambiénesenocasionesespeciales,destacandosobretodolostítulosy

enalgunaocasiónquequeramosllamarlaatención.

Fuentesproporcionalesynoproporcionales.Alineacióndeltexto.

Estamos empleando básicamente las fuentes proporcionales, ya que cada letra ocupa su

propio espacio. Preferimos que no haya tanta separación entre las letras y que seamás

seguidalalectura.Aunqueenlostítulosdecadasecciónseestáempleandounafuenteno

proporcionada.

En cuanto a la alineación, sobre todo está siendo la “central”, cuando se trata de

actividades, consejos, curiosidades. Pero, en ciertas situaciones también utilizamos la

“justificada”,porqueesmásformalyprofesional,comoenlainformaciónaportadaacerca

lasnoticias,sobreladescripcióndelaweb.

7.Gestióndecontenidos

Pretendemos actualizar nuestras secciones diariamente, por supuesto esto dependerá de

cada categoría también. Porque por ejemplo, en el caso de “SOBRE NOSOTROS” no

podemosañadirmás informaciónyaqueestátododichodesdeunprincipio,anoserque

nuestrosobjetivoscambienypretendamosaumentarelcontenidosobreelquehablamos.

Pero, en el caso de “INFÓRMATE, “HOME” Y “ACTÚA” serán pestañas que necesitan de

atenciónconstanteparaofreceralnaveganteunainformacióncontinuaynueva,yquesino

seiránperdiendovisitasyusuarios.

Además,enunprincipioseiránhaciendocambiosypublicacionesmásdensas,estoes,4o5

diarias,puestoquebuscamosqueesté lomáscompletaposible tanprontocomonossea

posible,yunavez logradoesto, se reduciránaalmenos2publicacionesdiariaspudiendo

tratarsedevídeos,anécdotas,documentales,nuevasactividades,retosetc.

NUESTRASREDESSOCIALES

INSTAGRAM/FACEBOOK/TWITTER

¿Quétonovasausar?¿Quécontenidosvasaincluir?¿Conquéperiodicidad?

Vamos a abrir una cuenta de Instagram, Facebook y Twitter para estar más cerca de

nuestros usuarios y seguidores. Queremos informar de todos nuestros pasos mediante

éstas,actualizaciones,aligualquehacerlessaberdelasnuevasnovedadesenlawebcomo

vídeos,documentales,retos,actividades,quedadasengrupo,etc.Tambiénlasutilizaremos

alahoradecrearretosocampañasconhashtags,porejemplo,paraseguirlaparticipación

denuestrosseguidoresylectores.

A lavez, lasemplearemoscomométododepublicidad,ayudándonosdeéstasparahacer

cada vez más conocida nuestra página, ya que es más fácil atrapar la atención de los

usuariosmedianteéstas,queunapáginaweb.

Utilizaremosuntonodesenfadado,amigable,divertidoygraciosoparaatraerel interésde

los usuarios, porque queremos que exista un trato por igual, buscando su confianza en

nosotros.

Pensamos que esmás fácil incorporarse en un grupo social cuando tu actitud es igual o

parecida a la de éstos, no marcando diferencias con ellos, ya que eso lo único que

conseguiráesdistanciarlos.

Nuestra periodicidad será diaria, en este caso, un poco mayor que la del blog, ya que

buscamos que sea cuanto más conocida mejor, y eso solo se consigue estando

continuamentepresenteenéstas.