|
Página 1 de 2
|
Autor |
Mensaje |
shordi
Analista Programador
Registrado: Septiembre 2009
Mensajes: 4982
Edad: 64 Ubicación: Albacete
|
Diseño De Formularios
A raíz de un tema que ha surgido en estos días, me parece interesante abrir un pequeño hilo de aportaciones sobre el diseño de formularios.
Existe una tendencia entre los novatos, muy natural por otra parte, de comenzar a "personalizarlo" todo en una orgía de colores, tipos de letras, disposición de objetos y demás, desde el momento que descubren las propiedades de los controles que les permiten hacer eso. Sin embargo, creo que eso es un error por varios motivos:
- Un exceso de colores, sobre todo intensos, cansa la vista.
- El mantenimiento de una coherencia sobre el aspecto general de nuestra aplicación, en el momento que tenga más de unos pocos formularios, se hace pesado.
- El tiempo de diseño y la cantidad de trabajo se aumenta.
- El usuario se encuentra en un ambiente desconocido donde el sentido de los colores no es el habitual. (Si verde es Ok y Rojo es peligro ¿para qué cambiarlo?)
- y por último, pero no menos importante... generalmente no somos, salvo excepciones, genios del diseño y el resultado suele ser bastante pobre.
Por tanto abro éste hilo para que cada cual aporte su granito de arena en lo que a la construcción de formularios eficientes, robustos y bonitos, por qué no, se refiere.
Para empezar algunas ideas:
-Huye de los formularios excesivamente complejos, con docenas de controles y listas a mogollón. El Usuario no sabrá donde mirar y es muy posible que se generen errores por saltarse algún que otro campo.
-Procura que la apariencia de tu formulario sea lo más integrada en el sistema. Con eso el usuario no se encuentra "sorpresas" y, además, tendrá el ojo entrenado en qué y dónde mirar.
-No mezcles, en lo posible, controles que alternen entre el teclado y el ratón. Es decir, si en un formulario colocas un textbox y luego un checkbox y luego otro textbox y otro checkbox, etc... estás obligando al usuario a cambiar la mano del teclado al ratón y viceversa muchas veces, lo cual es incómodo.
-Utiliza la propiedad tooltip lo máximo que puedas, dando una pequeña ayuda en cada uno de los campos a rellenar (valores que se admiten, obligatoriedad, etc.)
Se me ocurren un montón de cosas más, pero cedo la palabra a quien tenga algo que decir.
Saludos
|
#1 Jueves, 10 Octobre 2013, 09:25 |
|
|
jguardon
Administrador
Registrado: Septiembre 2009
Mensajes: 2708
Edad: 57 Ubicación: Granada
|
Re: Diseño De Formularios
Interesante y necesario debate.
Fijaros si es importante este aspecto, que forma parte de las asignaturas de Ingeniería Informática: Usabilidad de aplicaciones. Éste es un trabajo de fin de carrera que he encontrado en Internet y que mide la usabilidad de las aplicaciones de escritorio (aunque en Windows). Es muy técnico, pero os hacéis una idea de hasta qué punto es importante tenerlo claro y hasta dónde llegan los esfuerzos de los desarrolladores en este campo:
http://www.issi.uned.es/CalidadSoftware/Noticias/PFC_2.pdf
Aparte de los puntos que ha citado shordi, yo añadiría el siguiente:
- Proveer a la aplicación de un menú superior para las acciones más comunes, como accesos a otras partes/funciones del programa aunque haya controles gráficos para ello.
De esta manera, si el menú tiene sus "cortocircuitos" de teclado, sería posible manejar la aplicación sin usar el ratón. Siempre, repito, siempre se debe incluir una barra de menú superior para dar funcionalidad al programa al menos por dos vías, teclado y ratón.
De los colorines, dibujitos y fondos chillones prefiero ni hablar...
Saludos
=================== Jesús Guardón
Por favor, usemos el corrector ortográfico antes de pulsar el botón "Enviar".
"uo ǝs ʇɐu pıɟıɔıן ɐdɹǝupǝɹ ɐ dɹoƃɹɐɯɐɹ, soןo ɥɐʎ bnǝ dɹodouǝɹsǝןo"
|
#2 Jueves, 10 Octobre 2013, 10:43 |
|
|
shordi
Analista Programador
Registrado: Septiembre 2009
Mensajes: 4982
Edad: 64 Ubicación: Albacete
|
Re: Diseño De Formularios
Interesante documento ése, Jesús. Para las modestas pretensiones de este hilo, sería adecuado resumir o al menos leer las páginas 32 a 40.
El resto es mucho más académico.
Saludos.
|
#3 Jueves, 10 Octobre 2013, 11:15 |
|
|
shordi
Analista Programador
Registrado: Septiembre 2009
Mensajes: 4982
Edad: 64 Ubicación: Albacete
|
Re: Diseño De Formularios
Y abundando en el tema de los menús, yo hago especial hincapié en la conveniencia de poner tantos menús contextuales de botón derecho como sea posible. Es una ayuda inestimable para el usuario.
|
#4 Jueves, 10 Octobre 2013, 11:16 |
|
|
Shell
Analista Programador
Registrado: Marzo 2010
Mensajes: 5278
Edad: 53 Ubicación: Al otro lado de la pantalla
|
Re: Diseño De Formularios
Hola!.
Podíamos crear una especie de ejercicio común para todo el que quiera hacerlo.Ejemplos:
- Crear un formulario lo mas parecido a una imagen de otro formulario que hayamos visto en Internet.
- Crear un formulario desde 0, tendríamos un numero limitados de controles. La distribución de los controles depende del usuario.
- Con un formulario ya creado sin acabar, modificarlo para que cumpla unos requisitos.
Recordar que es algo en común para todos los que quieran participar.
Esto es cuestión de hablarlo y ver que os parece. No nos sobra mucho el tiempo.
Saludos
=================== Gambas Básico
"No es un bug, es una característica no documentada"
|
#5 Jueves, 10 Octobre 2013, 11:42 |
|
|
shordi
Analista Programador
Registrado: Septiembre 2009
Mensajes: 4982
Edad: 64 Ubicación: Albacete
|
Re: Diseño De Formularios
Como decía el guitarra al cantaor: "Tú empieza a cantar que yo ya te sigo".
|
#6 Jueves, 10 Octobre 2013, 11:53 |
|
|
codificador
Analista Programador
Registrado: Junio 2010
Mensajes: 420
Edad: 114 Ubicación:
|
Re: Diseño De Formularios
tema. Con eso el usuario no se encuentra "sorpresas" y, además, tendrá
Se me ocurren un montón de cosas más, pero cedo la palabra a quien tenga algo que decir.
Saludos
reducir al maximo los formularios del lado del usuario
por ejemplo
sidebar el menu para llamar a los otros formularios
se puede colocar arriba o al otro lado
cabecera[/b] el tiulo de la aplicacion
pie de paguina opcional
y contenido es el espacio donde se abren los otros formularios
lamentablemente debido a una falla en el disco perdi el codigo
|
#7 Jueves, 10 Octobre 2013, 17:07 |
|
|
Shell
Analista Programador
Registrado: Marzo 2010
Mensajes: 5278
Edad: 53 Ubicación: Al otro lado de la pantalla
|
Re: Diseño De Formularios
Codificador:
¿ Existe el sidebar en gambas ?. ¿ Eso no es un gadget ?
Estoy en un practica imitando eso. Lo hice con un panel lateral.
Vi una imagen y me puse a hacer algo parecido que no esta acabado.
Y una cosa mas para preguntar a todos. No se donde lo he visto, ni en que sistema.
Imaginar que tenéis un formulario que va ser donde vamos a ir colocando dentro el
otros formularios, cogemos un formulario lo desplazamos o soltamos en el principal.
¿ Eso existe ?.
Saludos
=================== Gambas Básico
"No es un bug, es una característica no documentada"
última edición por Shell el Jueves, 10 Octobre 2013, 18:24; editado 3 veces
|
#8 Jueves, 10 Octobre 2013, 18:21 |
|
|
shordi
Analista Programador
Registrado: Septiembre 2009
Mensajes: 4982
Edad: 64 Ubicación: Albacete
|
Re: Diseño De Formularios
Citar:
¿ Existe el sidebar en gambas ?
Tienes el iconpanel y el toolpanel, que son casi lo mismico.
Citar: Imaginar que tenéis un formulario que va ser donde vamos a ir colocando dentro el
otros formularios, cogemos un formulario lo desplazamos o soltamos en el principal.
¿ Eso existe ?.
Hecho no, pero a primera vista no es nada difícil de hacer. La utilidad de tal invento se me escapa un poco...
|
#9 Jueves, 10 Octobre 2013, 18:35 |
|
|
Shell
Analista Programador
Registrado: Marzo 2010
Mensajes: 5278
Edad: 53 Ubicación: Al otro lado de la pantalla
|
Re: Diseño De Formularios
Shordi:
Creo que sidebar no es un toolpanel.
Eeee..si,son paneles, es que a primera vista parecía un contenedor con botones uno debajo del otro
Lo veo para practicar.
Ejemplo de sidebar:
Ah, la pregunta. Si tiene su uso, ejemplo un juego de puzzles que coges piezas y las vas colocando.
Dos formularios, uno vació y el otro las piezas desordenadas.
Saludos
=================== Gambas Básico
"No es un bug, es una característica no documentada"
última edición por Shell el Jueves, 10 Octobre 2013, 18:55; editado 1 vez
|
#10 Jueves, 10 Octobre 2013, 18:53 |
|
|
|
Temas parecidos
Temas parecidos
|
Página 1 de 2
|
Usuarios navegando en este tema: 0 registrados, 0 ocultos y 1 invitado Usuarios registrados conectados: Ninguno
|
No puede crear mensajes No puede responder temas No puede editar sus mensajes No puede borrar sus mensajes No puede votar en encuestas No puede adjuntar archivos Puede descargar archivos No puede publicar eventos en el calendario
|
|
|
|
|