Diseño web en línea: cómo diseñar un sitio web: un resumen del diseño web
Qué es el diseño de sitios web
Web es lo que llamamos World Wide Web
Se refiere a Internet
Diseño web es un especial Se refiere al diseño de página de aquellos sitios web que se ven desde el lado de la computadora (además del lado de la computadora, también tenemos un área grande del lado móvil, que se refiere al lado del teléfono móvil). /p>
Nota, es sólo un diseño.
Sin incluir la escritura de sitios web en código, la tecnología de usar código para crear sitios web es otro tema
Se llama: desarrollo front-end web (verá, se llama web), existen varias herramientas en línea muy útiles para Herramienta para diseñadores web
Conversión de marca de tiempo
Introducción a la función: marca de tiempo de Unix y conversión de hora de Beijing, método para obtener la marca de tiempo
Dirección:
Comparación/fusión de código
Introducción a la función: detección/comparación en línea de diferencias de texto entre dos archivos
Dirección:
compilador LESS
Función introducción: Compile MENOS código en código CSS, lo cual es conveniente para que lo use el personal de front-end
Dirección:
expresión crontab
Introducción a la función: Calcular el futuro basado en la expresión crontab N veces el tiempo de ejecución
Dirección:
Formato de código
Introducción a la función: puede formatear y embellecer códigos SQL, XML y JSON
Dirección:
Conversión de codificación
Introducción a la función: decodificación de URL, nativa para UTF-8, nativa para ASCII
Dirección:
Paleta de colores de página web
Introducción a la función: selector de color de página web, consulta de código de color, referencia de valor de color RGB
Dirección:
Expresión regular
Introducción a la función: coincidencia y reemplazo de expresiones regulares, varias expresiones regulares de uso común
Dirección:
Responder preguntas
Introducción a la función: aprender Ba, ven y resuelve las preguntas y mejora tus habilidades
Dirección:
Markdown
Introducción a la función: convertir texto en la web en documentos HTML
Dirección:
Compilador UBB
Introducción a la función: UBB es un código de seguridad que reemplaza el código HTML en páginas web
Dirección:
Conversión hexadecimal
Introducción a la función: cualquier conversión hexadecimal entre 2 y 36, admite tipo de punto flotante
Dirección:
CSV a HTML
Introducción a la función: convertir datos CSV en tablas HTML y mostrarlas en la página
Dirección:
Símbolos especiales HTML
p>Introducción a la función: HTML especial enciclopedia de codificación de caracteres
Dirección:
XML a JSON
Introducción a la función: el contenido y la salida de XML y JSON son conversiones mutuamente excluyentes
Dirección:
HTML a JS
Introducción a la función: convertir el contenido y la salida de HTML y JS entre sí
Dirección:
p>compresión js/css
Introducción a la función: compresión en línea de código Javascript y CSS
Dirección:
Fuentes de uso común en páginas web
Introducción a la función: resume los efectos de visualización de varias fuentes web comunes
Dirección:
Generador de cron
Introducción a la función: puede generar un cron en línea de programación de tareas de Quartz expresión
Dirección:
Formato JSON
Introducción a la función: análisis, verificación, formato, compresión y conversión de Json entre Json y XML
Dirección:
Formato SQL
Introducción a la función: embellecimiento en línea de SQL, formateo, compresión de scripts
Dirección:
Escaneo de puertos
p>Introducción a la función: escanea los puertos comúnmente utilizados o designados para verificar si el puerto está abierto
Dirección:
Codificación y decodificación Base64
Introducción a la función : cifrar caracteres con codificación base64 o restaurar caracteres cifrados en base64
Dirección:
Cifrado MD5
Introducción a la función: generar suma de 32 bits y 16 dígitos en mayúsculas y texto cifrado en minúsculas
Dirección:
Código Morse
Introducción a la función: cifrado y descifrado de código Morse en línea
Dirección:
Consulta de IP
Introducción a la función: Consulta I
P o ubicación geográfica del nombre de dominio y proveedor de banda ancha, ver IP local
Dirección:
Cifrado y descifrado de texto
Introducción a la función: Compatible con AES, DES, RC4, Rabbit y otros algoritmos
Dirección:
Consulta de estado HTTP
Introducción a la función: Detectar el código de estado HTTP devuelto por la página web
Dirección:
Generar htpasswd
Introducción a la función:Generar htpasswd
Dirección:
Producción de iconos de Favicon
Función introducción: corta la imagen cargada y genera un ícono en formato ico
Dirección:
Transferir alfabetización de imágenes
Introducción a la función: puedes transferir una foto que contenga texto en inglés gratis Convertir a texto
Dirección:
Producción GIF
Introducción a la función: genera animaciones GIF, imágenes flash y emoticonos divertidos con un solo clic
Dirección:
Generar código QR
Introducción a la función: puede configurar el formato de la imagen, la tolerancia al error, el tamaño, el color y el LOGOTIPO
Dirección:
Imagen a PDF
Introducción a la función: convierta varias imágenes a documentos PDF en línea de forma gratuita, genere documentos PDF con un solo clic
Dirección:
人 Reconocimiento facial
Introducción a la función: reconocimiento facial en línea, reconoce rostros automáticamente y recorta imágenes de avatar en lotes
Dirección:
Avatar de dibujos animados de bricolaje
Introducción a la función: herramienta gratuita de creación de personajes de animación, puedes personalizar avatares de dibujos animados masculinos y femeninos
Dirección:
Transferir imágenes para identificar colores
Introducción a la función : Puede identificar Mostrar el color de la imagen donde está el cursor y extraer el color principal de la imagen
Dirección:
Imágenes dibujadas a mano
Introducción a la función : Puede generar automáticamente fotografías de estilo dibujadas a mano. También puede cambiar el desenfoque de la foto
Dirección:
Convertir imagen a Base64
Introducción a la función: Convertir imágenes y codificación Base64 hacia y desde
Dirección:
Cálculo de talla de ropa
Introducción a la función: ingrese su altura y peso para calcular la talla de ropa que necesita
Dirección:
Consulta de información del DNI
Introducción a la función: Ingrese el número del DNI para consultar el lugar de origen, sexo y fecha de nacimiento
Dirección:
Calculadora científica
Introducción a la función: raíz cuadrada (√), pi (π), recíproco (1/x), seno (Sin)
Dirección:
Conversión de mayúsculas y minúsculas
Introducción a la función: puede realizar la conversión a mayúsculas de números RMB y la conversión a mayúsculas y minúsculas en inglés
Dirección:
Cálculo del intervalo de fechas
Introducción a la función: una herramienta que puede calcular el número de días entre dos fechas
Dirección:
Convertir caracteres chinos a Pinyin
Introducción a la función: Puede convertir caracteres chinos en pinyin con tonos Pinyin
Dirección:
Deduplicación de texto
Introducción a la función: Esta herramienta puede obtener texto sin datos duplicados
Dirección:
p>Convertidor de unidades
Introducción a la función: conversión equivalente con un clic de longitud, área, peso, temperatura y otras unidades
Dirección:
Conversión de chino tradicional simplificado
Introducción a la función: convertir un texto de entrada a chino simplificado o tradicional
Dirección:
Conversión del calendario lunisolar
Introducción a la función: admite la verificación mutua del calendario lunar y el calendario gregoriano, y la conversión mutua entre el calendario gregoriano y el calendario lunar
Dirección:
Consulta de código postal y código de área
Introducción a la función: Ingrese la provincia, ciudad, código de área o código postal para consultar el código de área
Dirección:
Recuento de palabras
Introducción a la función: cuente rápidamente el número de caracteres chinos, puntuación, inglés y números en el artículo
Dirección: Cómo diseñar un sitio web: un resumen de la Web diseño
En mi trabajo reciente, encontré un problema de navegación y accidentalmente descubrí "Don't Make Me Think", recopilado durante mucho tiempo. Me tomó una semana leerlo dos veces antes de poder comprender claramente lo importante. Papel de la navegación en un producto.
También confirma aún más la teoría de que los usuarios son considerados novatos en el círculo del producto. De hecho, no se trata de etiquetar todo para los usuarios en el diseño del producto, sino de permitir que los usuarios utilicen el producto más fácilmente a su manera. de gran beneficio para los usuarios. Debe ser evidente, es decir, el tema "No me hagas pensar". Las siguientes son las notas de esta lectura. Aunque este libro me ha inspirado mucho, todo hay que ponerlo en práctica y la teoría debe verificarse en la práctica.
1. Principios rectores
Capítulo 1: No me hagas pensar---_掎掎狠谝愿__
La regla definitiva del diseño web : No me dejes pensar en eso, es decir, cuando veo una interfaz, debería ser _ Lie Yuan _, _ Huang Ke Si _, _ Halo Medical Food _.
Lugares que nos obligan a pensar: (1) Nombres chulos o términos técnicos. (2) Botones y enlaces que no parecen obvios
Cuando lo pienses, debes sopesarlo. La compensación debería apuntar más a lo "obvio" que a lo obvio.
Cada vez, un lugar que requiere pensar aumentará la carga cognitiva del usuario y desviará su atención de la tarea a completar
¿Cuáles son las cosas en las que no es necesario pensar al visitar? ¿un sitio web?
¿Dónde estoy?
¿Por dónde empezar?
¿Dónde ponen xx?
¿Qué es lo más importante? ¿Qué hay en este proyecto?
¿Por qué le dieron ese nombre?
Si no puedes hacer que una página se explique por sí misma, al menos deja que se explique sola.
Al navegar Cuando un sitio web encuentra un problema, los usuarios asumirán que es su culpa en lugar de culpar al sitio web
Para que las páginas web sean efectivas, deben revelarse cuando los usuarios las ven por primera vez y hacer Hasta este punto, el mejor enfoque es crear páginas web que hablen por sí mismas, o al menos se expliquen por sí mismas.
Capítulo 2: Cómo usamos realmente la Web---__, siéntete satisfecho, confórmate con ella
Hecho 1--_Yi Qianhuang le roba a su madre, pero Scan, buscar texto o palabras que puedan atraer la atención del usuario (excepto noticias, informes, interfaces de descripción de productos)
¿Por qué escanear?
(1) Siempre estamos ocupados ---_褂_eb está tratando de ahorrar tiempo
(2) Sabemos que no tenemos que leer todo---_stop axilar line 巳せ蚯stareturn Nao 裣裣裴谐内谌
(3) Somos buenos escaneando ---_Neodymium Dirty, buscando contenido interesante
Lo que los usuarios ven en una página web depende de lo que quieren ver, generalmente una pequeña parte de la página Parte del contenido
¿Cuáles son las palabras y frases que llaman la atención?
(1) Relevantes para la tarea en cuestión
(2) Nuestro actual o siguiente Interés Personal
Dato 2---Basta con estar satisfecho
Los usuarios la mayoría de las veces no eligen la mejor opción, sino que eligen la tercera Una opción razonable--- _獠呗
¿Por qué no buscar la mejor opción?
(1) Siempre estamos ocupados---_獠Xunbaiyun Benzhu, la estrategia de satisfacción es altamente eficiente
(2) Si adivinamos mal, no habrá consecuencias graves
(3) Sopesar las opciones no mejorará nuestra oportunidad
(4) Adivinar es más interesante: - Si adivinas bien, es posible que veas contenido inesperado.
Hecho 3--- _Yi envió al emperador a hacer algo mal, pero se conformó con ello.
Solo intentaba sobrellevar la situación. no se limita a principiantes, los expertos técnicos también pueden tener malentendidos impactantes al comprender cómo funcionan las cosas
¿Cuál es la razón?
(1) No es importante para nosotros---_靼子湩actiniumぷdicePB⒉ Placa de recuperación
(2) Si descubrimos que algo puede usarlo, siempre lo usaremos---_绻龳斤拷Meimjiao, usará buenos métodos, pero rara vez tomará los iniciativa para encontrar mejores métodos
Si los usuarios entienden el sitio web, en lugar de limitarse a manejarlo Función
(1) Es más fácil para los usuarios encontrar lo que necesitan, lo cual es bueno para tanto para los usuarios como para el sitio web
(2) Es más fácil para los usuarios comprender qué servicios ofrece su sitio web---_ (3) Guíe a los usuarios para que vean el contenido que desea que vean (en el sitio web)
(4) En su sitio web, los usuarios se sentirán en control de la situación general y gradualmente se convertirán en usuarios antiguos.
Capítulo 3: 101 reglas del diseño de vallas publicitarias---__Xiao Piao, no diseñado para leer
Atraiga a los usuarios 5 aspectos importantes (partes 2 a 6 a continuación)
Establezca una jerarquía visual clara en cada página
Utilice modismos tanto como sea posible
Dividir en áreas claramente definidas
Marcar claramente dónde hacer clic
Minimizar distracciones
Establecer una jerarquía visual clara
Características visuales de una página claramente estructurada
(1) Las partes más importantes son más destacadas
(2) Las partes lógicamente relacionadas también lo están visualmente
(3) Las partes incluidas lógicamente están visualmente anidadas
Si una página no tiene una jerarquía visual clara, los usuarios disminuirán la velocidad de escaneo de la página, buscarán palabras y frases clave y luego reconstruirán lo que Se siente importante el contenido y la organización del contenido, esto aumentará la carga de trabajo.
Los modismos son tu buena ayuda
Modismos web
(1) Son muy útiles. -_Las herramientas de escritura real facilitan el acceso de los usuarios y reducen el coste de aprender IDE adicionales sobre cómo funcionan
(2) Los diseñadores suelen ser reacios a aprovecharlas
Si no va a utilizar modismos, lo que debe hacer es:
a. Asegúrese de utilizar un método que sea igualmente claro, igualmente evidente y que no tenga curva de aprendizaje.
p>b. Aporta gran valor
Dividir la página en áreas claramente definidas
Marcar claramente las áreas en las que se puede hacer clic
Reducir el ruido visual
Clasificación del ruido
(1) Deslumbrante---_El lado del hombre mecánico no tiene resistencia ni cambios repentinos
Punto de resultado
(2) Ruido de fondo---_Chen Ting Hui Xing Huan Yin y Song Fei tomaron el sol, pero muchos de estos pequeños ruidos serán molestos
Capítulo 4 : Animales, Plantas, Materia Inorgánica---_无码_不多扌杷狠狠≡
El verdadero problema no es el número de clics antes de llegar a la meta, sino cada clic. ¿Qué tan difícil es, cómo? Se requiere mucho pensamiento, cuánta incertidumbre se requiere para juzgar si se está tomando la decisión correcta.
La clave: si los usuarios necesitan tomar decisiones en Internet todo el tiempo, entonces tomar estas decisiones es una obviedad. Qué hace que un sitio web sea fácil de usar
Capítulo 5: Omitir palabras innecesarias---El arte de escribir en _ash_eb
Las palabras poderosas son concisas.
No debe haber palabras redundantes en las oraciones ni oraciones redundantes en los párrafos
¿Cuáles son las ventajas de eliminar texto que nadie leerá?
Puede reducir el ruido de la página
Hacer que el contenido útil sea más destacado
Hacer que la página sea concisa para que los usuarios puedan ver más contenido en cada página sin tener que desplazarse
Necesidad Las palabras eliminadas son _team_ y _Tío Gande
2. Varios aspectos que se deben manejar correctamente
Capítulo 6: Señales de tráfico y migas de pan---_ Preguntas frecuentes de Dipper
Personas no utilizarán su sitio si no pueden orientarse en él
Reglas 101 de navegación web
Por lo general, busca algo que Objetivo
Lo haría decides preguntar primero o navegar primero
Si eliges Liu Lanlan, recorrerás la jerarquía siguiendo la guía del logotipo
Finalmente, si no puedes encontrarlo Cuándo obtienes lo que quieres, te irás
La diferencia entre la web y la vida desde una perspectiva espacial
No puedo sentir el tamaño
No puedo No siento la dirección
No puedo sentir la ubicación
Los usuarios utilizan la navegación web porque necesitan saber su ubicación actual
El propósito de la navegación---_Muy preciso y fácil de entender
p>Ayúdanos a encontrar lo que queramos
Díganos dónde estamos ahora
La navegación brinda a los usuarios cierta sensación de estabilidad y les hace sentir conectado a tierra
Otros usos de la navegación---_Xu Ming Yong Lao Meng
La navegación nos dice la ubicación actual---_嫠多ju行┦ personalizado, la navegación muestra el contenido, y el sitio de navegación es mejor que decir Nuestra ubicación es más importante
La navegación nos dice cómo usar el sitio web ---_Youmu Kun, cómo elegir
La navegación brinda a los usuarios confianza en el creador de sitios web
Uso idiomático de la navegación web
ID del sitio web
Columna
Utilidades
Indicador (indica el ubicación actual del usuario)
Columna del siguiente nivel
Nombre de la página
Navegación de la página (contenido del nivel actual)
Versión de fuente pequeña de navegación inferior
p>Navegación persistente (o navegación global): para describir un conjunto de elementos de navegación que aparecen en cada página del sitio web
La navegación persistente debe ser consistente en todo el sitio web para que que los usuarios sólo necesitan entenderlo una vez Suficiente, reduce los costos de aprendizaje
Cinco elementos de navegación persistente
ID del sitio
Cómo regresar a la página de inicio (Inicio)
Formas de búsqueda
Columnas
Herramientas de utilidad
Página de inicio y formularios_枰褂褂商志美综合
Página de inicio: asuma algunas tareas diferentes, cumpla con algunos compromisos diferentes, por lo que no es necesario utilizar la navegación persistente
Formulario: en la página donde se completa el formulario, la navegación persistente interferirá
Cómo diseñar varios elementos de navegación web (debajo de la tabla como ejemplo: _锹猌)
Nombre del elemento de navegación
Detalles
ID del sitio
1. En la Web, cada El nombre del sitio web se puede ver en cada página---_Jian_D, generalmente en la esquina superior izquierda o cerca de la esquina superior izquierda
2. El ID del sitio web representa todo el sitio web, lo que significa que es el nivel más alto en la estructura actual del sitio.
p>
3 ¿Cómo aparece el ID del sitio en la parte superior de la jerarquía visual? la página
(1) Haga que el sitio web sea el contenido más visible de esta página
(2) Deje que el ID del sitio cubra todos los demás elementos de la página
4. El ID del sitio debe parecerse al ID del sitio---__ogo
Columna
1. La columna (o la barra de navegación principal) es el enlace a la columna principal del sitio. sitio, el nivel superior de la estructura
2. En la mayoría de los casos, la navegación persistente también incluye la posición de visualización de la navegación secundaria (la lista de columnas debajo de la columna actual)
Utilidades.
Las utilidades son enlaces a elementos importantes del sitio web que no forman parte de la jerarquía de contenido
Volver a la página de inicioInicio
1. estar siempre visible, dando a los usuarios la sensación de que pueden empezar de nuevo en cualquier momento
2 Uso de Inicio
(1) En la columna.
O utilice la lista de herramientas para incluir un enlace a la página de inicio
(2) Agregue con cuidado la palabra Inicio al ID del sitio fuera de la página de inicio para que los usuarios sepan que deben hacer clic en él
Buscar
1. Métodos para evitar confusiones
(1) Redacción elegante
(2) Instrucciones
(3) Opciones -- -_∠钚conglu
2. Es necesario prestar suficiente atención a la navegación de bajo nivel (navegación de tres niveles)
Nombre de la página
1. nombres de páginas
(1) Cada página necesita un nombre
(2) El nombre de la página debe aparecer en la posición adecuada
(3) El nombre es ojo -captura
(4) El nombre debe ser coherente con el enlace en el que se hizo clic
Indicador
1 Cómo marcar la ubicación actual
(1)Colocar un indicador al lado
(2)Cambiar el color del texto
(3)Usar negrita
(4)Resaltar el botón
(5) Cambiar el color del botón
2. Dígale al usuario el contexto de la estructura jerárquica de su sitio (posición en la página web)
Menú jerárquico
1. Indica al usuario la ruta desde la página de inicio hasta la ubicación actual (cómo llegar)
2. Mejores prácticas para la navegación jerárquica
(1) Colóquelos en la parte superior
(2) Utilice ">" para separar niveles
(3) Utilice fuentes pequeñas (indicando que es un mecanismo complementario)
( 4) Usó el texto "Estás aquí"
(5) Negrita el último elemento
(6) No es necesario usarlos como _成婷
Etiquetas
1. Por qué las etiquetas son una buena opción para la navegación
(1) Se explican por sí solas
( 2) Son difíciles Señorita (visualmente distintivos)
(3) Son flexibles
(4) Implican un espacio físico
2 Precauciones
. p> p>
(1) Dibujado correctamente---_せ畹见┮ Come halagos Lunie┮hold
(2) Codificación de colores---_壣吖刈⒍
Ejemplo
Cómo juzgar el buen diseño de un sitio web
¿Qué sitio web es este? (Site ID)
¿En qué página web estoy (? Nombre de la página web)
¿Cuáles son las columnas principales de este sitio web? (Lista de columnas)
¿Qué opciones tengo en este nivel (Navegación de esta página)
Estoy navegando ¿En qué parte del sistema? (Indicador "Usted está aquí")
¿Cómo busco? (Barra de búsqueda)
Capítulo 7: Primero que nada, admitir que la página de inicio no está bajo su control- --_杓普饕
Las principales tareas realizadas por la página de inicio
El logotipo y la misión del sitio---_嫠哂无д馐狠狠狠狠 en todo momento, qué hace
Nivel de sitio---_峁┓禫MUPA, incluido el contenido, las funciones y cómo se organizan los servicios
Buscar
Introducción---_氰心谌谌平, recomendación de función
Enlaces amigables---_ち艨正浞 Molde de grasa, promoción cruzada, cooperación de marca
Atajos---_簛7梦真名谌特波斤Enchantment Chengxi Fat Moulip
Registro
Objetivos abstractos que la página de inicio debe cumplir
Dejemos que los usuarios ven que están buscando algo---_Mi Mi Yu Guana Wei Wei está muy lejos
...También hay cosas que no busqué---_Mi Mei Э Chui Jie Huo ┚ Shi Na Chen, incluso si los usuarios no buscaron estos contenidos
Dígales a los usuarios por dónde empezar
Generar credibilidad y confianza
¿Cuáles son los puntos comunes? restricciones en las páginas de inicio
Todos quieren un asiento en la mesa - --_Pingbin Chenxun
Hay demasiadas personas que quieren participar
Una talla debe servir para todos ---_禭槭视Mi诖第
La página de inicio debe transmitir la imagen general, para que los usuarios puedan entender claramente de qué se trata su sitio web de un vistazo
Cómo transmitir la imagen general de la página web para los usuarios
Lema---_Kaojing _D lugar, una descripción de todo el sitio web
Anuncio de bienvenida---_ Mirroring Slufang, en la parte superior de la página principal
Necesitas la ubicación, no necesitas desplazarte por la pantalla para verla
Principios de transmisión de información
Usa todo el espacio que necesites
Pero no utilices demasiado espacio ---_3 Propósito
No trates las declaraciones de nombres reales como anuncios de bienvenida
Lo último es probar
Notas sobre los lemas
Buenos lemas
Malos lemas
Claros y significativos
Vagos y poco claros
Extensión moderada y fácil de transmitir Los usuarios entienden y expresan ideas
Demasiado general
Expresar las características y beneficios evidentes del sitio web
Poner eslogan (transmitir una determinada propuesta de valor) y propósito (que expresa una determinada propuesta de valor), principios rectores, una determinada meta o un ideal)
Personal, vívido y, a veces, divertido
Debido a las responsabilidades únicas de la página de inicio, Por lo general, no es necesario utilizar navegación persistente. Diferencias entre
Descripción de columna---_饕成枰衡芏嗟曟搡搰, otras páginas no son necesarias
Diferentes direcciones--. -_饕Che富 Aprovechando Ji Zhihuang, la página de inicio generalmente usa
más espacio para la expresión---_Taocheng Dangerous Mirror_D es relativamente grande y el espacio restante para el eslogan también es mayor
Deje que la columna El nombre siga siendo el mismo, el mismo orden, el mismo texto y la misma agrupación, mantenga tantas señales visuales como sea posible, la misma fuente, color y mayúsculas.
Problemas con el drop- cuadros desplegables
Los usuarios deben encontrarlos---_妦胝业烝烝烝烝 para poder ver la lista desplegable
Son difíciles de escanear
Es difícil de controlar---_Lv Xie玎duct Laimama Raoyan Key刂
El cuadro desplegable es más efectivo para organizar elementos ordenados alfabéticamente
La ventaja del cuadro desplegable es que ahorra espacio
Cualquier* **Recursos disfrutados (***áreas) serán destruidos debido al uso excesivo---_襥饕成兴羾痈嗟南酅克梅 Falling Mu Mutou Frozen 酅煅煟⒉ Gray Hui, aunque es una columna recomendada El volumen de tráfico es enorme, pero la página de inicio se vuelve confusa y las pérdidas sufridas correrán a cargo de todas las columnas
3. seguro que no has hecho nada malo
Capítulo 8: Los señores de las granjas y los pastores deberían ser amigos ---_tailor_eb el equipo de diseño discutiendo la usabilidad es una pérdida de tiempo, cómo evitar esta situación
Debido Según sus diferentes posiciones, los miembros del equipo web tienen diferentes opiniones sobre el buen diseño de un sitio web. Diferentes opiniones
A través de las pruebas, cambiamos la discusión sobre lo correcto y lo incorrecto hacia lo que funciona y lo que no. Las pruebas nos permitirán ver. diferencias en las motivaciones, comprensiones y reacciones de los usuarios, por lo que ya no insistimos en los usuarios y en la nuestra.
Capítulo 9: Pruebas de usabilidad por 10 centavos al día ---_Mao Hui Yue Fei, para que puedas. realizar pruebas adecuadas
Los grupos focales no son pruebas de usabilidad. Los grupos focales se utilizan en las primeras etapas del proyecto para recopilar las opiniones y sentimientos de los usuarios.
Las pruebas de usabilidad esperan principalmente descubrir si los usuarios saben lo que hace el sitio web y pueden usarlo para completar una tarea típica.
¿Cuál es la función de las pruebas?
Si desea crear un sitio web excelente, debe probarlo
Probar a un usuario es el doble de bueno que no probar
En un proyecto, es mejor probar un usuario en un punto que 50 al final
La gente sobreestima la importancia de reclutar representantes de los usuarios
El objetivo de las pruebas no es probar ni refutar nada, sino comprender su juicio
Las pruebas son un proceso iterativo
Nada es más importante que la reacción de los usuarios reales
Busque la capacidad de probar usuarios que reflejen el grupo objetivo, pero no se contenga
¿Cuáles son las razones por las que los usuarios de prueba que buscamos son diferentes del grupo objetivo
Razón de la diferencia
Excepciones
En realidad, todos somos principiantes
Si El sitio web es utilizado casi exclusivamente por un determinado tipo de usuario y no es difícil reclutarlo, entonces recluta
Diseñar un sitio web que solo tu grupo objetivo pueda usar generalmente no es una buena idea