Diseño Frontend

¿Que es FrontEnd?
FrontEnd, es una especialidad para el desarrollo web que trabaja la interfaz web y
hace que el usuario pueda interactuar con un entorno grafico de un sistema
ofreciendo acceso ha una aplicación web.
Casi todo lo que ves en la pantalla cuando accedes ha una web es desarrollo
frontend, la estructuración de los apartados, tamaños, márgenes entre estructuras,
tipos de letra, colores, adaptación para distintas pantallas, los efectos de ratón,
teclado, movimientos, desplazamientos, efectos visuales. Esto sería la base origen
en la que se centra la especialidad frontend, dar formato ha contenidos, desarrollo
del aspecto de la web y manipular resultados de datos obtenidos

Las reglas para una buena usabilidad web son la base del éxito de cualquier
proyecto digital. ¿Qué reglas hay que seguir para optimizar la usabilidad y
conseguir así la mejor experiencia de usuario? En este post te ofrecemos las 10
principales pautas a tener en cuenta.
• Buena arquitectura de la información
Hay que estructurar la información de forma simple, racional y lógica. Para ello, es
fundamental saber cómo piensa el público objetivo de tu empresa.
• Diseño comprensible a primera vista
Los recursos gráficos deben ser identificados con facilidad. Además, los textos se
deben leer con la máxima comodidad.
Un buen uso de los blancos ayuda a ofrecer un diseño agradable, atractivo,
simple y efectivo.
• Visibilidad para una buena usabilidad web
¿Dónde estoy? La aplicación o website debe poder dar siempre respuesta a esta
pregunta. El usuario debe poder saber en todo momento en qué parte se
encuentra, qué acciones puede ejecutar y cómo las puede iniciar. Debe ser
siempre consciente de su estatus: en qué parte de un proceso de encuentra.
• Lenguaje del usuario
El lenguaje elegido debe ser el empleado por el público objetivo de la empresa.
Los términos utilizados deben ser, además de claros y unívocos, los que utilizan
los clientes.
• Simplicidad
La regla de la simplicidad consiste en concentrarse en lo que es relevante. Nada
de distraer al usuario. Y no es una buena idea agobiarlo con páginas
sobrecargadas de información. Cuanto más simple sea la web, más probable es
que el usuario consiga su objetivo, y que lo haga con rapidez y agilidad. Por tanto,
la simplicidad es crucial para la efectividad y para la eficiencia.

• Familiaridad
Los desarrolladores de una nueva web son conscientes de que los usuarios tienen
una cultura de usabilidad web. Es probable que hayan navegado por decenas,
centenares y miles de sitios web. Además, seguro que, como resultado de esa
experiencia, han adquirido una serie de inercias. Así que los creadores de un
nuevo proyecto web no pueden pasarse de listos y romper todas las convenciones
habidas y por haber. En este caso, la regla es intentar respetar las pautas de
usabilidad web que todo el mundo da por sabidas.

Las diferencias que existen entre ambas se dan en un ámbito técnico, es decir, en
el ámbito de la programación.
App nativa Web app
Dependiente de la
Plataforma Independiente de la plataforma
plataforma
Normalmente en el servidor, aunque
en el caso de las aplicaciones web

Almacenamiento de En el dispositivo del
creadas con HTML5, el código de la
datos usuario
aplicación y los datos pueden
guardarse temporalmente
Utilización de las No es posible su utilización en la

Es posible utilizarlas
funciones del mayoría de los casos, aunque
en su totalidad
dispositivo algunas aplicaciones web pueden
acceder de manera limitada a las
funciones del dispositivo
Descarga en la App
Fuente Visita a la página web
Store
Instalación Necesaria No necesaria
Deben instalarse (en
su caso, debe El proveedor será el encargado de
Actualizaciones descargarse la implementarlas y están disponibles
versión actual de la para todos los usuarios
app)
No es necesaria en Mayoritariamente necesaria,
Conexión a Internet la mayoría de los excepto cuando la app se guarde
casos temporalmente con HMTL5

Para desarrollar este tipo de elementos WEB existe una plataforma
llamada Balsamiq que nos ayudara a realizar un inicio de sesión
para un ejemplo frontend.

Diseño Frontend

Cargado por

Copyright:

Formatos disponibles

Diseño Frontend

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Diseño Frontend

Cargado por

Copyright:

Formatos disponibles

¿Que es FrontEnd?

hace que el usuario pueda interactuar con un entorno grafico de un sistema

ofreciendo acceso ha una aplicación web.

frontend, la estructuración de los apartados, tamaños, márgenes entre estructuras,

teclado, movimientos, desplazamientos, efectos visuales. Esto sería la base origen

en la que se centra la especialidad frontend, dar formato ha contenidos, desarrollo

del aspecto de la web y manipular resultados de datos obtenidos

conseguir así la mejor experiencia de usuario? En este post te ofrecemos las 10

principales pautas a tener en cuenta.

• Buena arquitectura de la información

fundamental saber cómo piensa el público objetivo de tu empresa.

• Diseño comprensible a primera vista

deben leer con la máxima comodidad.

Un buen uso de los blancos ayuda a ofrecer un diseño agradable, atractivo,

pregunta. El usuario debe poder saber en todo momento en qué parte se

siempre consciente de su estatus: en qué parte de un proceso de encuentra.

• Lenguaje del usuario

El lenguaje elegido debe ser el empleado por el público objetivo de la empresa.

La regla de la simplicidad consiste en concentrarse en lo que es relevante. Nada

de distraer al usuario. Y no es una buena idea agobiarlo con páginas

sobrecargadas de información. Cuanto más simple sea la web, más probable es

la simplicidad es crucial para la efectividad y para la eficiencia.

usabilidad web que todo el mundo da por sabidas.

App nativa Web app

Normalmente en el servidor, aunque

en el caso de las aplicaciones web

Utilización de las No es posible su utilización en la

funciones del dispositivo

Instalación Necesaria No necesaria

Deben instalarse (en

su caso, debe El proveedor será el encargado de

Actualizaciones descargarse la implementarlas y están disponibles

versión actual de la para todos los usuarios

No es necesaria en Mayoritariamente necesaria,

Conexión a Internet la mayoría de los excepto cuando la app se guarde

casos temporalmente con HMTL5

También podría gustarte