Hogar Redes sociales Lo que debe saber sobre su audiencia para la programación de HTML5 y CSS3 - Dummies

Lo que debe saber sobre su audiencia para la programación de HTML5 y CSS3 - Dummies

Tabla de contenido:

Video: ? Análisis SEO de webs en directo ? 2025

Video: ? Análisis SEO de webs en directo ? 2025
Anonim

Comprender a su público es una de las partes más complicadas de la planificación web HTML5 y CSS3. Debe anticiparse a la audiencia de varias maneras para que su sitio sea funcional.

Determine a quién quiere llegar

Antes de tomar muchas decisiones de diseño, debe pensar detenidamente sobre el tipo de persona que intenta contactar con el sitio web.

Intente anticipar la mentalidad que las personas tienen cuando usan un sitio en particular. Por ejemplo, un estudiante trabajó simultáneamente en dos sitios: uno para un programa de posgrado en una universidad y otro para un spa y salón. Tenía que pensar de manera bastante diferente sobre los usuarios de los dos sitios, lo que tenía implicaciones sobre cómo abordaba cada paso del proceso.

La página del programa de posgrado era parte de un sitio web para una universidad. La universidad ya tenía su propio estilo y pautas de marca, colores oficiales y una serie de estándares (en evolución). Los usuarios potenciales de este sitio eran estudiantes de posgrado que buscan títulos en línea. El enfoque de este sitio era todo negocios.

La gente estaba allí para aprender sobre el programa de posgrado y establecer sus horarios. Querían información sobre clases, instructores y horarios, pero no querían nada que interfiriera con el problema. La escritura era eficiente y oficial, el esquema de colores era estándar, y el diseño también era oficial.

La página de spa y salón tenía una sensación completamente diferente. El propietario ama el diseño y pasó largas horas eligiendo exactamente el color de pintura correcto para las paredes en el espacio físico. Está muy contenta con su folleto, y aunque no está segura de qué es exactamente lo que quiere, sabe cuándo algo no está bien.

Quiere darles información sobre el salón, pero lo que es más importante, quiere que se den cuenta de lo estimulante, relajante y femenina que puede ser la experiencia de visitar su salón.

Estos dos sitios, aunque requieren las mismas habilidades técnicas generales, exigen diseños visuales y técnicos muy diferentes porque los clientes y sus usuarios son muy diferentes.

Por supuesto, alguien podría ser simultáneamente un estudiante graduado y un mecenas del salón, pero la persona aún tendría una identidad diferente en estos sitios diferentes. Si vas a un sitio de la universidad, en una mentalidad de estudiante, quieres información rápida y confiable. Si, después de inscribirse en las clases, está buscando un salón de belleza, es probable que desee ser mimado.

Los sitios web son experiencias. El diseño del sitio debe reflejar la experiencia que intenta darle al usuario cuando visita su sitio.

Descubra la experiencia técnica del usuario

Comprender al usuario no es solo un ejercicio de psicología. También necesita estimar el dominio técnico de los usuarios porque puede tener un gran impacto en su sitio. Considere estos problemas para el usuario típico:

  • Si el usuario tiene acceso de banda ancha: Los estudiantes universitarios, los jugadores duros y los desarrolladores web suelen tener acceso a Internet de alta velocidad, por lo que no les importa una página con muchos de video, recursos multimedia y archivos de gran tamaño. Muchas personas todavía usan conexiones de acceso telefónico o tienen un ancho de banda limitado. Si su audiencia tiene conexiones más lentas, cada imagen crea un retraso. Los activos de audio y video no están disponibles para este grupo.

  • Si el usuario tiene un navegador reciente: No tiene forma de predecir qué navegador tiene un usuario, pero piense si su público objetivo tiene una razón para instalar cualquiera de los navegadores actuales. Si la mayoría de la gente de tu audiencia todavía usa navegadores antiguos, usar trucos avanzados de CSS y JavaScript en tu página puede no ser la mejor opción.

  • Si el usuario tiene una computadora reciente: Las personas técnicas tienden a suponer que todos los demás están actualizados con respecto a la tecnología. Eso no es necesariamente una suposición precisa.

  • Si el usuario tiene ciertas competencias: Si incluye una animación Flash, por ejemplo, es posible que el usuario no tenga instalada la versión correcta de Flash. Debe decidir si es razonable esperar que el usuario instale un complemento.

  • Si se trata de una aplicación en gran medida móvil: En estos días, cada sitio web debe considerarse un sitio móvil potencial, pero si un gran porcentaje de sus visitantes utilizará dispositivos móviles para ver su página, esto tendrá implicaciones en tu diseño.

Este proceso no se trata de estereotipos, pero usted debe considerar al usuario mientras construye un sitio. Desea hacer coincidir las expectativas y capacidades de los usuarios, si es posible.

Por supuesto, estás haciendo suposiciones aquí, y es posible que estés equivocado. Esté dispuesto a ajustar sus expectativas después de conocer a usuarios reales. (Para trabajo profesional, usted debe cumplir y ver a los usuarios reales usar su sitio).

Lo que debe saber sobre su audiencia para la programación de HTML5 y CSS3 - Dummies

Selección del editor

Organizando su proyecto con Solution Explorer - dummies

Organizando su proyecto con Solution Explorer - dummies

Las soluciones y proyectos contienen formularios y componentes como archivos en carpetas. De hecho, las soluciones y proyectos están representados por carpetas en el directorio Proyectos de Visual Studio de la carpeta Mis documentos. Solution Explorer es la herramienta de Visual Studio que le permite administrar los archivos que componen su proyecto. Si visualiza sus proyectos ...

Seleccionando un programa para crear con Visual Basic - dummies

Seleccionando un programa para crear con Visual Basic - dummies

Después de cargar Visual Basic, el diálogo de nuevo proyecto aparece el cuadro, que le da dos opciones. Puedes comenzar a escribir un nuevo programa. Cargue un programa existente para que pueda modificarlo. El cuadro de diálogo Nuevo proyecto ofrece varias opciones en cuanto al tipo de programa que desea crear. (The Learning and Standard Editions ...

Recorriendo la Vista de diseño de Visual Basic 2008 - dummies

Recorriendo la Vista de diseño de Visual Basic 2008 - dummies

Cuando ejecuta Visual Studio (generalmente seleccionando su icono en su menú de Inicio) y comenzar cualquier proyecto visual, verá la Vista de Diseño. La vista de diseño es donde se lleva a cabo el trabajo de la interfaz gráfica de usuario (GUI). En general, cada vez que trabaje con imágenes de formularios, no de código, está trabajando con el Diseño ...

Selección del editor

Outlook y Outlook Alerts y SharePoint Online - Dummies

Outlook y Outlook Alerts y SharePoint Online - Dummies

Con integración de Outlook 2010 y SharePoint Online, puede sincronizar el documento bibliotecas con Outlook y ver los documentos en el visor integrado de Outlook. También puede incluir listas, como calendarios, tareas y contactos en Outlook e incluso trabajar sin conexión, sabiendo que cuando se vuelva a conectar a Internet, las actualizaciones se sincronizarán ...

Mi sitio en SharePoint 2010 - dummies

Mi sitio en SharePoint 2010 - dummies

Versiones anteriores de SharePoint incluían Mi sitio. El contenido de su Mi sitio personal, así como las nuevas funciones de etiquetado social, se han consolidado en SharePoint 2010 en Mi sitio, al que puede acceder seleccionando Bienvenida → Mi sitio. La página de inicio de Mi sitio tiene secciones principales para Mi suministro de noticias, Mi contenido y Mi perfil. Mi suministro de noticias ...

Sus activos de SharePoint 2010 - Dummies

Sus activos de SharePoint 2010 - Dummies

Ocasionalmente, usted desea empaquetar sus personalizaciones de sitios de SharePoint 2010 para su reutilización. Por ejemplo, si crea un esquema de marca elegante, puede empaquetarlo y usarlo en otro sitio. Los paquetes de SharePoint son soluciones, que son un conjunto de archivos que incluye los archivos que desea empaquetar: scripts, páginas maestras, estilo ...

Selección del editor

Cómo insertar y eliminar filas y columnas en una hoja de cálculo de números - Dummies

Cómo insertar y eliminar filas y columnas en una hoja de cálculo de números - Dummies

Después configure su hoja de cálculo de Snow Leopard Numbers, es posible que desee agregar columnas o filas. Incluso si tiene varias páginas para ingresar datos, agregar o eliminar columnas y filas no es un problema. Puede agregar o eliminar filas y columnas fácilmente. Primero, seleccione la fila o columna que desea ...

Cómo iniciar sesión en Windows 10 en su computadora nueva - simulaciones

Cómo iniciar sesión en Windows 10 en su computadora nueva - simulaciones

Con su monitor, el teclado y el mouse conectados a su nueva computadora, es hora de encenderlo e iniciar el proceso de inicio de sesión de Windows 10. Comience presionando el botón de encendido en su computadora para comenzar la secuencia de inicio de Windows 10. Cuando enciende una computadora por primera vez, debe elegir Configuración rápida para ...