Mostrar opciones
El código determina cómo se cargará y mostrará el cuadro de diálogo en la memoria. La siguiente tabla describe los distintos tipos de tareas de visualización y las palabras clave utilizadas para realizarlas.
El método Show carga el formulario y establece su propiedad Visible en Verdadero. Los parámetros pasados al método Show identifican el tipo de cuadro de diálogo. Si el parámetro de estilo se omite o se establece en vbModeless o 0 (predeterminado), el cuadro de diálogo no tiene modelo. Si el parámetro de estilo es vbModal o 1, el cuadro de diálogo es modal.
Al seleccionar "Aceptar" o "Cancelar" para salir del cuadro de diálogo, puede utilizar la instrucción Descargar o el método Ocultar. Por ejemplo:
DescargarfrmAcerca de
-o-
frmAcerca de.Ocultar
La instrucción Unload elimina el cuadro de diálogo de la memoria, mientras que el método Hide simplemente lo elimina de la ventana estableciendo la propiedad Visible del cuadro de diálogo en False. Cuando se descarga un formulario, el formulario en sí y sus controles se descargan de la memoria (incluidos los controles que se cargaron en tiempo de ejecución). Cuando un formulario está oculto, el formulario y sus controles permanecen en la memoria. Cuando necesite ahorrar espacio en la memoria, es mejor descargar el formulario porque descargarlo libera memoria. Si utiliza el cuadro de diálogo con frecuencia, puede optar por ocultar el formulario. Ocultar un formulario aún puede conservar todos los datos asociados con él, incluidos los valores de propiedad, la impresión y los controles creados dinámicamente. Una vez oculto el formulario, puede continuar haciendo referencia a las propiedades y controles del formulario oculto desde el código.
Diseños para varios tipos de pantalla.
Microsoft Windows es independiente del dispositivo: las aplicaciones basadas en ventanas pueden ejecutarse en muchas computadoras con diferentes resoluciones de pantalla e intensidades de color. Asimismo, las aplicaciones escritas en Visual Basic se ejecutarán en diferentes tipos de monitores y esto debe tenerse en cuenta al diseñar la aplicación.
Diseñar formularios independientes de la resolución
De forma predeterminada, Microsoft Visual Basic no cambia el tamaño de los formularios y controles al cambiar las resoluciones de pantalla. Esto significa que un formulario diseñado en una pantalla con una resolución de 1024×768 se extenderá más allá de los límites de la pantalla cuando se ejecute en una pantalla con una resolución de 640×480. Si desea crear formularios y controles que tengan las mismas proporciones independientemente de la resolución de pantalla utilizada, debe diseñar el formulario con la resolución más baja o agregar código que cambie el formulario a su programa.
La forma más sencilla de evitar problemas de tamaño es diseñar su formulario con una resolución de 640×480. Si prefiere trabajar con una resolución más alta, aún debe considerar cómo aparecerá el formulario con una resolución más baja. La forma de hacerlo es utilizar la ventana "FormLayout" para obtener una vista previa del tamaño y la posición del formulario. También puedes utilizar "ResolutionGuides" para observar qué partes de la pantalla son visibles en resoluciones bajas. Para cambiar a "ResolutionGuides", puede hacer clic con el botón derecho del mouse en la ventana "FormLayout" y seleccionar el elemento de menú "ResolutionGuides" en el menú emergente.
En tiempo de ejecución, Visual Basic coloca el formulario según su posición en tiempo de diseño. Si diseña para ejecutarse con una resolución de 1024×768 y coloca el formulario en la esquina inferior derecha de la pantalla, es posible que el formulario no sea visible cuando se ejecute con una resolución más baja. Para evitar esta situación, puede seleccionar el elemento de menú "StartupPosition" en el menú emergente de la ventana "FormLayout" para establecer la posición inicial del formulario durante el diseño. Asimismo, puedes establecer la posición del formulario en tiempo de ejecución usando el siguiente código en el evento FormLoad:
PRivateSubForm_Load()
Yo.Muévete0,0
FinSub
Aunque establecer las propiedades Izquierda y Superior del formulario en 0 puede tener el mismo efecto, el método Mover se puede completar en un solo paso.
Visual Basic utiliza una unidad de medida independiente del dispositivo, el twip, que es la unidad utilizada para calcular el tamaño y la posición. Las dos propiedades del objeto Pantalla, TwipsPerPixelX y TwipsPerPixelY, se pueden utilizar para determinar el tamaño de visualización en tiempo de ejecución. Con estas propiedades, puede escribir código para ajustar el tamaño y la posición de formularios y controles.
ControlesSubSetPrivados()
DimXAsInteger
DimYAsInteger
X=Pantalla.TwipsPerPixelX
Y=Pantalla.TwipsPerPixelY
SeleccionarCasoX,Y
Caso15,15
'Cambiar el tamaño y mover los controles.
txtName.Altura=200
txtName.Ancho=500
txtName.Move200,200
'Agrega código escrito para otras resoluciones.
…
FinSub
También necesita conocer la ubicación de la propia ventana de Visual Basic en el momento del diseño. Si mueve la ventana del Proyecto al lado derecho de la pantalla en una resolución alta, encontrará que ya no será accesible cuando abra el proyecto en una resolución baja.
Diseña diferentes concentraciones de color.
Al diseñar una aplicación, también debe considerar las posibles capacidades de visualización en color de la computadora que ejecuta la aplicación. Algunas computadoras pueden mostrar 256 colores o más, mientras que otras solo pueden mostrar 16 colores. Si diseña un formulario utilizando una paleta de 256 colores, el tramado (un método para simular colores no válidos) hará que algunos elementos del formulario desaparezcan cuando se muestren en 16 colores.
Para evitar esto, es mejor limitar los colores utilizados por su aplicación a los 16 colores estándar de Windows. Estos colores están representados por constantes de color de Visual Basic (como vbBlack, vbBlue, vbCyan, etc.). Si necesita utilizar más de 16 colores en su aplicación, aún debe ceñirse a los colores estándar para el texto, los botones y otros elementos de la interfaz.
Diseñe pensando en el usuario
A menos que cree una aplicación de Visual Basic únicamente para su propio uso, el valor de su creación sólo puede ser evaluado por otros. La interfaz de usuario de una aplicación tiene un gran impacto en los usuarios: no importa cuán técnicamente brillante sea el código o cuán bien optimizado esté, si los usuarios encuentran la aplicación difícil de usar, será menos probable que la acepten bien.
Como programador, no hay duda de que está muy familiarizado con la tecnología informática. Es fácil olvidar que la mayoría de los usuarios no entienden (y quizás no les importa) la tecnología que se esconde detrás de la aplicación. Piense en una aplicación como una herramienta para un fin: una forma de realizar una tarea que es imaginativamente más fácil de lo que sería sin la ayuda de la computadora.
Una interfaz de usuario bien diseñada aísla al usuario de la tecnología subyacente, lo que facilita la realización de las tareas previstas. Al diseñar la interfaz de usuario de su aplicación, debe tener en cuenta al usuario. ¿Cómo se pueden descubrir las diversas funciones de la aplicación sin orientación? ¿Cómo responde la aplicación cuando se produce un error? ¿Qué ofrece para ayudar o asistir al usuario? ¿El diseño deleita al usuario con una belleza artística? , así como otras cuestiones relacionadas con el diseño centrado en el usuario, se tratan en esta sección.
Conceptos básicos del diseño de interfaces.
No es necesario ser un artista para crear interfaces de usuario; la mayoría de los principios del diseño de interfaces de usuario son los mismos que los del diseño básico que se enseña en cualquier clase de introducción al arte. Los principios básicos de diseño de composición, color, etc., se aplican tan bien a la pantalla de una computadora como al papel o la pintura.
Aunque Visual Basic facilita la creación de interfaces de usuario simplemente arrastrando y colocando controles en un formulario, un poco de planificación antes de diseñar puede marcar una gran diferencia en la usabilidad de su aplicación. Es posible que desee comenzar a diseñar dibujando el formulario en papel, decidiendo qué controles se necesitan, la importancia relativa de los diferentes elementos y las relaciones entre los controles.
Composición: la apariencia de su aplicación.
La composición o diseño de un formulario no sólo afecta su estética sino que también afecta en gran medida la usabilidad de la aplicación. La composición incluye factores como la ubicación de los controles, la coherencia de los elementos, el movimiento, el uso de espacios en blanco y la simplicidad del diseño.
La ubicación del control.
En la mayoría de diseños de interfaces, no todos los elementos son igualmente importantes. Es necesario un diseño cuidadoso para garantizar que los elementos más importantes aparezcan rápidamente al usuario. Los elementos importantes o a los que se accede con frecuencia deben colocarse en una posición destacada, mientras que los elementos menos importantes deben rebajarse a una posición menos destacada.
En la mayoría de los idiomas estamos acostumbrados a leer de izquierda a derecha y de arriba a abajo en una página. Lo mismo ocurre con las pantallas de computadora. Los ojos de la mayoría de los usuarios se centrarán primero en la parte superior izquierda de la pantalla, por lo que los elementos más importantes deben colocarse en la parte superior izquierda de la pantalla. Por ejemplo, si la información del formulario se relaciona con un cliente, su campo de nombre debería aparecer donde se verá primero. Los botones, como "Aceptar" o "Siguiente", deben colocarse en la parte inferior derecha de la pantalla; los usuarios normalmente no accederán a estos botones antes de completar las operaciones en el formulario.
También es importante agrupar elementos y controles. Intente agrupar la información de forma lógica por función o relación. Debido a que sus funciones están relacionadas entre sí, los botones para ubicar la base de datos deben agruparse visualmente en lugar de estar dispersos por todo el formulario. Lo mismo ocurre con la información, los campos de nombre y las direcciones generalmente se agrupan porque están estrechamente relacionados. En muchos casos, puede utilizar controles de marco para ayudar a fortalecer la conexión entre los controles.
Coherencia de los elementos de la interfaz.
En el diseño de interfaces de usuario, la coherencia es una virtud. Una apariencia consistente crea armonía dentro de una aplicación, haciendo que todo parezca coordinado. Si la interfaz carece de coherencia, es probable que cause confusión y haga que la aplicación parezca muy confusa, desorganizada, menos valiosa e incluso puede generar dudas sobre la confiabilidad de la aplicación.
Para mantener la coherencia visual, cree una estrategia de diseño y escriba convenciones antes de comenzar a desarrollar su aplicación. Los elementos de diseño como el tipo de control, el tamaño del control, los criterios de agrupación y la selección de fuentes deben determinarse de antemano. Se pueden crear plantillas de diseño para ayudar con el diseño.
Hay una gran cantidad de controles disponibles en Visual Basic, lo que puede hacer que alguien quiera usarlos todos. Para evitar esta tentación, elija un subconjunto de controles que se adapten bien a su aplicación específica. Aunque se pueden utilizar controles como cuadros de lista, cuadros combinados, cuadrículas y árboles para representar listas de información, es mejor utilizar un tipo siempre que sea posible.
Además, intente utilizar los controles de forma adecuada. Aunque el control TextBox se puede configurar como de solo lectura y usarse para mostrar texto, el control Label suele ser más adecuado para este propósito. Sea coherente al configurar las propiedades de los controles. Si usa un fondo blanco para el texto editable en un lugar, no use un fondo gris en otro lugar a menos que tenga una buena razón.
Mantener la coherencia entre los diferentes formularios de una aplicación juega un papel muy importante en su usabilidad. Si utiliza un fondo gris y efectos tridimensionales en un formulario y un fondo blanco en otro formulario, los dos formularios aparecerán sin relación. Elija un género y manténgalo coherente en toda la aplicación, incluso si eso significa rediseñar algunas funciones.
Dinámico: la forma coincide con su función
El movimiento es una pista visible de la funcionalidad de un objeto. Si bien el término puede no resultarle familiar, hay ejemplos de dinamismo en todas partes. El manillar de una bicicleta, cuando pones las manos sobre él, el movimiento revelará el hecho de que el manillar está apretado con las manos. Al presionar botones, girar perillas y encender interruptores de luz se pueden animar, y su propósito es obvio tan pronto como los ve.
La interfaz de usuario también utiliza movimiento. Por ejemplo, el efecto tridimensional utilizado en los botones de comando hace que parezcan estar presionados. Si diseña un botón de comando con un borde plano, perderá esta sensación dinámica y, por lo tanto, no podrá decirle claramente al usuario que es un botón de comando. En algunos casos, los botones planos pueden ser apropiados, como en juegos o aplicaciones multimedia, siempre y cuando sean consistentes en toda la aplicación, está bien;
Los cuadros de texto también brindan una sensación de movimiento y los usuarios pueden esperar cuadros con bordes y un fondo blanco que contienen texto editable. También es posible mostrar un cuadro de texto sin borde (BorderStyle=0), lo que hace que parezca una etiqueta y obviamente no le indica al usuario que es editable.
Uso de espacios en blanco
El uso de espacios en blanco en las interfaces de usuario ayuda a que los elementos se destaquen y mejoren la usabilidad. El espacio en blanco no tiene por qué ser blanco; se considera el espacio vacío entre y alrededor de los controles del formulario. Demasiados controles en un formulario pueden generar una interfaz desordenada, lo que dificulta encontrar un campo o control. Es necesario insertar espacios en blanco en un diseño para resaltar los elementos de diseño.
El espaciado constante entre los controles y la alineación de los elementos verticales y horizontales también hacen que el diseño sea más utilizable. Al igual que el texto de una revista, está organizado en filas ordenadas y con espacios consistentes, y una interfaz ordenada hará que sea fácil de leer.
Visual Basic proporciona varias herramientas que facilitan el ajuste del espaciado, la disposición y el tamaño de los controles. Los comandos como Organizar, Hacer del mismo tamaño, Espaciado horizontal, Espaciado vertical y Centrar en ventana se pueden encontrar en el menú Formato.
Mantenga la interfaz simple
Quizás el principio más importante del diseño de interfaces sea la simplicidad. Para una aplicación, si la interfaz parece difícil, el programa en sí también puede serlo. Una reflexión un poco más profunda puede ayudar a crear interfaces que parezcan (y sean) fáciles de usar. Desde una perspectiva estética, suele ser preferible un diseño limpio y sencillo.
Un error común en el diseño de interfaces es intentar utilizar la interfaz para imitar objetos del mundo real. Por ejemplo, imaginemos una aplicación que requiere la creación de una póliza de seguro completa. La reacción natural es diseñar una interfaz en la pantalla exactamente como una póliza de seguro. Hay varios problemas al hacer esto: la forma y el tamaño de la póliza de seguro es muy diferente de lo que parece en la pantalla, y tratar de replicar una tabla de este tipo a la perfección la limitaría a cuadros de texto y casillas de verificación sin ser realmente útil para el beneficios para el usuario.
Sería mejor diseñar su propia interfaz que también proporcione una copia impresa de la póliza de seguro original (con vista previa de impresión). Al crear grupos lógicos de campos a partir de la política original y utilizar una interfaz con pestañas o varios formularios vinculados, es posible mostrar toda la información sin necesidad de desplazarse. También puede utilizar controles adicionales, como un cuadro de lista con selecciones precargadas, que pueden reducir el esfuerzo de escritura.
También puede simplificar muchas aplicaciones eliminando funciones utilizadas con menos frecuencia y moviéndolas a sus propios formularios. Proporcionar valores predeterminados a veces también puede simplificar una aplicación; si nueve de cada diez usuarios seleccionan texto en negrita, haga que el texto esté en negrita como predeterminado en lugar de pedirles a los usuarios que lo seleccionen cada vez (no olvide proporcionar una opción. Este valor predeterminado se puede anular). . Los asistentes también ayudan a simplificar tareas complejas o que se utilizan con poca frecuencia.
La mejor prueba de simplificación es observar la aplicación en acción. Si un usuario representativo no puede lograr inmediatamente lo que quiere sin ayuda en línea, entonces es necesario repensar el diseño.
Usa colores e imágenes.
El uso del color en una interfaz puede aumentar el atractivo visual, pero a menudo se producen abusos. Muchos monitores son capaces de mostrar millones de colores, lo que facilita su uso. El color, al igual que otros principios básicos de diseño, puede presentar muchos problemas si no se considera cuidadosamente al iniciar un diseño.
La preferencia de cada uno por el color es muy diferente y los gustos de los usuarios también variarán. Los colores pueden desencadenar emociones fuertes y, si estás diseñando un programa para una audiencia global, ciertos colores pueden ser culturalmente significativos. En términos generales, es mejor seguir siendo tradicional y usar algunos colores apagados y neutros.
Por supuesto, el lector al que va dirigido y el tono y el estado de ánimo que intenta transmitir también influirán en la elección del color. Los rojos, verdes y amarillos brillantes funcionan bien en aplicaciones utilizadas por niños pequeños, pero en una aplicación bancaria es menos probable que generen responsabilidad financiera.
Una pequeña cantidad de color brillante puede resaltar o llamar la atención de manera efectiva sobre áreas importantes. Como regla general, trate de limitar la variedad de colores utilizados en su aplicación y el tono debe ser consistente. Si es posible, es mejor ceñirse a una paleta estándar de 16 colores; cuando se ve en un monitor de 16 colores, el tramado puede evitar que aparezcan otros colores. Otra cuestión a tener en cuenta a la hora de trabajar con el color es el daltonismo. Algunas personas no pueden distinguir entre diferentes combinaciones de colores primarios (como el rojo y el verde). Para las personas con esta afección, el texto rojo sobre un fondo verde se vuelve invisible.
Imágenes e iconos
El uso de imágenes e íconos también puede agregar interés visual a una aplicación, pero también es esencial un diseño cuidadoso. Las imágenes pueden transmitir información visualmente sin texto, pero a menudo diferentes personas interpretan las imágenes de manera diferente.
Una barra de herramientas con iconos que representan varias funciones es un dispositivo de interfaz útil, pero puede resultar contraproducente si la función que representa el icono no se puede identificar fácilmente. Al diseñar iconos de barras de herramientas, debe mirar otras aplicaciones para ver qué estándares se han creado. Por ejemplo, muchas aplicaciones utilizan una hoja de papel con esquinas curvadas para representar el ícono Nuevo archivo. Puede que exista una metáfora mejor para representar esta funcionalidad, pero utilizar otras representaciones causaría confusión entre los usuarios.
También es importante considerar el significado cultural de la imagen. Muchos programas utilizan un buzón pastoral con una bandera (Figura 6.21) para representar la funcionalidad del correo. Este es originalmente un ícono para los Estados Unidos; es posible que los usuarios de otros países o culturas no lo reconozcan como un buzón.
Cuando diseñes tus propios íconos e imágenes, intenta mantenerlos simples. Las imágenes complejas con múltiples colores no encajan bien en los íconos de la barra de herramientas de 16 × 16 píxeles o cuando se muestran en pantallas de alta resolución.
Seleccionar fuente
Las fuentes también son una parte importante de las interfaces de usuario porque a menudo transmiten información importante a los usuarios. Elija fuentes que sean fáciles de leer en diferentes resoluciones y tipos de monitores. Es mejor utilizar fuentes simples sans-serif o serif siempre que sea posible. A menudo, las fuentes manuscritas u otras fuentes decorativas se ven mejor impresas que en una pantalla, y cuanto más pequeño sea el tamaño de la fuente, más difícil será de leer.
A menos que planee configurar fuentes por aplicación, debe ceñirse a las fuentes estándar de Windows como Arial, NewTimesRoman o System. Si el sistema del usuario no contiene la fuente especificada, el sistema utilizará una fuente alternativa y los resultados pueden ser completamente diferentes a los esperados. Si está diseñando para una audiencia internacional, investigue qué fuentes están disponibles en los idiomas previstos. Además, al diseñar para otros idiomas, es necesario considerar la expansión del texto: en algunos idiomas, las cadenas de texto pueden ocupar más del 50% más de espacio.
Además, a la hora de elegir una fuente, la coherencia en el diseño es muy importante. En la mayoría de los casos, no debes utilizar más de dos fuentes en una aplicación. Demasiadas fuentes pueden hacer que una aplicación parezca una multa.
->