ıllı Internet y Tecnologías de la Información (2018)

internet, Hosting, dominios, seo, antivirus, banco de imágenes, páginas web, tiendas online

[Enciclopedia Online Gratuita] Diccionario de Internet y Tecnologías de la Información y la Comunicación (TIC):

ıllı Wireframe (diseño web) wiki: info, historia y vídeos


La información contenida en esta web debe ser considerada como información general, de carácter formativo, educativo o divulgativo, y no puede ser utilizada o interpretada como consejo o diagnótico médico, psicológico o de ningún otro tipo. Es posible que algunos datos mostrados no esten actualizados. Por ello, en caso de duda lo recomentable es consultar a un experto cualificado.


 


 

videos internet

salud  Wireframe (diseño web) 


wireframe.wikiUn documento esquemático para un perfil personal creado utilizando Balsamiq.

Un wireframe para un sitio, asimismo conocido como un esquema de página o bien plano de pantalla, es una guía visual que representa el esqueleto o bien estructura visual de un sitio. El wireframe esquematiza el diseño de página o bien ordenamiento del contenido del sitio, incluyendo elementos de la interfaz y sistemas para la navegación, y de qué forma marchan en conjunto. Generalmente este esquema carece de estilo tipográfico, color o bien aplicaciones gráficas, en tanto que su objetivo principal radica en la funcionalidad, comportamiento y jerarquía de contenidos. En otras palabras, se enfoca en “qué hace la pantalla, no de qué manera se ve.” Los esquemas pueden ser dibujados con lapicero y papel o bien esquemas en una pizarra, o bien pueden ser producidos con medios de diseño de aplicaciones de software libre o bien comerciales.

Los wireframes se enfocan en:

  • Los géneros de información que va a ser mostrada
  • La cantidad de las funciones disponibles
  • Las prioridades relativas de la información y las funciones
  • Las reglas para enseñar algunos géneros de información
  • El efecto de los diferentes escenarios en la pantalla

El wireframe del sitio conecta la estructura ideal, o bien arquitectura de la información, con la superficie, o bien diseño visual del sitio. Los wireframes asisten a establecer funcionalidad, y las relaciones entre las distintas plantillas de pantallas de un sitio. Un proceso iterativo de creación de wireframes es una forma eficaz de hacer prototipos de páginas veloces, mientras que se mide la practicidad de un término de diseño. Típicamente, la esquematización empieza entre “diagramas de flujo de estructuras de trabajo de alto nivel o bien mapas de lugar y diseños de pantallas.” En el proceso de construcción de un sitio, el dibujo de un wireframe es donde el término se vuelve tangible.


Aparte de los sitios, los wireframes son utilizados para hacer prototipos de sitios móviles, aplicaciones para computador o bien otros productos basados en pantalla que impliquen interacción hombre-máquina. Las tecnologías futuras y los medios forzarán a los wireframes a amoldarse y evolucionar.


Los wireframes pueden ser empleados por diferentes disciplinas. Los desarrolladores emplean wireframes para conseguir una aproximación más tangible de las funcionalidades del lugar, al paso que los diseñadores los emplean para impulsar el proceso de diseño de la interfaz de usuario (UI). Los diseñadores de experiencia de usuario y arquitectos de información utilizan wireframes para enseñar las sendas de navegación entre páginas. Los interesados en un negocio los emplean para asegurarse que los requerimientos y objetivos se conectan a través del diseño. Otros profesionales que crean wireframes incluyen a los analistas de negocios, arquitectos de información, diseñadores de interacción, diseñadores de experiencia de usuario, diseñadores gráficos, programadores y gestores de productos.


Trabajar con wireframes puede ser un esmero colaborativo en tanto que este conecta la arquitectura de información con el diseño visual. Debido al cruce de estos papeles profesionales, pueden surgir enfrentamientos, haciendo del desarrollo de un wireframe una parte discutida del proceso de diseño. Como los wireframes tienen una estética "desnuda", es bastante difícil para los diseñadores aceptar que tan cerca el wireframe puede representar los diseños de pantalla. Otra complejidad con los wireframes es que, ciertamente, no muestran los detalles interactivos. El diseño moderno de UI incorpora múltiples dispositivos como paneles expansibles, efectos de intercambio visual y carruseles que representan un reto para diagramas en dos-D.




Los wireframes pueden tener múltiples niveles de detalle y pueden dividirse en 2 categorías en concepto de lealtad, o bien que tan similares son al producto final.


Baja lealtad Caracterizado por un dibujo en salvaje o bien un boceto veloz, los wireframes de baja lealtad tienen menos detalles y son veloces de generar. Estos wireframes asisten a un equipo de proyecto a cooperar más ciertamente debido a que son más abstractos, utilizando rectángulos y etiquetas para representar el contenido. Contenido de prueba, texto de relleno (lorem ipsum), muestra o bien contenido simbólico son empleados para representar datos cuando el contenido real no está libre.


Alta lealtad Los wireframes de alta lealtad son utilizados con frecuencia para documentar, por el hecho de que incorporan un nivel de detalle que se aproxima más al diseño final de una web, mas toma más tiempo para ser creado.


Para dibujos fáciles o bien de baja lealtad, los prototipos en papel es una técnica común. Como estos son solo representaciones, las notas al lado para explicar comportamientos son útiles. Para proyectos más complejos, representar wireframes con software de ordenador es popular. Ciertas herramientas dejan añadir interactividad, incluyendo animación en Flash, y tecnologías de presentación web como HTML, CSS, y JavaScript.


El esqueleto de un sitio puede ser dividido en 3 componentes: diseño de información, diseño de navegación y diseño de interfaz. El diseño de la página es donde estos componentes se unen, al tiempo que un wireframe es donde se representa la relación entre estos componentes.


Diseño de información

Diseño de información

El diseño de información es la localización en la presentación y priorización de información de forma que facilite el comprensión. El diseño de información es un área del diseño gráfico concebida para representar información de forma eficaz para una comunicación clara. Para sitios, los elementos informativos han de estar ordenados de forma que reflejen los objetivos y labores del usuario.


Diseño de navegación


El sistema para la navegación provee un conjunto de elementos en pantalla que dejan al usuario moverse entre páginas del mismo sitio.El diseño de navegación debe comunicar la relación entre los links que contiene de manera que los usuarios comprendan las opciones que tienen para navegar el lugar. De manera frecuente, los sitios poseen múltiples sistemas para la navegación, como navegación global, navegación local, navegación suplementaria, navegación contextual y navegación de cortesía.


Este diseño deja dar una vista de forma global, de la localización y desplazamiento mediante las distintas páginas de un sitio.


Diseño de interfaz

Diseño de interfaz de usuario

El diseño de la interfaz de usuario incluye elegir y ordenar los elementos de la interfaz para permitir a los usuarios interaccionar con la funcionalidad del sistema. El propósito es facilitar la usabilidad y eficacia tanto como resulte posible. Elementos comunes que se hallan en el diseño de interfaces son los botones de acción, campos de texto, cajas de verificación, botones radiales y menús desplegables.


  ELIGE TU TEMA DE INTERÉS: 


autoayuda.es   Internet y Tecnologias 





Está aquí: Inicio > [ INTERNET ] > ıllı Wireframe (diseño web) wiki: info, historia y vídeos

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Ver políticas