portal uoc - restyling: cap a un nou portal

53
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]

Upload: uoc-universitat-oberta-de-catalunya

Post on 27-Jun-2015

643 views

Category:

Education


2 download

DESCRIPTION

Presentació del projecte de renovació del portal de la Universitat Oberta de Catalunya (restyling) en el marc de una Jornada tècnica de la universitat, a càrrec de l'equip de Publicacions a Internet (Àrea de Comunicació).

TRANSCRIPT

Page 1: Portal UOC - Restyling: cap a un nou portal

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

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

1.Vols dir que cal? Parla l’usuari

Page 4: Portal UOC - Restyling: cap a un nou portal

Evo

luci

ó d

el p

ort

al

[200

8-20

11]

Page 5: Portal UOC - Restyling: cap a un nou portal

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

Més de 100 webs noves

Page 8: Portal UOC - Restyling: cap a un nou portal

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

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

Mobilitat

Page 11: Portal UOC - Restyling: cap a un nou portal

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

Cal

fer

alg

un

a co

sa:

rest

ylin

g

Page 13: Portal UOC - Restyling: cap a un nou portal

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

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

Un portal es deu als seus usuaris

Regla d’or

Page 16: Portal UOC - Restyling: cap a un nou portal

Els nostres usuaris

Estudiant actual (servei)

Futur estudiant (captació)

Antic estudiant (servei, fidelització captació)

Page 17: Portal UOC - Restyling: cap a un nou portal

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

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

2.Un restyling no és un lifting

Page 20: Portal UOC - Restyling: cap a un nou portal

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

An

àlisi de dad

es

Page 22: Portal UOC - Restyling: cap a un nou portal

22

Benchmarking Pàgines d’inici, cercadors, destacats

Page 23: Portal UOC - Restyling: cap a un nou portal

23

Benchmarking Capçaleres, peus, perfils

Page 24: Portal UOC - Restyling: cap a un nou portal

24

Anàlisi de mètriques Google Analytics, eyetracking, heat maps

Page 25: Portal UOC - Restyling: cap a un nou portal

Escoltant els usu

aris

Page 26: Portal UOC - Restyling: cap a un nou portal

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

27

Arquitectura de la informació Test d’usuaris - Card sorting

Page 28: Portal UOC - Restyling: cap a un nou portal

28

Arquitectura de la informació Test d’usuaris - Entrevistes

Page 29: Portal UOC - Restyling: cap a un nou portal

29

Arquitectura de la informació Resultat: mapa del web

Page 30: Portal UOC - Restyling: cap a un nou portal

Funcionals i diss

eny

Page 31: Portal UOC - Restyling: cap a un nou portal

Funcionals

Page 32: Portal UOC - Restyling: cap a un nou portal

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

3. Visita guiada

Page 34: Portal UOC - Restyling: cap a un nou portal

Línia

gràfica

Page 35: Portal UOC - Restyling: cap a un nou portal
Page 36: Portal UOC - Restyling: cap a un nou portal

Ho

me

Page 37: Portal UOC - Restyling: cap a un nou portal

CA I

ES

Page 38: Portal UOC - Restyling: cap a un nou portal

EN I

FR

Page 39: Portal UOC - Restyling: cap a un nou portal

Carrussel de bàners

Elements de la home

Page 40: Portal UOC - Restyling: cap a un nou portal

Cercador d’estudis

Elements de la home

Page 41: Portal UOC - Restyling: cap a un nou portal

Xarxes socials / Mobilitat / Posicionament

Elements de la home

Page 42: Portal UOC - Restyling: cap a un nou portal

Perfils

Page 43: Portal UOC - Restyling: cap a un nou portal

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

Empresa

Estudiant

Pàgines de perfils

Page 45: Portal UOC - Restyling: cap a un nou portal

Subho

mes

Page 46: Portal UOC - Restyling: cap a un nou portal

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

La Universitat

Destacar xifres, el més buscat

Punt de vista usuari, no institucional

Page 48: Portal UOC - Restyling: cap a un nou portal

La Universitat Seus i contacte: informació a

perfils

Page 49: Portal UOC - Restyling: cap a un nou portal

Coneixement en obert Facilitar la cerca d’informació

per àrees de coneixement

Page 50: Portal UOC - Restyling: cap a un nou portal

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

Viu la UOCDirectori de xarxes socials

Nou disseny agenda

Page 52: Portal UOC - Restyling: cap a un nou portal

4. Un altre salt(i més fites)

Page 53: Portal UOC - Restyling: cap a un nou portal

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)