Ir al contenido principal

Interfaces GUI

Para diseñar el boceto para la interface de la página principal de una web opte como temática: agencia o portfolio de diseño.

Interface Directa


La piza gráfica presentada pertenece a la interface directa porque los elementos están colocados en la página de manera literal, sin significados a deducir que apelan al conocimiento o experiencia previa de los usuarios y sin que se necesite demasiada interacción por parte de los mismos. La información  no debe ser explorada ya que todo se encuentra desarrollado en una sola página, por lo que los lectores no deben acceder a otros vínculos para ampliarla. A simple vista se observa un diseño simple sin mayores complicaciones.

Interface Metafótica


Con respecto a ésta pieza, se puede decir que pertenece a la interface metafórica. Al momento de diseñarla pensé que se me venía a la mente cuando me dicen portfolio de diseño y esa imagen es una revista que contiene diseño a presentar. Es por ello que el diseño se basa en este elemento con el fin de hacer una relación con la realidad. Otros elementos que incluí fueron las flechas, debido a que es un símbolo conocido y que se lo asocia con avanzar o retroceder, y los íconos de las redes sociales o el buscador que sus significados son de común conocimiento.
Este tipo de diseño de página web requiere una mayor interacción por parte de los usuarios. Al hacer click en una de las flechas la revista automáticamente cambia de página, hacia adelante o atrás dependiendo de cuál es la que toquemos. Las palabras que se encuentran en el índice están en color naranja y se transforman en blanco cuando se está navegando por su sección.

Comentarios

Entradas más populares de este blog

Tutorial

En el siguiente tutorial voy a enseñar como se diseña y arma un display y que detalles hay que tener en cuenta a la hora de realizarlo. Muchos se preguntarán qué es un display publicitario? Es una pieza gráfica que se coloca sobre mostradores, escaparate o estanterías en el punto de venta. Es una forma de publicidad que, en muchas ocasiones, sirve de soporte a campañas publicitarias lanzadas en otros medios y, en todo caso, apoya la venta del producto. Diseñado de display Paso 1: armar en el programa de diseño (en este caso se realizó en CorelDraw) de manera lineal y a tamaño real la morfología del display. Tener en cuenta de dejar 5 mm de más en los bordes como demasía o margen de seguridad. Si sucede como en mi caso que supera el tamaño de una A3, lo dividimos en dos partes para que entre dentro de la misma, ya que no se puede imprimir en autoadhesivo A2 . Si se tiene pensado hacerlo en cantidades si se puede recurrir a otros formas de impresión en donde no requiera...

Diseño de interacción y presentación

DISEÑO DE INTERACCIÓN DISEÑO DE CONTROLES Íconos básicos Diseños simples y planos con alto nivel de contraste sobre contenedores circulares. Íconos complementarios Diseños simples lineales, coherencia con la estética global de la app. Gestos necesarios 1- Tocar: tocar la superficie con la yema del dedo. 2- Deslizar : deslizar rápidamente y sin detenerse la superficie con la yema del dedo. 3- Juntar / Separar: tocar la superficie con dos dedos y juntarlos ó separarlos. (Zoom en cámara) Patrones de interacción: navegación Diseño de ux Calidad de interacción: Alta. Destrezas requeridas: Lectura, escritura motricidad manual, conocimientos básicos en controles de dispositivos táciles. Diagrama de flujo Wireframing DISEÑO DE PRESENTACIÓN Alternativas estéticas Desarrollo de pantallas finales

Análisis de aplicaciones similares

Plant Net DESCRIPCIÓN Es una aplicación que permite identificar plantas a partir de imágenes en comparación con información de una base de datos botánica. La app contiene especies de plantas silvestres de la flora de los siguientes lugares: Europa Occidental, Canadá, EEUU, Caribe, Amazonas, Andes Tropicales, África del Norte, Reunión, Mauricio, Asia Mediterránea Oriental y Hawai. ISOLOGOTIPO PERFIL DE USUARIO Edad ideal: A partir de los 20 años Género: Indistinto Nivel socio-económico: Medio-alto. Debe tener acceso a un dispositivo en el que se pueda ejecutar la app. Lugar de residencia: el usuario ideal debería residir en algunos de los lugares mencionados anteriormente, ya que la base de datos está desarrollada a partir de esas floras específicas. Nivel educativo alcanzado: Nivel inicial. Las competencias básicas necesarias son la lectura y la escritura. Dispositivos portátiles a los que accede: Smartphones, tablets y notebooks. ...