Botones con diseño de materiales
Contenidos
El sistema ofrece varias variantes del título del botón. Dependiendo de la plataforma en la que se ejecute su contenido, elija la variante que se ajuste a la terminología de su experiencia de inicio de sesión y utilícela de forma coherente en todas sus interfaces.
El estilo con contorno blanco está disponible en iOS, macOS y la web. Utiliza este estilo en fondos blancos o de color claro que no ofrezcan suficiente contraste con el relleno blanco del botón. Evite utilizar este estilo sobre un fondo oscuro o saturado, ya que el contorno negro puede añadir desorden visual; en su lugar, utilice el estilo blanco para contrastar con un fondo oscuro.
Mantenga el tamaño mínimo del botón y el margen alrededor del botón en iOS, macOS y la web. Tenga en cuenta que la longitud del título del botón puede variar en función de la configuración regional. Utilice los siguientes valores como orientación.
Todos los archivos de logotipos descargables incluyen un relleno que simplifica la colocación del logotipo en un botón. Los archivos de logotipos que sólo se pueden descargar incluyen un relleno horizontal y vertical que garantiza la proporción correcta del logotipo en relación con el botón. Además del relleno que mantiene las proporciones correctas del logotipo y el botón, los archivos del logotipo para los botones con texto también incluyen un relleno horizontal que proporciona un margen mínimo entre el logotipo y el borde delantero y el título del botón.
Ideas de diseño de botones
Los botones son un componente fundamental de cualquier diseño de UX y, como tal, merecen una planificación adecuada. Echa un vistazo a estas reglas básicas para un diseño de botones perfectoUn botón es un elemento fundamental de la interfaz de usuario que afectará en gran medida a tu diseño de interacción. Los botones tienen el poder de obligar a los usuarios a convertirse, a realizar una acción. Los botones son un intermediario entre el usuario y el producto, y se encargan de mantener la conversación entre la persona y la máquina.
Pero, ¿cómo puede asegurarse de que el diseño de sus botones permita una gran usabilidad y, al mismo tiempo, haga olas creativas en las pantallas de los usuarios? Se trata de prestar atención a los detalles y utilizar tu herramienta de creación de prototipos favorita. Sigue leyendo para saber cómo mejorar el diseño de tus botones.
Las reglas básicas del diseño de botonesTodo en la vida tiene unas cuantas reglas básicas que hay que tener en cuenta. El diseño de botones es típico en el sentido de que parece bastante fácil, pero conlleva muchos factores aparentemente pequeños que el diseñador debe tener en cuenta. Estas son algunas pautas que debes seguir en tu próximo diseño de UX.
Estados de los botones
Erin SchroederSan 06, 2020-10 min readLos botones en la web son una parte integral de la experiencia del usuario. Su objetivo es inspirar la conversión y la acción de la persona que está al otro lado de la pantalla. Pero cuando no están bien implementados -ya sea en el diseño o en el texto- puede que no reciban ninguna atención.
Como profesional de la experiencia de usuario (UX), es importante saber cómo diseñar mejor los botones para la web en 2020. Comprender las facetas importantes del diseño de la experiencia del usuario puede ayudar a que tu estrategia de botones sea eficaz y ofrezca los resultados que necesitas.
Según Jakob Nielsen y el Grupo Nielsen Norman, los usuarios leen aproximadamente entre el 20 y el 28% de una página web cuando buscan información, y Nielsen cree que es más probable que sea el 20%. Y los expertos predicen que nuestra capacidad de atención hoy en día es incluso más corta que la de un pez de colores: unos 8,25 segundos.
Desde los sitios web hasta las aplicaciones, los botones se encuentran en todas partes. Nos guían a través de viajes y nos dirigen a los siguientes pasos que necesitamos. Pero como nuestra atención sigue aumentando y disminuyendo en función de los dispositivos que utilizamos o la información que buscamos, es más importante que nunca diseñar botones que se ajusten a las expectativas del usuario.
Diseñador de botones
Un botón de comando en un formulario de Access se utiliza para iniciar una acción o un conjunto de acciones. Por ejemplo, puede crear un botón de comando que abra otro formulario. Para que un botón de comando realice una acción, se escribe una macro o un procedimiento de evento y se adjunta a la propiedad Al hacer clic del botón de comando. También puede incrustar una macro directamente en la propiedad Al hacer clic del botón de comando. Esto permite copiar el botón de comando a otros formularios sin perder la funcionalidad del botón.
Por defecto, Access da a un nuevo botón de comando el nombre Comando, seguido de un número; por ejemplo, Comando34. Aunque no es necesario, es una buena idea cambiar el nombre por algo que refleje la función del botón (por ejemplo, cmdSalesReport o CloseFormButton). Esto le ayudará más adelante, si necesita referirse al botón en una macro o procedimiento de evento.
Access proporciona muchas formas de personalizar los botones de comando para que pueda tener la apariencia y la funcionalidad que desee en su formulario. Por ejemplo, puede crear una fila de botones de comando en una disposición tabular o apilada, o puede hacer que los botones de comando aparezcan más como hipervínculos.
