- 17/02/2017 22:59
[attach=config]222116[/attach]los botones son un elemento ordinario en el diseño de la interacción. A pesar de esto, debido a que los botones son un elemento vital en la creación de un flujo de conversación en la web y las aplicaciones, vale la pena prestar atención a estas prácticas básicas de los botones, también revisaremos los tipos de botones y los estados, información importante que debe conocer para crear botones efectivos que mejoren la experiencia del usuario.
mejores prácticas para los botones, piense en cómo el diseño comunica. ¿cómo entienden los usuarios el elemento como un botón? Utilice la forma y el color para que el elemento se vea como un botón. Y piense cuidadosamente sobre el tamaño y el relleno al diseñar. El tamaño de los botones también desempeña un papel clave para ayudar a los usuarios a identificar estos elementos. Varias plataformas proporcionan pautas sobre objetivos de toque mínimo.
ubicación y orden, coloco botones donde los usuarios puedan encontrarlos fácilmente o esperar a verlos. Por ejemplo, las pautas de la interfaz de usuario de IOS muestran la ubicación conocida de los botones, cuidado con el orden y la posición de los botones. El orden en que los botones entran, especialmente si hay pares correspondientes (como anterior y siguiente) es importante. Asegúrese de que el diseño haga hincapié en la acción primaria o más importante.
etiquetas, la etiqueta de los botones añade un mensaje claro de lo que sucede después del clic.
formas de botones, por lo general, usted querrá hacer botones cuadrados o cuadrados con esquinas redondeadas, dependiendo del estilo del sitio o la aplicación. Algunas investigaciones sugieren que las esquinas redondeadas mejoran el procesamiento de la información y atraen nuestros ojos hacia el centro del elemento.
botón rectangular redondeado., puede ser más creativo y utilizar otras formas como círculos, triángulos o incluso formas personalizadas, pero tenga en cuenta que este último podría ser un poco más arriesgado. El botón de acción flotante es un buen ejemplo de un botón en forma personalizada, asegúrese de mantener la coherencia en todos los controles de interfaz, para que el usuario pueda identificar y reconocer los elementos de la interfaz de usuario de la aplicación como botones.
tipos de botones y comportamiento.
1. Botón elevado, el botón elevado normalmente es el botón rectangular que se levanta (el sombreado indica que es posible hacer clic). Los botones subidos añaden una dimensión a la mayoría de los diseños planos. Enfatizan las funciones en espacios ocupados o amplios, comportamiento, los botones levantados se elevan y se llenan de color. Los botones levantados destacan más que los botones planos.
2. Botón plano, los botones planos no se elevan, pero se llenan de color en la prensa. El mayor beneficio de los botones planos es bastante simple: minimizan la distracción del contenido.
3. Botón de alternar. Un botón permite al usuario cambiar un ajuste entre dos (o más) de los estados. También hay botones que se pueden utilizar para agrupar opciones relacionadas, los iconos son apropiados para los botones que permiten una única opción para ser seleccionado o no seleccionado, tales como la adición o eliminación de una estrella a un elemento. Son los que están mejor ubicados en las barras de la aplicación, barras de herramientas, botones de acción o alternas.
4. Botón fantasma, los botones fantasmas son aquellos transparente y botones vacíos que tienen una forma básica, como una forma rectangular. Generalmente están bordeados por una línea muy fina, mientras que la sección interna se compone de texto sin formato.
conclusión, el botón está destinado a dirigir a los usuarios a tomar la acción que usted desea. El botón de diseño UX es siempre sobre el reconocimiento y la claridad. En ella el botón juega un papel crucial en esta conversación.
mejores prácticas para los botones, piense en cómo el diseño comunica. ¿cómo entienden los usuarios el elemento como un botón? Utilice la forma y el color para que el elemento se vea como un botón. Y piense cuidadosamente sobre el tamaño y el relleno al diseñar. El tamaño de los botones también desempeña un papel clave para ayudar a los usuarios a identificar estos elementos. Varias plataformas proporcionan pautas sobre objetivos de toque mínimo.
ubicación y orden, coloco botones donde los usuarios puedan encontrarlos fácilmente o esperar a verlos. Por ejemplo, las pautas de la interfaz de usuario de IOS muestran la ubicación conocida de los botones, cuidado con el orden y la posición de los botones. El orden en que los botones entran, especialmente si hay pares correspondientes (como anterior y siguiente) es importante. Asegúrese de que el diseño haga hincapié en la acción primaria o más importante.
etiquetas, la etiqueta de los botones añade un mensaje claro de lo que sucede después del clic.
formas de botones, por lo general, usted querrá hacer botones cuadrados o cuadrados con esquinas redondeadas, dependiendo del estilo del sitio o la aplicación. Algunas investigaciones sugieren que las esquinas redondeadas mejoran el procesamiento de la información y atraen nuestros ojos hacia el centro del elemento.
botón rectangular redondeado., puede ser más creativo y utilizar otras formas como círculos, triángulos o incluso formas personalizadas, pero tenga en cuenta que este último podría ser un poco más arriesgado. El botón de acción flotante es un buen ejemplo de un botón en forma personalizada, asegúrese de mantener la coherencia en todos los controles de interfaz, para que el usuario pueda identificar y reconocer los elementos de la interfaz de usuario de la aplicación como botones.
tipos de botones y comportamiento.
1. Botón elevado, el botón elevado normalmente es el botón rectangular que se levanta (el sombreado indica que es posible hacer clic). Los botones subidos añaden una dimensión a la mayoría de los diseños planos. Enfatizan las funciones en espacios ocupados o amplios, comportamiento, los botones levantados se elevan y se llenan de color. Los botones levantados destacan más que los botones planos.
2. Botón plano, los botones planos no se elevan, pero se llenan de color en la prensa. El mayor beneficio de los botones planos es bastante simple: minimizan la distracción del contenido.
3. Botón de alternar. Un botón permite al usuario cambiar un ajuste entre dos (o más) de los estados. También hay botones que se pueden utilizar para agrupar opciones relacionadas, los iconos son apropiados para los botones que permiten una única opción para ser seleccionado o no seleccionado, tales como la adición o eliminación de una estrella a un elemento. Son los que están mejor ubicados en las barras de la aplicación, barras de herramientas, botones de acción o alternas.
4. Botón fantasma, los botones fantasmas son aquellos transparente y botones vacíos que tienen una forma básica, como una forma rectangular. Generalmente están bordeados por una línea muy fina, mientras que la sección interna se compone de texto sin formato.
conclusión, el botón está destinado a dirigir a los usuarios a tomar la acción que usted desea. El botón de diseño UX es siempre sobre el reconocimiento y la claridad. En ella el botón juega un papel crucial en esta conversación.