¿Qué es una estructura alámbrica?
¿Garabateas? Bueno, si garabateas en las reuniones, es posible que seas un experto en el diseño de wireframes. Los wireframes son bocetos rudimentarios que muestran una ilustración de una interfaz electrónica. Esta interfaz es la que controla la forma en que el usuario interactúa con un programa de software o un sistema electrónico, como un sitio web. Si está diseñando una página web, una base de datos o un sistema de información, la interfaz es la forma en que los usuarios interactúan con el software. En el caso de una página web, la interfaz es lo que ve un usuario. Los wireframes son bocetos o diseños básicos que omiten colores, fuentes, tamaños y gráficos para centrarse en la funcionalidad, el espacio, el contenido y la interacción. Digamos que estamos diseñando un sitio web y comenzamos con una idea de cómo queremos que funcione. Esto se consideraría un prototipo. Es un boceto para que los diseñadores y programadores trabajen para encontrar formas de que funcione el sitio web. Estos bocetos se pueden hacer simplemente en una servilleta con un lápiz o usando herramientas de diseño en línea. La mayoría de las herramientas en línea contienen bibliotecas de símbolos y maquetas para ayudar al diseñador a visualizar cómo debería y podría verse una estructura alámbrica. Para continuar con la discusión, desarrollemos una estructura alámbrica.
Desarrollar una estructura alámbrica
Puede utilizar wireframes para diseñar diferentes tipos de sistemas, como un sistema de información, bases de datos, equipos de trabajo o planes de marketing. Hay variaciones en los símbolos. Para asegurarse de que el boceto sea comprensible, debe tener elementos que representen marcadores de posición para logotipos, imágenes, texto, barras de navegación y de menú, botones y encabezados. Al diseñar wireframes, pasamos por iteraciones , donde repetimos el diseño de un wireframe hasta que el resultado es nuestro resultado deseado. Digamos que estamos diseñando un sitio web para una organización sin fines de lucro. Puede comenzar con una estructura alámbrica que sea tan simple como un plano con un encabezado, cuerpo y pie de página.
 |
A continuación, es bueno asegurarse de tener toda su información de contacto al frente y al centro. Esto incluiría cosas como teléfono, fax, TTY, correo electrónico y chat. Agregar su logotipo con un enlace a su página de inicio también es útil aquí.
 |
Luego, podría agregar algunos elementos de interacción, como menús de navegación y desplegables.
 |
Podríamos pasar a proporcionar algunos detalles sobre cómo queremos que se vea el contenido del cuerpo. Esto incluiría agregar un buscador y rutas de navegación al encabezado. Los pies de página, por otro lado, a menudo proporcionan enlaces estándar que detallan la accesibilidad, los derechos de autor y una exención de responsabilidad. Aquí es donde es el momento de agregar esos componentes adicionales que creemos que son esenciales. Ejemplos de estos son los botones para compartir y las redes sociales.
 |
Aunque puede esbozar cómo desea que se vea su sitio web, la mayoría de los wireframes están diseñados por un equipo. Una vez que tenemos nuestro wireframe, es hora de trabajar con otros equipos de proyecto para completar el proyecto. Para un proyecto integral, tendremos que considerar el presupuesto, el hardware, la seguridad y el marketing para asegurarnos de que nuestro proyecto sea factible.
Resumen de la lección
Una estructura alámbrica se usa generalmente para comenzar el diseño de una interfaz para una página web, una pieza de software o un sistema de información. Un wireframe es un diseño simple que se enfoca en cómo un sistema interactúa con un usuario. En esta lección, analizamos cómo crear una estructura alámbrica para un sitio web. Independientemente del resultado final, un wireframe es muy visual en su diseño. Cosas como colores y fuentes se eliminan y se agregarán más adelante. El esquema pasa por un proceso que agrega varios elementos interactivos y de navegación. Estas son iteraciones que muestran a los diseñadores dónde colocar las cosas que hacen que su diseño funcione de manera efectiva.
Continúa con:
- Negocios
Planificación de la calidad: Descripción general y herramientas ¿Qué es la planificación de la calidad?
¿Qué es la Planificación de la Calidad? La planificación de la calidad es el proceso...
- Ciencia
Herramientas digitales: demostración de uso y liderazgo efectivos
El alumno del siglo XXI Su director anuncia que está formando un comité para desarrollar...
- Administración
Herramientas y métodos de selección de candidatos: pruebas y detección
La pirámide del rendimiento del reclutamiento Un gerente de recursos humanos tiene el trabajo de...
- Crecimiento y Desarrollo humano
Evaluación de tecnología de asistencia: herramientas y ejemplos
Evaluación de tecnología de asistencia Cuando un estudiante con una o más discapacidades tiene una...
Selecciona un tema para seguir aprendiendo
