Download - Portal UOC - Restyling: cap a un nou portal
![Page 1: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/1.jpg)
Restyling: cap a un nou portal
Publicacions a InternetÀrea de Comunicació
Yolanda Franco, Lluís Rius, Antonella Severo, Salvador Tordera.
Jornada tècnica [04/05/2012]
![Page 2: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/2.jpg)
Part primera: el focus ets tu
1. Vols dir que cal? Parla l’usuari 2. Un restyling no és un lifting 3. Visita guiada 4. Un altre salt (i més fites)
Part segona: perspectiva tecnològica
5. Baixants i canonades
Sumari
![Page 3: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/3.jpg)
1.Vols dir que cal? Parla l’usuari
![Page 4: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/4.jpg)
Evo
luci
ó d
el p
ort
al
[200
8-20
11]
![Page 5: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/5.jpg)
2008 – Nou model
Nou model tecnològic(CMS, estructuració de la informació, escalabilitat)
Nou model organitzatiu(descentralització, criteris, guies d’estil)
Nou model de presència (n portals)
![Page 6: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/6.jpg)
Més de 100 webs noves
![Page 7: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/7.jpg)
Internacionalització
![Page 8: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/8.jpg)
10.195 followers @UOCuniversitat
7.088 followers @UOCuniversidad
1.142 followers @UOCuniversity 12.278 friends 589 interactions
[comments + I like]
YOUTUBE: 1.062.534 reproduccions acumulades
27.297 reproduccions mensuals1.939 subscriptors
2.772 followers
264 images
88.407 visits
Xarxes socials
![Page 9: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/9.jpg)
25 editors d’espais web
43 responsables de xarxes socials
11 editors de revistes digitals
Llibres d’estil
Descentralització
![Page 10: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/10.jpg)
Mobilitat
![Page 11: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/11.jpg)
Projecte web per a la gestió de l’oferta docent, impulsat per l’Àrea de Màrqueting, que repensa i reconverteix el model: presentació, arquitectura, cerca, SEO, circuits, accés, matriculació, planificació i seguiment.
Estudia a la UOC
200.000 interaccions directes amb nous estudiants
16.000 pàgines 1.800 productes agrupats en 23
tipologies. 90 persones implicades (20 operatius
de gestió: màrqueting, sistemes, aplicacions, els Estudis...)
30 procediments diferents de comercialització
4 gestors de continguts (OpenCMS_estudis, OpenCMS_PG, OpenCMS_Portal, Ofbiz.)
![Page 12: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/12.jpg)
Cal
fer
alg
un
a co
sa:
rest
ylin
g
![Page 13: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/13.jpg)
De presència a internet De connectivitat i mobilitat De navegació D’accessibilitat D’orientació a l’usuari
Nous reptes
![Page 14: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/14.jpg)
Un bon web és un web que dóna
respostes als seus usuaris
Regla d’or
![Page 15: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/15.jpg)
Un portal es deu als seus usuaris
Regla d’or
![Page 16: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/16.jpg)
Els nostres usuaris
Estudiant actual (servei)
Futur estudiant (captació)
Antic estudiant (servei, fidelització captació)
![Page 17: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/17.jpg)
Els nostres usuaris
Personal docent
Personal investigador
Personal de gestió
Empreses i institucions
Mitjans de comunicació
…..
![Page 18: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/18.jpg)
Millora la navegació Inclou una navegació per perfils Reescriu i endreça continguts Renova la línia gràfica El connecta amb les xarxes socials Es focalitza amb l’usuari. Viu la UOC! El deixa a punt per a una nova era
El restyling optimitza el portal
![Page 19: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/19.jpg)
2.Un restyling no és un lifting
![Page 20: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/20.jpg)
Anàlisi de dades: Benchmarking Anàlisi de mètriques
Escoltant els usuaris Recollida de requeriments : entrevistes Arquitectura de la informació: test d’usuaris
(card sorting i entrevistes)
Funcionals i disseny gràfic
Metodologia
![Page 21: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/21.jpg)
An
àlisi de dad
es
![Page 22: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/22.jpg)
22
Benchmarking Pàgines d’inici, cercadors, destacats
![Page 23: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/23.jpg)
23
Benchmarking Capçaleres, peus, perfils
![Page 24: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/24.jpg)
24
Anàlisi de mètriques Google Analytics, eyetracking, heat maps
![Page 25: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/25.jpg)
Escoltant els usu
aris
![Page 26: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/26.jpg)
26
RequerimentsEntrevistes amb diferents equips:
Atenció a l’estudiant Alumni Biblioteca Comunicació Marquèting Recerca Planificació i Qualitat Relacions institucionals Xarxa territorial
![Page 27: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/27.jpg)
27
Arquitectura de la informació Test d’usuaris - Card sorting
![Page 28: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/28.jpg)
28
Arquitectura de la informació Test d’usuaris - Entrevistes
![Page 29: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/29.jpg)
29
Arquitectura de la informació Resultat: mapa del web
![Page 30: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/30.jpg)
Funcionals i diss
eny
![Page 31: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/31.jpg)
Funcionals
![Page 32: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/32.jpg)
Disseny gràficEstudia a la UOC + capçalera, peus, menú lateral i fons [octubre 2011]
![Page 33: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/33.jpg)
3. Visita guiada
![Page 34: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/34.jpg)
Línia
gràfica
![Page 35: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/35.jpg)
![Page 36: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/36.jpg)
Ho
me
![Page 37: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/37.jpg)
CA I
ES
![Page 38: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/38.jpg)
EN I
FR
![Page 39: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/39.jpg)
Carrussel de bàners
Elements de la home
![Page 40: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/40.jpg)
Cercador d’estudis
Elements de la home
![Page 41: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/41.jpg)
Xarxes socials / Mobilitat / Posicionament
Elements de la home
![Page 42: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/42.jpg)
Perfils
![Page 43: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/43.jpg)
Navegació per perfils
Estudiant Futur estudiant (Estudia a la
UOC) Alumni Investigadors Empresa Mitjans de comunicació
![Page 44: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/44.jpg)
Empresa
Estudiant
Pàgines de perfils
![Page 45: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/45.jpg)
Subho
mes
![Page 46: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/46.jpg)
Arquitectura
Endreça continguts des del punt de vista de l’usuari
Millora la navegació
![Page 47: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/47.jpg)
La Universitat
Destacar xifres, el més buscat
Punt de vista usuari, no institucional
![Page 48: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/48.jpg)
La Universitat Seus i contacte: informació a
perfils
![Page 49: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/49.jpg)
Coneixement en obert Facilitar la cerca d’informació
per àrees de coneixement
![Page 50: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/50.jpg)
Viu la UOC Passen coses Tenim comunitat en xarxa Tenim comunitat al territori Estem connectats
Persones UOC Agenda i activitats Xarxes socials Blogs Vídeos
![Page 51: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/51.jpg)
Viu la UOCDirectori de xarxes socials
Nou disseny agenda
![Page 52: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/52.jpg)
4. Un altre salt(i més fites)
![Page 53: Portal UOC - Restyling: cap a un nou portal](https://reader033.vdocuments.net/reader033/viewer/2022060119/558de25b1a28ab4b1a8b461c/html5/thumbnails/53.jpg)
Gestionar l’experiència d’usuari
Glocal
Intel·ligent
Obert PerfilsMultiusuari
PersonalitzableGeolocalització
AutenticacióInternet / CV
Analítica Web
Cercador
MòbilMultiplataforma
Accessible
AudiovisualParticipatiu (xarxes socials)