Resumen Emplea enalces azules y botones del sistema. Ayudan al usuario a reconocer lo que es pinchable y lo que no. Proporciona al usuario la inmaneracion necesaria sobre donde esta y a donde puede ir de manera clara. Proporciona guias al usuario (1 2 y 3 primero esto despues aquello te recomendamos esto). Los fundamentos que recargan la pagina deben indicarlo claramente. Ordenados de mas a menos aquellos fundamentos que claramente indican accion de pinchar y cambiar de pagina. Los link en azul y los botones del sistema (no se incluyen combos). Los links en otro que no sea azul pierden fracción de la llamada de enlace. Los botones que no son del sistema. La pestaña quizas sea el ejemplo mas desarrollado pero hay otras alternativas. Links sin subrayar que varian de o se subrayan al pasar por arriba. Fotos. El dimension de la retrato ayuda a que se pase por arriba y se evidencie la alternativa de pinchar. Otra alternativa que ayuda al usuario a pinchar en las imagenes es el hecho de que este con margen. Este margen tendra el mismo que los links por lo que ayudara al usuario a reconocer el enlace. Combos. El combo es una dispositivo de seleccion no de accion. Aun asi no se recomienda ni para realizar selecciones. El combo no es una dispositivo recomendable por lo común deja al usuario a medias sin saber muy bien que pasa cuando pincha sobre el. Su uso se recomienda en formularios u operaciones pero jamás en navegacion. Texto o imagenes sin subrayar que no varían de . Con este orden recomendamos que siempre se use enlaces azules y botones del sistema. Como dice el titulo de esta pagina el usuario no es bobo pero tampoco es adivino y sera mas sencillo para la navegacion si indicamos claramente que fundamentos tienen enlace y cuales no. Recuerda que cuanto mas sencillo se lo pintes mas paginas visitara mas banners vera mas artículos mirara.... Un dato significativo a la hora de realizar botones es el dimension de los mismos la relacion de dimensions respecto a la pantalla debe ser proporcional ya que ayudaremos al usuario a acertar a la hora de pinchar. Otro dato significativo es el de eludir los lugares en blanco en la navegacion. Procura que los botones queden claramente contorneados y que este contorno no se rompa. Si pones una imagen y bajo un texto que explica lo que es procura que el lugar entre el boton y el texto tambien sea clicable. Ejemplo de botones buenos Estos botones ordenados de izquierda a derecha son un buen ejemplo de como realizar botones que funcionan. El cuadrado ofrece un area gran de acierto para el usuario. El circulo tambien da una area de acierto pero es menor y el usuario se suele apoyar en los contornos. Si no pintamos el area de acierto el usuario tiene que apuntar bien para acertar el boton. Ejemplo de botonera buena Esta claramente indicado el area donde se puede pinchar. El boton indica claramente que se puede pinchar al estar subrayado. La separacion entre botones es minima evitando asi zonas no clicables. No se usan iconos no son utiles no ayudan y solo quitan lugar. Hay casos que botones graficos pesan menos que el codigo html. Esto es un hecho probado que entre el codigo y el peso de un gif idexado con 2 es casi no hay diferencia y asimismo proporcionamos un area gran de acierto. Esta alternativa solo en caso de que el peso sea menor solo se recomienda para fundamentos fijos de la navegacion que el usuario pueda Guardar en su cache desde la primera pagina. Cuando usemos enlaces de texto (azules y subrayados) es significativo seguir las próximos normas (ADVERTENCIA no pinches en los enlaces estan vacios) Procura que la palabra enlazada indique claramente el destino. Ver biografia. (Correcto) Para ver la biografia pincha aqui. (Incorrecto) Usar el tag de title en los links ayuda a saber que es lo que vamos a ver. Algunos navegadores no lo leen pero ayuda y no es imcompatible. Ver biografia. (Recomendable) Si el enlace nos dirige a otro servidor es bueno pintar la direccion. Ver biografia (//dominio.com/biografia/) . (Recomendable) Otro caso significativo es cuando hacemos botones en secuencia (el tradicional 1 2 y 3). Esto es provechoso y ayuda al usuario ya que le puede servir de guia y le ayudan a predecir su sendero. Lo que se recomienda en estos casos es abandonar el link abierto es todos los botones y no obligar al usuario a emplear o rellenar el paso 1 para ver el paso 2. En muchos formularios se emplea este sistema de 1 2 y 3 pero no se deja ver el contenido del 2 o el 3 hasta que se rellena el 1. Es mejor si dejamos todos abiertos para que el usuario explore y no encadenemos los pasos abligando al usuario a emplear todo el sistema.