:::: MENU ::::

Programa del ejercicio de Web Institucional 2014

  • Jul 14 / 2014
  • Comentarios desactivados en Programa del ejercicio de Web Institucional 2014
Diseño III, Programas

Programa del ejercicio de Web Institucional 2014

Diseño III Ejercicio 3

Rediseño de sitio web

1. Objetivos pedagógicos a cumplir

Que cada estudiante rediseñe la gráfica y la organización de un sitio dado por la cátedra para mejorar sus rendimientos persuasivos, informativos, identificatorios, estilísticos, etc. en función de la crítica a dicho sitio que se realizará en clase.

2. Contenidos propios del tema

Algunos contenidos se tratarán específicamente en teóricas o apuntes y otros se transferirán en las clases y correcciones de manera aplicada a los casos y bocetos de los estudiantes.

  • La web en la sociedad actual.
  • Qué es diseñar para web y qué es programar.
  • Navegabilidad y usabilidad.
  • Redes sociales y aplicaciones.
  • La interacción con el usuario.
  • La web de empresas e instituciones.
  • ¿Qué es un buen diseño web?
  • Secuencia de lectura, interacción, llamado de atención, manejo de tiempos, etc.

3. Pedido de diseño

Cada alumno diseñará un sitio web que contará con las siguientes pantallas:

  • una home “scrolleable” con presentación institucional y una serie de contenidos que se indicarán en clase tras el análisis de cada caso. De carácter persuasivo.
  • dos pantallas internas del sitio. Una de estas pantallas será un listado (ej.: de hoteles, de productos, etc) y la otra una página específica de un producto o servicio desarrollado. También de carácter persuasivo.
  • un formulario de contacto, puede estar en la home, ser un pop up o como crea más conveniente el alumno.
  • simulación de cómo se vería la home de ese sitio en un teléfono inteligente (smartphone), así como en una tableta.

Los alumnos trabajarán en una resolución de pantalla para la versión escritorio, de 1280 px de ancho (dentro de los cuales el alumno utilizará el ancho que considere conveniente para la presentación de contenidos). Para la tableta se trabajará en una resolución de 640 px. Para el teléfono será de 320 px.

3.1. Las páginas a rediseñar

Indumentaria: www.chtequipos.com

Hotel boutique: www.lasterrazastilcara.com.ar

Artículos de surf: www.surfx.com.ar

Instrumentos musicales: www.antiguacasanunez.com

Son sitios actualmente en funcionamiento, que necesitan fundamentalmente levantar la calidad gráfica, la adecuación estilística al emisor y la claridad de sus propuestas para hacerlas más eficaces en la transmisión de sus mensajes y más competitivas frente a ofertas similares.

4. Pautas principales de evaluación

Calidad gráfica: las decisiones de diseño inscribirán a la web dentro de los estándares altos y actuales del género.

Adecuación estilística: se evaluará el grado de pertinencia de la gráfica propuesta (tipo de imágenes, tipografías, organización del plano, cromática, etc.) al perfil e identidad del emisor.

Adecuación al medio: se evaluarán las propuestas en función del mayor o menor grado de utilización y aprovechamiento de las características del medio web (correcta utilización de los códigos existentes y conocidos por los usuarios para navegar e interactuar; de las posibilidades expresivas: pasajes de imágenes, videos, sonido, etc.; de los tamaños y cantidad de textos; etc.).

Claridad comunicacional: se evaluará la mayor o menor capacidad de los diseños propuestos para transmitir el mensaje (correcta decodificación de las jerarquías o importancia de textos e imágenes, facilidad para comprender la propuesta y para interactuar con ella).

Presentación: grado de cumplimiento de las pautas requeridas.

4. Entrega Las propuestas se entregarán de manera completa en formato digital, aplicadas a un diagrama común. Asimismo cada alumno entregará un impreso según un esquema dado que funcionará como lámina de presentación del rediseño. Las características formales y técnicas serán provistas por la cátedra oportunamente.

 

Unos ejemplos del año pasado:

http://catedrabelluccia.com.ar/portfolio/details/julia-cabrera/

http://catedrabelluccia.com.ar/portfolio/details/jesica-sanson/