Post on 05-Aug-2020
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.