Mi página web.

Mi página web quedara de la siguiente manera: El logo de la empresa aparecerá siempre en la esquina superior izquierda en cada una de las páginas de una manera simple pero atractiva. Justo debajo de este aparecerán los cinco links de la página para acceder a cada uno de los diferentes puntos. Esta información se repetirá en cada una de las páginas existentes siempre con un botón a home que sera el mismo logo de la empresa. La página constará de una home y cinco links a diferentes temas.

Home: En esta página simplemente aparecerá un slideshow muy general de fotografías que se encontrarán dentro de las demás páginas. Solo se contempla dos o tres fotografías de cada uno de los tópicos a desarrollar.

La empresa: Aquí se mostrará la información básica de la empresa incluyendo historia, origenes, expansión, colaboraciones y trabajos más importantes, galardones, participaciones en concursos y planes a futuro. Aquí también se expondrán los acontecimientos y noticias más recientes dentro de la misma. Las fotografías del slideshow representarán estos datos.

Catálogo de trabajos: En este link se expondrán los trabajos más importantes que ha realizado la empresa a través de los años además de una breve descripción de cada uno de ellos, incluyendo un par de fotografías de los mismos a manera de slideshow.

Servicios: En este apartado se xplicara a detalle todos los servicios que ofrece la empresa y la manera en que se llevan a cabo los mismos y otras empresas que colaboran con nosotros.

Contáctanos: Aquí se puede apreciar la información detallada de la empresa como dirección, teléfonos, fax, C.P., R.F.C., ubicación por medio de un croquis de localización además de comentarios y nuestro e-mail para poder contactarnos.

El equipo: Aquí se mostrará nuestro equipo de trabajo y la función que desempeña cada uno de ellos, además de su respectiva fotografía.

Página web.

1. Inicio y conceptualización.

- Realizar una página web con mínimo cuatro links dentro de la misma.
- Utilizar el trabajo del parcial anterior: Espacio - Arquitectura y Consultoría de Imagen.
- Utilizar la misma paleta de colores que en mi tarjeta de presentación y hoja membretada con un fondo blanco o crema dependiendo del diseño.
- Utilizar muchas imagenes para representar el concepto.
- Slideshows: muy importantes.

2. Análisis de requerimientos.

Requerimientos del usuario.
- Fácil de utilizar.
- Links en todas las páginas a la principal.
- Página dinámica y con movimiento respetando el concepto.
- Que no sea aburrida.

Requerimientos del cliente.
- Que llame la atención: atractiva.
- Que la información sea precisa sin ser demasiada.
- Que se note el concepto a través de la navegación.

Requerimientos del contenido.
- Respetar el tema.
- Explicar todos los puntos.
- Utilizar imagenes para entender mejor.
- No atascar de información innecesaria.

Requerimientos estéticos.
- Ordenado.
- Secuencia.
- Atractivo visual.
- Que el concepto siempre se vea reflejado.
- Que sea simple para que el usuario se interese.

Lectura C211 - Navegación.

En la navegación, la transmisión de la información es importante para proporcionar las claves necesarias, y para ofrecer estructura y organización, además de un contexto para el usuario. Los links son muy importantes para permitir al usuario moverse libremente en las páginas mediante un menú fácil de usar y ubicar.

En el diseño del sitio se debe analizar a detalle cuál es la información prioritaria para el cliente dejando de lado información específica de la empresa, la cuál no le interesa a la gente. Para evitar este tipo de problemas se pueden seguir estos cinco pasos que resultan muy útiles:
1.- Dividir el contenido en unidades lógicas.
2.- Establecer una jerarquía de importancia entre las unidades.
3.- Utilizar una jerarquía para estructurar los vínculos entre unidades.
4.- Construir un sitio que siga de cerca la estructura de información propuesta.
5.- Analizar el éxito funcional y estético del sistema.

En cuanto a la estructura del sitio, se cuenta con secuencias para ir de lo general a lo específico con información lógicas y en orden cronológico. La retícula sirve para organizar manuales de procedimientos o listados universitarios. La jerarquía se organiza a partir de una página denominada "home" y de ahí se desplantan las páginas más específicas a manera de sub-páginas. La telaraña se refiere a como el mismos usuario va determinando como explora la página siguiendo sus intereses particulares, aunque es màs recomendable para páginas pequeñas para evitar confusiones a la hora de navegar.

Existen 13 componentes principales dentro de un sitio:
1.- Páginas principales: Todas las demás páginas dentro del sitio deben tener link de acceso a esta. Aquí se debe incluir la información más importante así como menús de enlaces y contenidos.
2.- Página principal orientada: Se expone la información más relevante que se puede dividir por intereses de los usuarios.
3.- Portada: Es la bienvenida de una página mediante el salpicado de pantalla, aunque el usuario puede prescindir de ella accesando directamente a la página principal.
4. Retícula base para el diseño de página: Es importante contar con ella para cambiar o reorganizar tu página.
5.- Menús y subwebs: Sirven para organizar y guiar a los usuarios mediante temas establecidos, aunque no se debe sobrecargar para evitar excesivo tiempo de carga de página.
6.- Indices de materias: Se refiere a contenidos y mapas del sitio, palabras claves e información reducida.
7.- Página novedades: Evita que la página se vuelva monótona mediante últimas novedades y actualizaciones dentro de la misma.
8.- Buscadores: Encuentra la información mediante palabras clave.
9.- Información del contacto: Sirve para proporcionar datos importantes y estar en contacto con el usuario mediante, mensajes, preguntas o sugerencias. Tambien se incluye direcciones, números de teléfono y fax, etc.
10.- Mapas: Instrucciones de como navegar o como acceder al lugar físico.
11.- Bibliografía o apéndices: Links de páginas web para ser consultadas.
12.- Páginas FAQ (Frequently Asked Questions): Se muestran las preguntas más frecuentes de los usuarios.
13.- Páginas de error de servidor: Explican el porque no se puede mostrar una página en ese momento.

Lectura C003 - Prototyping for tiny fingers

Los modelos denominados Lo-fi se refiere a prototipos con un perfil bajo que el diseñador gràfico utiliza para analizar cada aspecto de un proyecto tomando en cuenta el mismo diseño, funcionalidad y calidad. Todo esto puede ser muy util a partir de sketchboards a manera de bocetos o ideas iniciales para despuès comprobar la factibilidad del mismo y aplicar un lenguaje codificado en pruebas para usuarios potenciales. El mensaje final al usuario es el aspecto màs importante que se debe lograr dentro de este diseño. Este debe ser calificado por diferentes expertos para moldearlo poco a poco en busca del resultado final.

Este metodo es uno de los màs antiguos pero màs utilizados principalmente por empresas, al igual que Trojan meme, para comprobar la eficiencia y funcionalidad de diferentes modelos en situaciones reales. Segùn Retting la importancia de los bocetos radica en que se pueden evitar problemas antes de las primeras pruebas. Aquí resulta muy importante la retroalimentacíon con el fin de mejorar y llegar a un mejor resultado final. Es sumamente importante que el mismo diseñador no se considere como usuario.

Tarjeta de presentación.

Decidí tener un diseño por ambos lados por considerar que así se puede sacar el mejor provecho a un tarjeta de presentación en cuanto a diseño e información.

Espacio - Interiorismo & Consultoría de Imagen.

Este es el resultado final. Respetando todos los conceptos establecidos en la etapa inicial, representa el tipo de empresa que estoy ofreciendo en todos los sentidos: textura, color, forma, profundidad, movimiento. Espacio no solo ofrece proyectos y remodelaciones en interiorismo, sino además consultoría de imagen personalizada en el lugar en donde se piensa trabajar, vivir, o realizar diversas actividades, siempre buscando la completa satisfacción del cliente.

Puliendo los detalles.

Ahora ya se empieza a ver la sensación de profundidad al utilizar las tres dimensiones, dando la sensación de movimiento a través del espacio que se genera en cada una de sus líneas. El siguiente problema a enfrentar fue el color. Decidí utilizar una sola paleta de colores para darle continuidad en cada una de sus fases. Primero utilice el azul, pero me pareció demasiado técnico y no representativo de mi concepto. Después decidía pasar al verde pero tomando una sola tonalidad, pero esto le restaba movimiento, por lo que opté por utilizar la paleta de color de los verdes en orden descendiente partiendo del color 62 para lograr el efecto deseado.