¿Cuáles son las especificaciones de diseño de la interfaz del sitio web?

2.001 Los botones de uso común deben admitir teclas de acceso directo.

2.002 Los componentes que completan la misma función o tarea se colocan en una posición central para reducir la distancia de movimiento del mouse.

La interfaz 2.003 debería admitir la función del botón de navegación automática del teclado, es decir, la función de cambio automático al presionar la tecla Tab.

2.004 En la interfaz, el control para ingresar información importante primero debe colocarse delante de la secuencia de pestañas, y la posición también debe colocarse en una posición más llamativa en la ventana.

La interfaz de paginación 2.005 admite el cambio rápido entre páginas y las teclas de acceso directo comúnmente utilizadas Ctrl+Tab.

2.006 El botón predeterminado debe admitir operaciones de entrada y selección, es decir, presionar Enter realizará automáticamente las operaciones correspondientes del botón predeterminado.

2.007 Los controles grabables deben dar una explicación después de detectar entradas ilegales y pueden ganar foco automáticamente.

2.008 El orden de las teclas Tab debe ser coherente con el orden de disposición de los controles. Lo que es popular actualmente es que la disposición general es de arriba a abajo y las líneas de izquierda a derecha.

2.009 Las casillas de verificación y las casillas de opciones están ordenadas según la probabilidad de selección.

2.010 Las casillas de verificación y los cuadros de opciones deben tener opciones predeterminadas y admitir la selección de pestañas.

2.011 Cuando el espacio de la interfaz es pequeño, utilice un cuadro desplegable en lugar de un cuadro de opción.

2.012 Utilice el cuadro de opciones cuando el número de opciones sea pequeño y utilice el cuadro de lista desplegable en su lugar.

2.013 Según los diferentes usuarios, use palabras con el tono correspondiente, como software especial, pueden aparecer muchas palabras profesionales; si el usuario es un niño: esto puede ser cordial. Los usuarios mayores deben ser maduros y estables.

2.014 Muestra una flecha cuando no se puede hacer clic con el mouse, muestra una forma de mano cuando se puede hacer clic y muestra una forma de reloj de arena cuando el sistema está ocupado.

Especificaciones normativas

Los iconos delante del menú 2.015 pueden representar visualmente las operaciones a realizar.

2.016 Los requisitos de la barra de herramientas se pueden personalizar según los requisitos del usuario.

2.017 Establece la ubicación de ubicación predeterminada de las barras de herramientas más utilizadas en el sistema.

La caja de herramientas 2.018 debe ampliarse o reducirse y los usuarios pueden personalizarla según sus necesidades.

2.019 La barra de estado debe poder mostrar la información que el usuario realmente necesita, como la operación actual, el estado del sistema, la ubicación del usuario, la información del usuario, la información de avisos, la información de errores, etc. Si una operación lleva mucho tiempo, también debería mostrar una barra de progreso y un mensaje de progreso.

2.020 La longitud de la barra de desplazamiento debe cambiarse en el tiempo de acuerdo con la longitud o el ancho de la información mostrada, para que el usuario pueda comprender la posición y el porcentaje de la información mostrada.

2.021 La altura de la barra de estado debe colocarse junto con el número cinco, y el ancho de la barra de desplazamiento debe ser ligeramente más estrecho que la barra de estado.

2.022 Los menús y las barras de herramientas deben tener límites claros; se requiere que los menús estén resaltados para que aún haya una sensación tridimensional después de eliminar la barra de herramientas.

2.023 Las barras de herramientas son generalmente más anchas que los menús, pero no demasiado, de lo contrario se verán descoordinadas.

Instrucciones de ayuda

Las descripciones y explicaciones de rendimiento en el documento de ayuda 2.024 deben ser coherentes con el rendimiento del sistema.

Al empaquetar un nuevo sistema en 2.025, se deben realizar modificaciones en el documento de ayuda.

2.026 Al solicitar ayuda en la interfaz, la posición de ayuda relativa a la operación debe ubicarse a tiempo. En otras palabras, se debe brindar ayuda de inmediato.

2.027 Los usuarios pueden utilizar palabras clave para buscar la ayuda que desean en el índice de ayuda. Por supuesto, también deben proporcionar palabras clave de ayuda.

2.028 Si no se proporciona documentación de ayuda escrita, lo mejor es tener la función de imprimir ayuda.

2.029 Para ayudar, debemos proporcionar nuestros métodos de soporte técnico. Una vez que los usuarios tienen dificultades para resolver un problema, pueden buscar fácilmente nuevas formas de ayudar.

Especificación de plausibilidad

2.030 debe bloquear los botones que no son relevantes para la operación en curso (aparecen atenuados en Windows y no se pueden usar).

2.031 Se debe proporcionar información de confirmación para operaciones que puedan causar que los datos sean irrecuperables, dando a los usuarios la oportunidad de renunciar a su elección.

2.032 Debe haber suficientes indicaciones para entradas u operaciones ilegales.

2.033 Para errores causados ​​por problemas durante la operación, se deben proporcionar indicaciones para que los usuarios comprendan el origen del error y eviten esperar indefinidamente.

2.034 Los consejos, advertencias o explicaciones de errores deben ser claros, inequívocos y adecuados.

2.035 Después de que el envío falla, debes guardar el contenido ingresado por el usuario para poder modificarlo y enviarlo nuevamente.

Estándares de armonía estética

2.036 El largo y el ancho están cerca de la proporción del punto de la sección áurea, la relación largo-ancho está desequilibrada o el ancho excede el largo .

2.037 El diseño debe ser razonable, ni demasiado denso ni demasiado vacío, y hacer un uso razonable del espacio.

2.038 botones son básicamente similares en tamaño. Evite el uso de nombres demasiado largos para evitar ocupar demasiado espacio en la interfaz.

2.039 El tamaño del botón debe coordinarse con el tamaño y espacio de la interfaz.

2.040 Evite colocar botones grandes en interfaces vacías.

2.041 Después de colocar el control, no deben quedar grandes espacios en la interfaz.

2.042 El tamaño de fuente debe coordinarse con la proporción de tamaño de la interfaz.

2.043 El color de primer plano y el color de fondo deben coordinarse razonablemente y el contraste no debe ser demasiado grande. Lo mejor es utilizar colores menos oscuros, como el rojo y el verde. Por ejemplo: software de seguridad, de acuerdo con los estándares de la industria, puede elegir amarillo, verde y respetuoso con el medio ambiente, azul a la moda, morado romántico, etc. , los colores claros pueden hacer que las personas se sientan cómodas y los colores oscuros pueden hacer que las personas no se sientan cansadas.

2.044 Si se utilizan otros colores, los colores principales deben ser los suaves, la afinidad y el magnetismo, y deben evitarse resueltamente los colores deslumbrantes.

2.045 El estilo de la interfaz debe ser consistente y el tamaño, color y fuente del texto deben ser consistentes, a menos que requiera un procesamiento artístico o tenga requisitos especiales.

2.046 Sería mejor si pudiera proporcionar a los usuarios un estilo de interfaz personalizado. Los usuarios pueden elegir colores y fuentes por sí mismos.

2.047 Los usuarios daltónicos y débiles deben utilizar indicadores especiales incluso si se utilizan colores especiales para representar puntos importantes o cosas especiales.

También es necesario probar la combinación de colores 2.048. A menudo, debido a problemas con el monitor y la tarjeta gráfica, el rendimiento del color de cada máquina es diferente, por lo que se requieren pruebas estrictas y pruebas de color en diferentes máquinas.

2.049 Se debe unificar una descripción de lenguaje unificado, como cerrar un botón de función, que puede describirse como salir, regresar o cerrar.

Especificaciones de diseño de menús

Los menús 2.050 generalmente se organizan en la posición "Común-Principal-Herramientas-Auxiliares-Ayuda", que se ajusta al estilo popular de Windows.

2.051 "archivo", "editar", "ver", etc. de uso común. , casi todos los sistemas tienen estas opciones, por supuesto, hay que elegir según los diferentes sistemas.

2.052 Los menús desplegables deben agruparse según el significado de las opciones del menú, organizarse según ciertas reglas y separarse por líneas horizontales.

2.053 Cuando la utilización de un grupo de menús tenga requisitos prioritarios o funciones de orientación, deberán disponerse por orden.

2.054 Los elementos del menú que no tienen requisitos de orden se organizan según la frecuencia de uso y la importancia, con los de uso común al principio, los poco comunes al final, los importantes al principio y los menores al final; atrás.

2.055 Si hay muchas opciones de menú, se debe adoptar el principio de alargar el menú y reducir su profundidad.

2.056 Generalmente se requiere controlar la profundidad del menú en un máximo de tres niveles.

2.057 Los menús que no tienen nada que ver con las operaciones deben bloquearse. Lo mejor es utilizar el modo de carga dinámica, es decir, solo se muestran los menús necesarios.

2.058 No hagas demasiado grandes los íconos frente al menú. Siempre es mejor mantener la altura de la fuente.

2.059 El ancho del menú principal debe ser similar, el número de palabras no debe exceder de cuatro y el número de palabras en cada menú debe ser el mismo.

2.060 El número de menús principales no debe ser demasiado, lo mejor es ordenarlos en una sola columna.

Especificación de singularidad

La interfaz de instalación 2.061 debe tener una introducción de la empresa o del producto y su propio icono.

Interfaz principal 2.062, preferiblemente el icono de la empresa en la mayoría de las interfaces.

2.063 La interfaz de inicio de sesión debe tener el logotipo del producto y el icono de la empresa.

2.064 "Acerca de" en el menú de ayuda debe contener información sobre derechos de autor y producto.

2.065 La serie de productos de la empresa debe mantener un estilo de interfaz coherente, como el color de fondo, las fuentes, la disposición del menú, los iconos, el proceso de instalación y el idioma de los botones.

Procedimientos de Seguridad

2.066 Se debe tener cuidado para evitar en la medida de lo posible que los usuarios ingresen datos no válidos sin darse cuenta.

2.067 Utilice controles relacionados para limitar los tipos de valores ingresados ​​por el usuario.

2.068 Los botones de radio se pueden usar cuando el usuario solo tiene dos opciones.

2.069 Las casillas de verificación se pueden usar cuando hay potencialmente más opciones, cada una de las cuales es válida, por lo que es imposible que el usuario ingrese opciones no válidas.

2.070 Cuando hay muchas opciones, puede utilizar cuadros de lista y cuadros de lista desplegables.

2.071 En un sistema de aplicaciones, los desarrolladores deben evitar operaciones no autorizadas o sin sentido por parte de los usuarios.

2.072 Los caracteres de entrada o acciones que puedan causar errores fatales o errores del sistema deben restringirse o bloquearse.

2.073 Se deben tomar medidas correctivas para operaciones que puedan tener consecuencias graves. Con la corrección, el usuario puede volver al estado original correcto.

2.074 determina la entrada de algunos símbolos especiales, caracteres que entran en conflicto con los símbolos utilizados por el sistema, y ​​evita que el usuario introduzca los caracteres.

2.075 sería mejor para admitir el manejo reversible de operaciones de error, como cancelar una serie de operaciones.

2.076 Antes de ingresar caracteres válidos, se debe impedir que los usuarios realicen acciones que solo se pueden realizar después de ingresarlos.

2.077 Para operaciones que puedan resultar en largas esperas, se debe proporcionar una función de cancelación.

2.078 Los caracteres especiales son comunes; "& gt& lt, `', " " {, \ | }]+=)-(_ * &&^%$ #@!~,. . ? / y espacios.

2.079 Se deben limitar los conflictos con los caracteres reservados utilizados por el sistema.

2.080 Al leer la información ingresada por el usuario, elija si desea eliminar los espacios iniciales y finales.

2.081 Algunos campos leídos en la base de datos no admiten espacios en el medio, pero los usuarios deben ingresar espacios en el medio, por lo que deben procesarse en el programa. Especificaciones del proyecto de entrada

2.082 Los campos obligatorios no pueden estar vacíos y no se pueden ingresar espacios

2.083 Los campos obligatorios están marcados con campos obligatorios (*)

2.084 No. campos obligatorios no se producirán errores al insertar en la base de datos

2.085 El formato de visualización de la fecha es consistente;

2.086 Ingrese caracteres especiales en el área de entrada. , no habrá ningún error ni se le indicará que no se permiten caracteres especiales

2.087 La entrada en inglés no distingue entre mayúsculas y minúsculas y no se permiten caracteres chinos, números ni caracteres especiales

. 2.088 Sólo se pueden ingresar +, -, 0~9 y teclas de función (cursor de retroceso) en el campo numérico.

2.089 Cuadro de texto de una sola línea/cuadro de texto de varias líneas la longitud es adecuada para adaptarse. el texto correspondiente, pero no puede exceder la longitud del campo en la base de datos. Es mejor marcar el número máximo de caracteres que se pueden ingresar al lado. Se recomienda que el cuadro de texto de una sola línea no sea válido. ingresado excede una cierta longitud; para cuadros de texto de varias líneas, se proporciona el número máximo de caracteres

2.090 Los archivos adjuntos que cumplen con el formato se pueden abrir y guardar normalmente. y el nombre del archivo adjunto se puede operar normalmente; si se ingresa directamente la dirección del archivo adjunto, aparecerá un mensaje al guardar. Cuando el archivo adjunto se abre y se guarda localmente, el nombre del archivo debe mostrar el nombre del archivo original; /p>

2.091 Entrada de contraseña; defina en los requisitos si la contraseña puede estar vacía o en blanco; si la contraseña permite caracteres especiales, si es sensible al tamaño y la longitud de la contraseña que se puede ingresar. ; el programa debería dar un texto explicando la longitud de la contraseña que se puede introducir