MOOC UxIxD

Semana 3: IxD

(c) V.M.G.B. 2015 - Galileo University

http://www.higheredlive.com/wp-content/uploads/2013/11/content-strategy.jpg

InteraXion Design (IxD)

The Information Side of UX
 Data / Content / Information

http://uffenorde.com/wp-content/uploads/2010/10/peopleDontReadOnWeb1920x1080.jpg
 Arquitectura de Informacin

Arquitectura de Informacin: Information Architecture (IA)

IA se refiere a la estructura! Y UX se refiere a la emocin!

IA es parte de la experiencia.

IA es el medio por el cual hacemos de un montn de datos una

experiencia informativa estructurada!
 Arquitectura de Informacin

Esquemas de informacin

exactos y ambiguos
(basados en tpicos, tareas,
audiencias,..).
 Arquitectura de Informacin

Esquemas de informacin

ambiguo basado en tpicos

 Arquitectura de Informacin

Esquemas de informacin

ambiguo basado en tareas

 Arquitectura de Informacin

Esquemas de informacin

ambiguo basado en
audiencia
 Arquitectura de Informacin

Esquemas de informacin

ambiguo mezclado
 Arquitectura de Informacin

Mtodos: Card Sorting

Contruye una estrucutura

jerrquica desde el punto
de vista de los usuarios,
conduciendo Tests de Card
Sorting.
 Arquitectura de Informacin

Mtodos: Card Sorting (Herramientas)

uzCardSort;
http://uzilla.mozdev.org/
cardsort.html

OptimalSort;
www.optimalworkshop.com/
optimalsort.htm

WebSort;
websort.net

NetSorting;
www.cardsorting.info

CardZort;
cardzort.com
 IA y el Diseo de Navegacin

Diagramas de arquitectura
navegables: Site Index vs. Site
Map.

SITE INDEX
 IA y el Diseo de Navegacin

Diagramas de arquitectura
navegables: Site Index vs. Site
Map.

SITE MAP
 Diseo de Navegacin

Navigation Design: diseo de

elementos de navegacin, y
posicionamiento de bloques de
navegacin.

Information Design (content

design): posicionamiento de
bloques de contenido y de texto, y
la presentacin de informacin para
facilitar su entendimiento.

Ejemplo: un diseador de
navegacin decide si se ulitizarn
Breadcrumbs (y cmo) dentro de la
arquitectura de la informacin.
 Content Strategy

Estrategias para definir y

crear contenidos de alta
calidad adaptados a
http://www.captivatedesigns.com/back-up-old-site/blog/wp-
necesidades especficas de content/uploads/2013/08/What-is-Content-Strategy.jpg
las empresas y sus canales
de comunicacin.

Ejemplos: http://
contentmarketinginstitute.com/
2013/06/essential-content-
templates-checklists/
 Content Strategy

Se trata de Redaccin(!), porque Content is King.

SEO

Checklist for good content

http://www.lofwebdesign.com/documents/pdf/leibtag-content-
checklist.pdf