tareaelder9320

Descripción General del sitio Sección de Productos
Productos Main.html

Productos Main.html es la sección central desde dónde el usuario podrá navegar hacia las diferentes secciones de productos que la papelería ofrece los cuales son este caso:
Productos escolares
Productos de oficina
Productos de mercería
Otros variados
El usuario dispone de cuatro imágenes que al dar click lo llevaránautomáticamente a la categoría deseada en la cual se despliega un menú de subcategorías las cuales se explicaran después.
Tipos de interacción
En esta sección se utilizó principalmente un tipo de interacción
Exploratoria: El usuario está “solo” dentro de la página en cuestión. El usuario tendrá que “explorar” la página en búsqueda de lo que realmente necesita. No hay un tipo de instrucción quele facilité al usuario la toma de decisiones. Por el contrario existe dentro de la exploración un grado de manipulación. Ya que cada gran sección en este caso la siguiente imagen

En la misma podemos leer que al usuario se le está ofreciendo un servicio, invitando a resguardarse en nuestra página en caso de que haya olvidado obtener un obsequio para un amigo o familiar. Este grado demanipulación va de la mano directamente con la mercadotecnia ya que lo que se busca es que el usuario de click después de “explorar”.
Justificación del diseño
El diseño del sitio web primero que nada fue solicitado por el dueño de la empresa. El mismo solicito un sitio web muy simple y de fácil comprensión y acceso. No quería algo muy rebuscado y los colores fueron bajo el criterio de la empresa y sulogo. Las imágenes y las metáforas fueron establecidas a nuestro criterio pues el dueño de la empresa no lo sugirió así. En pocas palabras lo que el dueño de la empresa busca es una sencilla página web, al menos en la sección de productos. Sugirió que si una de las secciones debería ser sencilla era la de la sección de productos. Ya que generalmente lo que se quiere es que el usuario encuentre loque quiere inmediatamente.
Análisis del sitio en base a los principios básico de diseño, explicar si cumple o no con cada principio y por qué.
Visibilidad: todos los links y la información pertinente están al alcance y visión del usuario
Retroalimentación: no existe ningún tipo de retroalimentación, salvo a que se pueda considerar la definición de las diferentes secciones como retroalimentación.Si es el caso, las mismas ejemplifican lo que el usuario puede llegar a encontrar dentro de una de las secciones mencionadas.
Restricciones: Por el momento las restricciones que hay son la funcionalidad de algunos links del sitio, recordando que es un prototipo la forma “estructura” a la que se ha llegado es lo que se le presentó al dueño de la empresa. La funcionalidad es algo que se leentregará finalmente.
Consistencia: las diferentes secciones tienen una consistencia básica en su diseño, lo que las identifica como secciones independientes son la información y media que se encuentre dentro de ellas.
Affordance: la sección en cuestión tiene buen affordance puesto que le permite al usuario desplazarse hacia dónde quiera con relativa facilidad.
Descripción general del sitioEscolar.html

En general esta página muestra un menú de la categoría de productos escolares. Existe un título grande y visible que le indica al usuario seleccionar alguna de las categorías que están en la izquierda. Si por ejemplo el usuario deseara ver los “ábacos” la siguiente imagen se muestra:

En la misma imagen “a falta de funcionalidad en vista de la naturaleza prototipo de la página” se puedenapreciar la distinción visual entre dos tipos de ábacos. Así mismo se tiene una descripción por nombre y precio. A continuación “en un futuro” se habilitarán los links que le siguen. Los cuales le dan al usuario tres opciones generales. Comprar sólo un producto. Añadir al carrito para seguir comprando y otro más que sirve para pasar a caja una vez que haya terminado de llenar su carrito.
Tipos...