Arxiu d'etiquetes: Arquitectura de la Informació

Disseny d’Interfícies multimèdia pacs i pràctiques

En aquesta assignatura es treballen els aspectes que intervenen en tot procés interactiu entre les persones i els ordinadors. Es desenvolupa també la capacitat de dissenyar interfícies d’acord amb els criteris i orientacions proposades per la metodologia de Disseny Centrat en l’Usuari. Es treballa també el prototipat funcional i gràfic per a plataformes web i mòbils. Es cursa després d’Arquitectura de la Informació i es complementa amb l’assignatura d’Usabilitat.

En esta asignatura se trabajan los aspectos que intervienen en todo proceso interactivo entre las personas y los ordenadores. Se desarrolla también la capacidad para diseñar interfaces de acuerdo con los criterios y orientaciones propuestas por la metodología del Diseño Centrado en el Usuario. Se trabajan también el prototipado funcional y gráfico para plataformas web y de móviles. Se cursa después de Arquitectura de la Información y se complementa con la asignatura de Usabilidad.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Les PACs i Pràctiques que es mostren en aquesta pàgina són propietat de Paquita Ribas. Es publiquen per a facilitar l’estudi de l’assignatura de Disseny Gràfic a companys de la UOC. Estan baix la llicència de Creative Commons BY NC ND. Aquesta llicència permet redistribuir el material sempre que es reconegui la meva autoria. No tens permís per a utilitzar-los amb finalitats comercials ni fer obres derivades del meu treball.

Las PACs y Prácticas que se muestran en esta página son propiedad de Paquita Ribas. Se publican para facilitar el estudio de la asignatura de Diseño Gráfico a compañeros de la UOC. Están bajo la licencia de Creative Commons BY NC ND . Esta licencia permite redistribuir el material siempre que se reconozca mi autoría. No tienes permiso para utilizarlos con fines comerciales ni hacer obras derivadas de mi trabajo.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Igual te interessen els resums i apunts dels mòduls de l’assignatura de Llenguatges i Estàndards Web / Igual te interesan los resúmenes y apuntes de los módulos de la asignatura

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Qualificació final: 9,3 Excel·lent / Nota final: 9,3 Excelente

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

PRÀCTICA FINAL – Prototipat d’una web completa, per a web i mòbil

Tenint en compte els requeriments tècnics implícits en cada entorn (escriptori i smartphone) i garantir la coherència en el disseny gràfic i conceptual de les dues aplicacions.

Prototipado de una web completa, para web clásica y móvil, teniendo en cuenta los requerimientos técnicos implícitos en cada entorno (escritorio y smartphone) y garantizando la coherencia en el diseño gráfico y conceptual en las dos aplicaciones.
Programa utilitzat:Indesign – Illustrator – Indesign / Programa utilizado: Indesign – Illustrator – Indesign
Qualificació : A 9

Llicència CC -BY-NC-ND

DI_portada_PAC1

Pac 1.

Objectius: Prendre consciència de les interfícies que ens envolten, analògiques o digitals; detectar quins elements fan que ens resultin més o menys transparents: desenvolupar una mirada crítica cap el nostre entorn multimèdia.

Objetivos: Tomar consciencia de las interfícies que no rodean, analógicas o digitales; detectar qué elementos hacen que nos resulten más o menos transparentes; desarrollar una mirada crítica hacia nuestro entorno multimèdia.
Programa utilitzat:Indesign / Programa utilizado: Indesign
Qualificació: B / Nota: B

Llicència CC -BY-NC-ND

DI_portada_PAC1

Pac 2

Objectius: Realitzar el protitip funcional (wireframes) d’una aplicació web per a dispositiu mòbil (iPhone).

Objetivos: Realizar el prototipo funcional (wireframes) de una aplicación web para un dispositivo móvil (iPhone).
Programa utilitzat:Indesign – Illustrator / Programa utilizado: Indesign – Illustrator
Qualificació: A / Nota: A

Llicència CC -BY-NC-ND

DI_portada_PAC2

Pac 3

Objectiu: Prototipat gràfic bàsic per a web i smartphone

Objetivo: Prototipado gráfico básico para web y para smartphone.

Programa utilitzat:Indesign – Illustrator
Programa utilizado: Indesign – Illustrator
Qualificació: A / Nota: A

Llicència CC -BY-NC-ND

DI_portada_PAC3

Arquitectura de la Informació pac i pràctiques

En aquesta assignatura es treballa la metodologia de Disseny Centrat en l’Usuari per al correcte desenvolupament d’aplicacions multimèdia. S’aprèn a estructurar de forma organitzada la informació vinculada a una aplicació i a dissenyar amb wireframes. Es cursa abans de l’assignatura de Disseny d’Interfícies i d’Usabilitat.

En esta asignatura se trabaja la metodología del Diseño Centrado en el Usuario para el correcto desarrollo de aplicaciones multimedia. Se aprende a estructurar de forma organizada la información vinculada a una aplicación y a diseñar con wireframes. Se cursa antes de las asignaturas de Diseño de Interfaces y de Usabilidad.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Les PACs i Pràctiques que es mostren en aquesta pàgina són propietat de Paquita Ribas. Es publiquen per a facilitar l’estudi de l’assignatura de Disseny Gràfic a companys de la UOC. Estan baix la llicència de Creative Commons BY NC ND. Aquesta llicència permet redistribuir el material sempre que es reconegui la meva autoria. No tens permís per a utilitzar-los amb finalitats comercials ni fer obres derivades del meu treball.

Las PACs y Prácticas que se muestran en esta página son propiedad de Paquita Ribas. Se publican para facilitar el estudio de la asignatura de Diseño Gráfico a compañeros de la UOC. Están bajo la licencia de Creative Commons BY NC ND . Esta licencia permite redistribuir el material siempre que se reconozca mi autoría. No tienes permiso para utilizarlos con fines comerciales ni hacer obras derivadas de mi trabajo.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Igual t’interessa els meus articles: / Igual te interesan mis artículos:

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Igual te interessen els resums i apunts dels mòduls de l’assignatura de Disseny Gràfic  / Igual te interesan los resúmenes y apuntes de los módulos de la asignatura

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Qualificació final de l’assignatura: 8,6 Notable
Nota final de la asignatura: 8,6 Notable

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

PRÀCTICA FINAL

Proposta justifica de l’Arquitectura de la Informació d’un lloc web. Pràctica final d’assignatura / Propuesta justificada de la Arquitectura de la Información de un sitio web. Práctica final de la asignatura.
Programes utilitzats: Illustrator, maquetació: Indesign.
Programas utilizados: Ilustrator, maquetación: Indesign.
Qualificació pràctica final: A 9

Llicència CC -BY-NC-ND

portada-practica-final

Pac 1. Definicions generals sobre l’AI / Definiciones generales sobre la AI

Programes utilitzats: Il·lustracions: Illustrator, maquetació: Indesign.
Programas utilizados: Ilustraciones: Ilustrator, maquetación: Indesign.
Qualificació: B / Nota: B

Llicència CC -BY-NC-ND

Arquitectura de la Informació pac 1

Pac 2. Avaluació d’una web des de l’òptica de l’arquitectura de la informació /Evaluación de una web desde la óptica de la arquitectura de la información.

Programes utilitzats: Illustrator, maquetació: Indesign./ Programas utilizados: Ilustrator, maquetación: Indesign.
Qualificació: B / Nota: B

Llicència CC -BY-NC-ND

Arquitectura de la Informació pac 2

Pac 3. Arbre de continguts, navegació i wireframes / Árbol de contenidos, navegació y wireframes

Programes utilitzats: Illustrator, maquetació: Indesign./ Programas utilizados: Ilustrator, maquetación: Indesign.
Qualificació: B / Nota: B

Llicència CC -BY-NC-ND

Arquitectura de la Informació pac 3

Apunts d’Arquitectura de la Informació

En aquesta assignatura es treballa la metodologia de Disseny Centrat en l’Usuari per al correcte desenvolupament d’aplicacions multimèdia. S’aprèn a estructurar de forma organitzada la informació vinculada a una aplicació i a dissenyar amb wireframes. Es cursa abans de l’assignatura de Disseny d’Interfícies i d’Usabilitat.

En esta asignatura se trabaja la metodología del Diseño Centrado en el Usuario para el correcto desarrollo de aplicaciones multimedia. Se aprende a estructurar de forma organizada la información vinculada a una aplicación y a diseñar con wireframes. Se cursa antes de las asignaturas de Diseño de Interfaces y de Usabilidad.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

A continuació es mostren els resums que he fet dels materials de l’assignatura d’Arquitectura de la Informació. En ells apareix el que considero més important. Estan publicats a Slideshare, per la qual cosa, si t’interessa baixar-te’ls has de fer clic sobre el document i descarregar-te’ls des del meu perfil de Slideshare. Pots fer ús d’ells però recorda citar-me com autora o enllaçar cap a aquesta pàgina.

A continuación se muestran los resúmenes que he hecho de los materiales de la asignatura de Arquitectura de la Información. En ellos aparece lo que considero más importante. Están publicados en Slideshare, por lo que si te interesa bajártelos tienes que clicar sobre el documento y descargártelos desde mi perfil de Slideshare. Puedes hacer uso de ellos, pero recuerda citarme como autora o enlazar hacia esta página.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Igual t’interessa els meus articles: / Igual te interesan mis artículos:

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Accedeix a les PACS i pràctiques de l’assignatura / Accede a las PACS y prácticas de la asignatura


Gràfics molt útils de fuzzymath.com

Com dissenyar un wireframe Com avaluar un wireframe Com llegir un wireframe

Carpeta amb una bona recopilació d’elements per a la creació de wireframes
Carpeta con una buena recopilación de elementos para la creación de wireframes

Gràfic de l’anatomia de l’Arquitectura de la Informació / Gráfico de la anatomía de la Arquitectura de la Información

Gràfic de les etapes de l’Arquitectura de la Informació / Gráfico de las etapas de la Arquitectura de la Información

Resum del materials de l’assignatura / Resúmenes de los materiales de la asignatura


Comparte a través de Twitter

Last updated by at .