Diseño formal y funcional

DISEÑO FORMAL Y FUNCIONAL DE PRODUCTOS WEB

Nombre

Diseño formal y funcional de productos web

Navegación

Taxonomía

Recursos

Nombre Requisitos del nombre www.

Dominio

.com

Extensiones

Nombre

TIENDA DE MASCOTAS

El nombre expone al producto u empresa en los medios, es el modo de identificación que se asocia con lo que representa. En este caso el “dominio” que direccionará a los usuarios al sitio web

Requisitos del nombre Sintética: Elementos justos y necesarios Pregnante: debe fijarse en la mente del receptor Transmisor de sensaciones: debe ser emotivo Reconocible: evitar las confusiones en la comunicación Original: para ser diferenciada del resto Fácil de leer y pronunciar Eufónica: Que sea agradable al oído y que no resulte ridícula

Dominio Domain Name System o DNS es un sistema de nomenclatura jerárquica para cualquier recurso conectado a Internet o a una red privada. Nació de la necesidad de recordar fácilmente los nombres de todos los servidores conectados a Internet.

Este sistema tiene como función traducir nombres inteligibles para los humanos en identificadores binarios asociados con los equipos conectados a la red para poder localizar y direccionar estos equipos mundialmente.

TIENDA DE MASCOTAS

www.mimascota.com

Extensiones del dominio De nivel superior Geográfico (ccTLD) Ecuador – .ec España – .es Argentina - .ar Organizaciones Militares – .mil Gubernamental - .gov Infraestructura Organizaciones internacionales - .int

Genéricos Multilingües: .com, .org y .net.

Información: .info Comerciales: .biz - .com Nombre propio o apodo: .name Profesionales (médicos): .pro (.med.pro) Servicios aéreos: .aero Cooperativas: .coop Museos: .museum Televisión. .tv Intereses globales en la Internet refiere a Commercial, Cooperative, Company, Corporation: .co

Navegaciรณn Presentaciรณn de los elementos de navegaciรณn

Navegación Los elementos de navegación, son los que permiten al usuario moverse por nuestro sitio y encontrar la información que busca. Con un sistema de navegación consistente y predecible, se ayudará al usuario a hacerse una idea de la organización del site.

La interacción básica de cualquier usuario es pulsar enlaces para moverse a través de la información en un espacio que abarca cientos de millones de documentos. Un interfaz de navegación debe dar respuesta a: ¿Dónde estoy? ¿Quién me está contando todo esto? ¿Qué es esto? ¿Dónde he estado? ¿Cómo se sentiría usted si al abrir un documento de Word desparecieran todas sus barras de herramientas?. ¿Dónde puedo ir?

¿Cuándo? ¿Cómo voy a volver dónde estuve antes? ¿Cuánto tardaremos en llegar?

Presentación de elementos de navegación El éxito de una buena navegación se debe a la estructura del sitio en general; como decidimos agrupar nuestro contenido, bajo que secciones, etc., pero la otra parte se la debemos a una clara presentación y localización de elementos de navegación.

• Presentar claramente la navegación principal • Acceso claro y rápido a la página principal • Uso de encabezados y pies de página.

• Usar cautelosamente gráficas • Consistencia en uso de colores en ligas y páginas visitadas.

• Ayudar al usuario a ubicarse dentro del sitio • Evitar el uso de el comando de subrayado <u></u>

Taxonomía Construcción de la taxonomía

Taxonomía “Es un sistema particular de categorizar entidades, es decir, de organizar en grupos. Un sistema taxonómico debe ser claro, consistente, flexible, exhaustivo y práctico”

Construcción de la taxonomía Según Centelles, la construcción de las taxonomías supone la realización de cuatro procesos.

1

Delimitación de la realidad -entidad, área de conocimiento, sector industrial, etc.- que representará la taxonomía.

2

Extracción del conjunto de términos o categorías que representan dicha realidad.

3

Control terminológico categorías.

4

Establecimiento del esquema y la estructura de organización de los términos o categorías.

de

los

términos

o

Es fundamental, a la hora de construir una taxonomía, conocer toda la terminología que se utilizará en un sitio Web. Nadie mejor que una persona con un sólido conocimiento del dominio para el cual trabaja para saber como construir una taxonomía.

Recursos Textos Imagenes Colores TecnologĂ­a

Texto Es fundamental a la hora de diseñar un sitio web considerar las siguientes recomendaciones al usar texto.

1

Orden de lectura

2

Jerarquización del mensaje

3

Uso de dos familias tipográficas morfológicamente distintas

4

Ancho de columna

5

Contraste del fondo con la tipografía

6

Destacar lo importante con color, tamaño o ubicación

7

El tamaño de la fuente entre 13 y 14 px

8

No subrayar los textos

9

Usar viñetas

Imagen A parte de hablar de la composición y calidad de la imagen lo que hay que destacar en el manejo de la imagen para la web es la optimización de espacio en disco, esto sin sacrificar la calidad de la imagen

Iconos Icono es un signo que sustituye al objeto mediante su significación, representación o por analogía.

En web, un ícono identifica y representa a algún objeto, usualmente con algún simbolismo gráfico para establecer una asociación.

Sabemos de las ventajas de usabilidad que nos da el tener una buena iconografía en un sitio web, pero que hay del lado estético?

Los iconos no sólo hacen su tarea en cuanto a usabilidad se refiere, también tienen un papel muy importante en la estética del sitio, hacen que el sitio se vea más diseñado más completo, le dan personalidad y forman parte de la identidad gráfica del mismo.

Color En la pintura, el diseño gráfico, la fotografía, la televisión y la web el color y su uso debe aplicar reglas básicas en su mezcla para conseguir el efecto deseado 1 Usar armonías cromáticas 2 Usar el significado sicológico del color