expertos seo en usa

Durante más de 10 años ayudamos a las empresas a alcanzar sus objetivos financieros y de marca. Onum es una agencia de SEO basada en valores dedicada.

ÚLTIMAS NOTICIAS
CONTACTO
experto en seo
Cómo Funciona
cambia tu visión del SEO

Desarrollo Web

Apostamos a que no pasa mucho tiempo en la segunda página de Google, entonces, ¿por qué debería hacerlo su sitio web?

DESARROLLO DE SITIOS WEB

¿QUÉ ES EL DESARROLLO WEB?

Normalmente usamos las frases Diseño y desarrollo web en conjunto, aunque las frases hacen referencia a componentes extraordinarios del método de construcción de sitios web que requieren unidades de habilidad específicas. Ahora permítanos hablar aproximadamente del conjunto de habilidades principal que es el diseño de Internet. En esencia, el diseño de Internet se refiere a cada parte culta del sitio de Internet y su usabilidad. Los diseñadores web utilizan diversas aplicaciones de diseño que incluyen Adobe Photoshop (10 $ / mes) o GIMP (gratuito), y muchos equipos diferentes, para crear el formato y los diferentes factores visibles del sitio de Internet.

Después de eso, los constructores de front-end aplican su diseño a través de la mejora de Internet de Front-End, lo que nos lleva al segundo conjunto de habilidades (mejora de Internet). Ahora, posiblemente pregunte qué es la programación de cierre frontal, para ubicarlo fácilmente, es el detalle visible de cierre frontal de un software (o un sitio de Internet, aplicación)

Eso es visible y útil a través de la persona que dejó de fumar. Los lenguajes front-quit más famosos son (HTML, CSS, JS). Si ya tiene curiosidad por convertirse en miembro de esta área, lo cual es claro porque se aburrió conmigo y llegó a este factor del artículo, entonces el primer elemento que debe hacer es estudiar HTML y CSS primario, podemos hablar de esto en además en nuestra masterización y segmento de activos académicos de este articulo

Sin embargo, el segundo es parte del segundo conjunto de habilidades que es la mejora de Internet Back-End. La mejora web se refiere a construcción, sitios web en crecimiento y retención. Los desarrolladores web normalmente toman el diseño de un sitio web completado a través de un proveedor de Internet y crean un sitio de Internet funcional a través de la forma de escribir scripts de Internet en lenguajes que incluyen PHP, ASP, Python, Ruby, Perl, etc. de software de internet es un habilitador para disfrutar de una salida frontal ... El código de backend se administra en el servidor, en lugar del cliente. De esta manera, los constructores de backend ya no quieren comprender los lenguajes de programación y las bases de datos, sin embargo, también deberían tener un conocimiento de la estructura del servidor.

Ahora puede sorprender lo que es una base de datos, para ubicarla fácilmente, es un dispositivo para almacenar y cuidar hechos (cualquier forma de hechos). Las bases de datos más famosas son MySQL (la máxima utilizada), MongoDB, SQLite, Postgres, etc.

Además, tiene formas extraordinarias de bases de datos como SQL (relacional) y NoSQL (no relacional), puede probar este artículo sencillo para comprender las variaciones entre cada una de las bases de datos SQL y NoSQL.

Ahora hemos señalado una mejora en el abandono frontal y el abandono regresivo, sin embargo, no debemos pasar por alto que también tenemos una mejora Full-Stack que, honestamente, es la combinación de cada uno. La mayoría de los constructores de pila completa son autónomos o constructores expertos en una empresa con años de diversión. Para convertirse en un desarrollador de Internet de pila completa, debe estudiar como mínimo los siguientes lenguajes: HTML, CSS, JS, PHP, SQL (un lenguaje de base de datos).

Ahora es posible que escuche la palabra 'marco' antes y, en caso de que no lo haya hecho, intentaré colocarlo fácilmente, un marco honestamente hace que la existencia del desarrollador sea mucho menos complicada, debido al hecho de que no lo hace ' No es necesario que escriba su código desde cero. En la arena de diseño de internet, para proporcionar una definición más confiable, un marco se describe como un paquete de acuerdos hecho a partir de una forma de documentos y carpetas de código estandarizado (HTML, CSS, archivos JS, etc.) que pueden usarse para ayudar a mejorar los sitios web, como base para empezar construir un sitio web en línea.

mejores influencers seo del mundo

CMS

  • La diferencia entre compartido, VPS, comprometido y planes de alojamiento de sitios web en la nube
  • Una breve aclaración sobre la gestión del servidor
  • ¡Determina mi estilo de masterización y la forma en que tengo que estudiar!
  • ¿Dónde ha estado el punto de partida de mi aventura de masterización?
  • Índice de recursos de masterización cruciales y útiles
  • Equipo importante que podría ayudarme con esta área de pinturas.
  • Índice del equipo con aclaración.

El diseño web es una parte importante del método de mejora de Internet. Si tiene curiosidad por el diseño de Internet, suponemos que tiene una racha innovadora. ¿Y cómo debería dejar de entusiasmarse por lanzarse y crear su primer sitio de Internet? Web diseño Se establece la creación de una obra de arte con un propósito; sin embargo, ¿por dónde empezar? Si tiene dudas sobre lo que desea comprender antes de comenzar, este manual lo ayudará.

Elija algo principal para su primera web diseño en línea del sitio web

¿Esto parece una obviedad, correcto? Pero de vez en cuando nos volveremos demasiado audaces y nos desanimaremos. Para su primera tarea, es un buen concepto elegir algo fácil y divertido. Un sitio web de comercio electrónico en línea es más complejo y podría ser más difícil abordarlo tan pronto como lo disfrute más. 

Un weblog es un excelente lugar para comenzar. Puede ser un ejercicio de diseño muy bueno y descubrirá cómo funciona un sistema de gestión de contenido (CMS), por lo que puede ser crucial comprenderlo para los diseños en línea de sitios web de destino. Lo mejor de todo es que no es necesario empezar de cero. Hay un montón de weblog plantillas que facilitan la colocación de una en conjunto.

Las plantillas son un valioso dispositivo de masterización. Observar cómo se diseñan los factores HTML, CSS y Javascript y cómo están disponibles colectivamente generará una percepción más profunda de lo que hace que las pinturas de diseño. Puede utilizar plantillas como base para realizar ajustes y personalizaciones.

Tal vez no necesite comenzar un weblog; esfuércese por salir de sus pasatiempos o pasatiempos innovadores. ¿Qué tal si construyes una exhibición para tus habilidades de imágenes o tu serie de historias rápidas? Crear un diseño que caracterice un ardor suyo lo convierte en una primera tarea divertida.

expertos en servicios de optimización en la página

Encuentra sugerencias de diferentes diseñadores

No hay duda de que se topará con sitios web que lo han cautivado con su hermoso diseño.

Crea un documento de sugerencia con hipervínculos a los sitios web que le gustan o márquelos a medida que pase. Pinterest es un área muy buena para localizar sitios web muy buenos. sitio web en línea maquetación: puede ubicar y fijar ilustraciones, portadas de libros electrónicos, carteles, blogs y diferentes formas de pinturas de maquetación a las que hacer referencia. Los diseñadores utilizan el "tablero de temperamento" de época para esas colecciones. Los foros de estado de ánimo son un recurso útil de referencia breve en caso de que se encuentre atascado. Lo que harás.

Aparte de los descubrimientos que está haciendo en su forma personal, hay algunas colecciones seleccionadas que debe probar. 

Los premios tienen continuamente pinturas nuevas y brillantes y muchas colecciones temáticas. 

Behance es una compilación de primera categoría de pinturas de diseño de sitios web, en la que el punto de interés es la creatividad y la alta satisfacción.

Dribbble se especializa en diseñadores masculinos o femeninos, impartiendo un foro de discusión para obtener comentarios y hablar con otros sobre sus pinturas.

Y, por supuesto, diríjase a la exhibición de Webflow para observar el tipo de enfoques que los seres humanos utilizan en nuestra plataforma de diseño. Hay muchas cosas interesantes para probar y muchas plantillas para clonar, ya que eres muy personal.

Busque en Internet activos de sugerencia

El diseño web se conoce a través de un lenguaje visible que puede determinarse en cualquier lugar, como la colcha de una novela de imágenes o el quiosco virtual de su banco. Desarrolle un reloj para detectar el diseño deseable y comience a estudiar por qué algo funciona o no funciona, independientemente del medio.

Pagar interés por la tipografía 

Con frecuencia estudiamos sin siquiera ser conscientes de los tipos de letra. Preste atención al tipo de impacto que tiene mientras devora el material de contenido. ¿Es legible esa fuente en el menú? ¿Qué hace que esa señal escrita a mano para las empresas comerciales del vecindario sea tan agradable? Las letras están por todas partes. Tenga en cuenta todos los usos deseables y horribles de la tipografía. 

Typewolf es un excelente recurso útil para conservar las pestañas de fuentes famosas. Tiene muchas listas para explorar, un sitio web destacado en línea del día y libros de búsqueda que tienen combinaciones de fuentes notables. Es útil observar ejemplos reales de tipografía que se está utilizando, y sitios web como Typewolf son un área extremadamente buena para observar sus aplicaciones realistas. Familiarizarse con fuentes extraordinarias le ayudará a elegir el tipo adecuado para su primera web. diseño en línea del sitio web.

Deja que las grandes artes te afecten 

Oh, ¿señalamos que hay un registro completo de obras de arte para atraer? Sin embargo, muchas acciones y artistas forman las pinturas de los creativos de hoy, principalmente diseñadores de Internet. Dé un paseo a través de nuestro diseño web y la pieza de registros de obras de arte para descubrir muchos logros creativos enormes. El no más práctico está repleto de datos valiosos, es un excelente ejemplo del camino material de contenido y el arte puede venir colectivamente para informar una historia.

expertos en optimización en la página

Investiga formas extraordinarias de diseño

Hay tantas disciplinas de diseño con las que debe familiarizarse. La comprensión del diseño del producto, la ilustración o incluso la marca puede, además, aumentar sus sentidos innovadores.

Para la sugerencia que va más allá del diseño de Internet, Abduzeedo da ejemplos excepcionales. Ya sea que se trate de obras de arte de póster, equipaje o muebles, verá ejemplos de primera categoría del diseño completado correctamente. Esté abierto a formas extraordinarias de diseño y busque activamente nuestras sugerencias. Cuanto mayor sea el conocimiento que tenga, menos complicado será diseñar su primer sitio de Internet. La educación informa la intuición.

Tenga el material de contenido equipado antes de comenzar 

Poniendo material de contenido Primero, tener material de contenido equipado para pintar antes de comenzar a diseñar su primer sitio web.

No necesita ser perfecto. Puede editar y optimizar para Google SI EL (buscar la optimización del motor) más tarde. Pero tener como mínimo un borrador de lo que va a pasar, ayudará a garantizar que el diseño esté diseñado para lidiar con eso. Diseñar con material de contenido real le ofrece una mejor ilustración de la forma en que El sitio de internet aparecerá y será característica. Además, le ofrece la posibilidad de realizar ajustes por adelantado dentro del método de diseño.

Para los blogs, querrá tener una publicación equipada para verificar dentro del CMS. Tener un par de publicaciones escritas antes de su lanzamiento seguirá luchando para anotar algo después de la realidad. 

Mantenga su diseño fácil e intuitivo

Ya sea que se trate de escritura, navegación o llamadas a la acción, ninguna persona desea luchar junto con su diseño.

Su técnica de diseño debe basarse en la simplicidad y el orden. Logic tiene que manipular a una persona a través del sitio web en línea con facilidad. Y debido a que me hablamos aproximadamente de aquellos que interactuarán con lo que ha creado, esta es un gran área para presentar UX.

Comprender los fundamentos de la persona disfruta (UX)

Un sitio de Internet es más grande que un simple contenido textual flotante en un área. El esquema de color, el material de contenido, la tipografía, el formato y las imágenes vienen colectivamente para servir a su mercado objetivo y suscitar emoción. Alguien que deambule por el área virtual que ha creado debe tener una dirección limpia libre de obstáculos.

UX convierte la especialidad del know-how en su mercado objetivo. ¿Qué están buscando y de qué manera su diseño facilitará la localización? UX se establece entrando en las cabezas de su mercado objetivo y viendo su diseño a través de sus ojos.

Al construir su primer sitio de Internet, mantenga en mente esos conceptos rectores de UX:

  • Haga las cosas fáciles e intuitivas
  • Comunicar ideas en una sucesión lógica
  • Cumpla los deseos de su mercado objetivo y enfrente la tentación de mostrar sus habilidades sobre el costo de la usabilidad.
  • Conocer aproximadamente su mercado objetivo lo ayudará a crear un diseño que se adapte a sus necesidades y deseos. Consulte nuestro manual para principiantes para estudios de personas para obtener más información sobre la forma de hacer esto.

Comprender los fundamentos de la interfaz de persona (UI)

Si es nuevo en el diseño de Internet, probablemente esté preocupado por la distinción entre UI y UX. La mayoría de la gente lo ha sido. Sepa esto: son ideas increíbles.

Cuando la UX está involucrada con la experiencia general de un diseño, la interfaz de usuario establece los detalles. Si ha estado en un ascensor, la interfaz de usuario será la longitud y la asociación de los botones del suelo, al mismo tiempo que UX podría incorporar los colores, texturas y diferentes selecciones de diseño interior del área del ascensor. La interfaz de usuario está configurada para brindarle a una persona el equipo que desea para disfrutar de su sitio web sin complicaciones. 

Al crear su primer sitio de Internet, conserve esos conceptos de interfaz de usuario en sus pensamientos:

  • La funcionalidad de los factores interactivos debe ser evidente.
  • La uniformidad debe ser usabilidad manual: los movimientos deben cumplir con estilos lógicos
  • Las selecciones de diseño deben realizarse con un propósito claro

Utilice los conceptos de diseño para manual su método de diseño de Internet novato

El diseño efectivo se guía a través de regulaciones seguras y es crucial comprender las habilidades cruciales de diseño de Internet antes de comenzar. Existen prácticas muy extendidas con el propósito de simplificar el método y hacer un último producto más delicado. 

optimización de seo y contenido en la página

disposición

Si necesita diseñar y construir sitios web, el formato deseable de conocimientos es clave. Apoyamos la retención de asuntos mínimos y la ejecución con solo algunos factores para el reconocimiento de la ubicación correcta.

Cuando empiece a diseñar, suponga cuadrículas. Las cuadrículas alinean factores, como bloques div e imágenes en una página web de Internet, de una manera que crea orden. 

La forma de un formato debe cumplir con una jerarquía visible. ¿Cuáles son los pensamientos cruciales que necesitan los seres humanos para mirar y en qué orden? La jerarquía visual desea ceñirse a los habituales estilos de lugar que los seres humanos utilizan mientras analizan. Hay caminos que los ojos de los seres humanos suelen seguir en Internet: la muestra F y la muestra Z. Conocer cómo esos estilos de pinturas le ayudarán a preparar su material de contenido

La muestra F es un lugar más grande y no inusual para diseños con densos bloques de material de contenido. Los ojos de las personas experimentarán la parte izquierda de un formato hasta que los asuntos capten su interés y luego estudien de izquierda a derecha. Imagina buscar a través del menú de un restaurante: puede pasar por alto los formidables nombres de los platos alineados a la izquierda hasta que regrese a algo que lo atrape, de modo que pueda activarlo para estudiar la información de ayuda que explica ese plato en particular.

La mayoría de los seres humanos estudiarán a través de algo como un weblog incluido en esta muestra F. Con contenido textual alineado a la izquierda y oraciones con viñetas, Nelson Abalos aprovecha este enfoque de diseño, haciendo que sus publicaciones sean fáciles de navegar y cumplir.

La muestra Z está relacionada con un diseño de contenido mucho menos textual. Muchas páginas de touchdown están de acuerdo con esta muestra. Todos los factores más importantes de la Conservación Sitio web de la guía online se adhieren a la muestra Z. Si eres un novato en Internet, ese es un truco de formato fácil para mejorar la usabilidad.

Tienes los colores del arco iris y el pasado para ti. Y todos entendemos que "con una energía extremadamente buena viene una responsabilidad extremadamente buena". La energía del selector de color se puede utilizar para lo deseable o para el mal.

Aquí hay un par de tácticas confiables para decidir el esquema de colores para su primer sitio de Internet.

Monocromo

Utilice un color único como base, amplíe la cantidad de saturación, abarque la iluminación y las sombras, y juegue con diversos colores para obtener un esquema de color uniforme. Independientemente de su nicho, un sitio web monocromo en línea es una elección de diseño inteligente. Y considere, cualquier color que elija para el contenido textual, asegúrese de ser considerado con respecto a la claridad.

En este caso de Unique, cada segmento está delineado a través de un esquema de color monocromático. No es necesario que le guste tanto a sus diseños novatos, sin embargo, es genial ver su uso de varias variaciones de color monocromáticas. ¿Observa cómo cada segmento está hecho de colores asociados con las bolsas presentadas? Este es un truco de diseño agradable que crea una combinación de colores armoniosa.

Complementario

Tome tonos que puedan ser contrarios a la rueda de colores e intégrelos. Bastante fácil, ¿verdad?

Usa tonos complementarios con cuidado. En este diseño del sitio de Internet de Ignisis, el pañero usó azul y naranja en extraordinarios combos al lado del espacio en blanco y grises para un formato que de ninguna manera cansa la vista. La evaluación se siente nítida y refrescante.

mejores empresas de construcción de enlaces

La tipografía es una estructura dimensional, basada principalmente en el disfrute y la imaginación, y se guía a través de regulaciones y claridad.

La tipografía informa el tono

Piense en una invitación de matrimonio o un anuncio de funeral. Ambos son sucesos profundos de la existencia: uno, una cómoda fiesta de cumpleaños y la alternativa, en general, más sombría. Donde una tipografía adornada con flores funciona muy bien para un matrimonio, ahora ya no es muy apropiada para un funeral. 

Al diseñar su primera El sitio de internet, preservar el tono en los pensamientos. Si buscas un ambiente alegre, como un weblog de comidas, tejer fuentes divertidas hace que la experiencia. Pero en caso de que esté creando un sitio de Internet para una empresa de regulación, continúe con tipos de letra más expertos.

Serif en lugar de no serif

Un error de lugar no inusual de los diseñadores recientes es combinar fuentes serif y no serif. Puede informarlos a un lado debido al hecho de que los extremos de las letras serif tienen una línea o trazo adicional traído vertical u horizontalmente. 

Las serifas son un artefacto de la época de las imprentas, mientras que la mayoría de las frases que estudiamos han sido publicadas con tinta sobre papel. Frases ancladas con serifas en el página web y los hizo menos complicados de estudiar. En los primeros días de Internet, los diseñadores de Internet evitaron las serifas debido a que la disminución de las resoluciones de la pantalla las diluyó. Ahora que los monitores están mejor optimizados para la tipografía con serifas, han regresado.

Esas pequeñas cepas hacen una gran distinción. Sabrá que el tipo de letra PT Serif anterior se siente más formal y el modelo sans-serif parece más ligero y suelto. 

Dado que las fuentes serif son más complejas, se utilizan de primera clase con moderación. Los encabezados son un área perfecta para fuentes serif y grandes bloques de material de contenido Benefíciese de una fuente más simplificada sin serifas.

Ornamentación en contraposición a la practicidad.

Los bucles y espirales de una fuente florecida cargarán carácter y belleza a un diseño, sin embargo, no use en exceso las fuentes con volantes. Un sitio de Internet está configurado para hablar con un mercado objetivo a través de material de contenido. Como dijo Hermann Zapf, la claridad es una de las características cruciales máximas de una fuente. 

Tecnicismos de tipografía

Hay mucho que estudiar con tipografía. A medida que se desarrolle como diseñador de ropa, querrá comprender una forma de usar la altura de línea, el interletraje y pesos extraordinarios en su tipografía. Pero no se enrede demasiado en modificar todas las complejidades de su primera web sitio web en línea. Concéntrese en asegurarse de que todo sea legible; puede probar el ajuste perfecto de la información más adelante. 

Empiece a diseñar 

Los tutoriales y los estudios son útiles para su masterización, sin embargo, tarde o temprano simplemente querrá profundizar y comenzar a diseñar. Incluso en caso de que cree algo que nadie verá nunca, no obstante, es un problema de entrenamiento solucionar y hacer uso de lo que ha aprendido. No temas si ahora ya no es asombroso. Pero siéntete complacido de cruzar ese umbral de aspirante a confeccionista a ser virtualmente uno: ¡estás a tu manera! 

Algunos otros aspectos del diseño web que incluyen, entre otros, los siguientes:

Completaste tu primer diseño, ¡felicitaciones! Trabajaste duro y estás equipado para revelarlo a la arena. Pero antes de presionar publicar, obtenga un ángulo de puerta sobre lo que hizo.

Recibir quejas optimistas puede resultar incómodo. Crear algo, ya sea un ensayo, una pintura o un El sitio de internet es un acto de vulnerabilidad. Las pertenencias que colocaste en la arena son una extensión de quién eres y en qué tienes éxito. Ser informado de lo que hiciste puede ser más alto o inexacto puede experimentar como un ataque privado.

En el diseño de Internet, los comentarios son una parte ordinaria y esencial del método. Aprenda una manera de diferenciar su ego y separar los comentarios de sí mismo que realmente valen la pena. A medida que se beneficie de disfrutar, será capaz de percibir y hacer cumplir comentarios realistas y beneficiosos y dejar pasar el resto. Descubrirá que los diseñadores más capacitados entienden lo que es ser un novato: están emocionados de tener éxito con otros diseñadores menos capacitados.

Si está diseñando con Webflow, porcentaje de sus pinturas dentro de Webflow Showcase o solicite ayuda dentro del panel de discusión de diseño de Webflow. A medida que desarrolle, deberá publicar en ubicaciones como Dribbble y Behance para tener más ojos en sus pinturas. No es muy fácil que reciba una queja optimista, recibirá comentarios sobre lo que está haciendo bien, lo que continuamente se siente extremadamente bien.

Webflow hace diseño de internet para principiantes prácticos

Atrás quedaron los tiempos de tener que estudiar el complicado código de cierre frontal para construir un sitio de Internet. En el pasado, necesitabas depender de un desarrollador para hacer realidad tus diseños. Hoy en día, puede diseñar, construir y lanzar sitios web complicados en solo unas horas con el uso de Webflow. 

Conocer algunas ideas clave y ser capaz de comprender la distinción entre diseños deseables y horribles le proporcionará la seguridad y la capacidad necesarias para crear su primer sitio de Internet. Webflow lo libera de tener que codificar, abre su ancho de banda innovador y le permite comenzar a diseñar de inmediato.

El primer elemento a tener en cuenta es que tu persona vaya con la deriva o la dirección por la que el turista navegará a través de tu El sitio de internet. Después de todo, el diseño de la página web de Internet no está aumentando aproximadamente un grupo de páginas de hombres o mujeres; es aproximadamente flujos crecientes. Esta dirección es una secuencia de pasos que el turista toma desde el factor de acceso (la página web principal en la que aterriza) hacia el movimiento particular que necesita que tome (generalmente un movimiento de conversión, que incluye señalización, compra, etc. ). Lo siguiente le ayudará a decidir sus flujos personales a medida que diseña su sitio de Internet.

La estructura de la información (IA) es un campo que le permite organizar los hechos de manera real y lógica para los visitantes de su sitio. Los arquitectos de la información examinan cómo los clientes dan forma a los hechos y crean una jerarquía que se alinea con las expectativas de la persona. Una buena IA es el resultado de estudios personales sólidos y de valorarse.

Existen numerosos enfoques para analizar los deseos de una persona. A menudo, un arquitecto de hechos tomará un elemento enérgico en entrevistas en persona, clasificación de tarjetas y verificación de usabilidad moderada en la que observará cómo los seres humanos interactúan con el diseño actual y expresan sus críticas sobre él.

El diseño web es un tema complicado. Los diseñadores y constructores deben tener en cuenta cada aspecto visible (cómo se ve el sitio de Internet) y el diseño con propósito (cómo funciona el sitio de Internet). Con tantos asuntos que desea tener en cuenta, el método de diseño puede ser complicado. Para simplificar la tarea, hemos organizado este manual para usted.

En este manual, reconoceremos los conceptos básicos, la heurística y las tácticas que le ayudarán a crear una experiencia excelente en su sitio web. Comenzaremos con asuntos mundiales, como los flujos de personas (una forma de delinear la forma del sitio web), y luego las pinturas hasta el hombre o página web de mujer (qué tener en cuenta en algún momento de

diseño de página web de Internet). También cubriremos diferentes componentes cruciales del diseño, que incluyen problemas celulares y verificación.

Diseñando los flujos de la persona

El primer elemento a tener en cuenta es el ir con la deriva o la dirección por la que el turista navegará a través de su sitio de Internet. Después de todo, el diseño de la página web de Internet no está aumentando aproximadamente un grupo de páginas de hombres o mujeres; es aproximadamente flujos crecientes. Esta dirección es una secuencia de pasos que el turista toma desde el factor de acceso (la página web principal en la que aterriza) hacia el movimiento particular que necesita que tome (generalmente un movimiento de conversión, que incluye señalización, compra, etc. ). Lo siguiente le ayudará a decidir sus flujos personales a medida que diseña su sitio de Internet.

Algunos visitantes del sitio llegan a un sitio de Internet en busca de un artículo en particular. Dado que comprenden lo que necesitan, es probable que no utilicen las alternativas de navegación para localizarlo. La característica "Buscar" actuará como un atajo en este caso. Los visitantes deben ser capaces de escribir contenido textual en un contenedor de búsqueda, publicar que buscan cuestionar y ubicar el página web están buscando.

Tenga en cuenta esas pocas regulaciones primarias al diseñar el contenedor de caza:

  • Coloque el contenedor de búsqueda en el que los clientes cuenten para localizarlo. El cuadro a continuación, basado principalmente en una mirada a través de A. Dawn Shaikh y Keisi Lenz, sugiere la proximidad anticipada del área de caza de acuerdo con una encuesta de 142 participantes. Han determinado que el mejor lugar posible es el pináculo izquierdo o el pináculo propio de cada página web en un sitio web.
  • De acuerdo con lo que he visto, el pináculo izquierdo o el pináculo propiamente dicho de sus páginas es el área de primera clase para un contenedor de búsqueda. 
  • De acuerdo con lo que he visto, el pináculo izquierdo o el pináculo propiamente dicho de sus páginas es el área de primera clase para un contenedor de búsqueda.
  •  
  • Utilice un icono de lupa para atraer el interés al lugar. El icono de la lupa se ha extendido, lo que significa que la mayoría de los clientes lo conocen. Nielsen Norman Group recomienda el uso de un icono esquemático, el modelo más eficaz de lupa.
  • Dimensione el contenedor de entrada apropiadamente. Hacer el área de entrada demasiado rápido es un error de lugar no inusual. Por supuesto, los clientes pueden hacer preguntas un poco prolongadas directamente en un área rápida, sin embargo, es posible que se vea una parte del contenido textual más útil a la vez, lo que no es extremadamente bueno para la usabilidad. En realidad, mientras que un contenedor de búsqueda es simplemente demasiado rápido, los visitantes del sitio tienden a realizar consultas rápidas y vagas, debido al hecho de que las consultas más largas pueden ser difíciles e inconvenientes de estudiar. Un área de entrada de 27 personas dará cabida al 90% de las consultas.
  • Coloque el contenedor de búsqueda en cada página web. Muestre el contenedor de búsqueda en cada página web para que los clientes puedan acceder a él sin importar dónde se encuentren en el sitio de Internet.

Diseñar páginas de hombre o mujer

Ahora que hemos revisado los fundamentos de que la persona siga la corriente, es hora de descubrir formas de diseñar las páginas de Internet para hombres o mujeres. A continuación, hemos resumido lo importante que debe comprender el diseño de sitios web.

mejores empresas de construcción de enlaces

NÚCLEO DEL DISEÑO WEB

Forma de página

Una página web bien basada ayudará a los visitantes del sitio a localizar los detalles de la interfaz de cada persona. Si bien no existe una reglamentación única que sirva para todos, existen algunas diseño de páginas web consejos que le ayudarán a crear una figura fuerte:

  • Hágalo predecible. Mira tu sitios web de la competencia, percibir estilos de diseño de lugares no inusuales y alinearse con las expectativas de la persona mediante el uso de estilos de diseño que puedan estar familiarizados con su mercado objetivo objetivo.
  • Utilice una cuadrícula de formato. Una cuadrícula de formato divide una página web en las áreas más importantes y define las relaciones entre factores en frases de longitud y posición. Con la ayuda de una cuadrícula, la combinación de elementos extraordinarios de una página web en un formato coherente será mucho menos complicado.
  • Utilice un wireframe de baja constancia para desnacionalizar factores cruciales. Wireframing puede mantener a los diseñadores de Internet varias veces. Antes construyendo la página web con factores reales, cree un wireframe, examínelo y elimine lo que no sea esencial.

Conducta de desplazamiento

Una fantasía constante entre los diseñadores de Internet es que los seres humanos no se desplazan. Para ser claros: todos se desplazan y comienzan a desplazarse casi de inmediato cuando llegan a una nueva página web.

Sabiendo esto, podría mejorar el disfrute de las personas con estas recomendaciones:

  • Anime a los clientes a desplazarse. A pesar de la realidad de que los seres humanos normalmente comienzan a desplazarse tan rápido como la página web cientos, material de contenido en la cima de la página web sigue siendo muy importante. Pon tu máximo contenido convincente en la cima:
  • Un advenimiento deseable. Un advenimiento excelente establece el contexto para el contenido y las soluciones a la pregunta del turista: "¿Qué es esta página web aproximadamente?"
  • Imágenes atractivas. Las buenas imágenes pueden acompañar al contenido textual y ayudar a los visitantes del sitio a comprender mejor el concepto o tema.
  • Orienta a tus clientes. Cuando cree páginas prolongadas, tenga en cuenta que los visitantes del sitio, sin embargo, requieren una experiencia de orientación (en su vecindad actual) y una experiencia de navegación (diferentes caminos viables). Las páginas largas pueden complicar la navegación para los clientes; Si la barra de navegación del pináculo pierde visibilidad mientras la persona se desplaza hacia abajo, tendrá que desplazarse hacia arriba con todos los modales recuperados mientras se encuentra en lo más profundo de la página web. El enfoque aparente de eso es un menú pegajoso que sugiere la vecindad actual y que permanece en la pantalla de visualización en un lugar estable en cualquier momento.
  • Proporcione comentarios visibles mientras carga material de contenido nuevo. Esto es fundamentalmente crucial para las páginas de Internet en las que material de contenido es cientos de forma dinámica, lo que incluye fuentes de información. Debido a que la carga de material de contenido en alguna etapa del desplazamiento tiene que ser rápida (no más de diez segundos), puede usar una animación en bucle para sugerir que el dispositivo se está ejecutando.
  • No se apropie del desplazamiento. El usuario manipula y la libertad son algunas de las heurísticas clave para el diseño de la interfaz de usuario acuñadas a través de Jakob Nielsen. El desplazamiento secuestrado es traumático para la mayoría de los clientes, ya que elimina la manipulación y hace que la conducta del desplazamiento sea impredecible. Cuando diseña un El sitio de internet, permite que la persona manipule su disfrute del surf.

Carga de contenido

Si bien la reacción espontánea es de primera clase, hay ocasiones en que su sitio web querrá más tiempo para proporcionar material de contenido a los visitantes del sitio. Una mala conexión a Internet debería provocar una reacción lenta, o una operación en sí debería tardar un poco más en completarse. Pero independientemente del propósito de dicha conducta, su sitio de Internet debe parecer rápido y sensible. Aquí hay algunos enfoques para aprovechar esto:

  • Hacer una carga normal positiva no lleva mucho tiempo. Nuestro interés por las hierbas puede ser muy bajo. Según los estudios de Nielsen Norman Group, ¡10 segundos es el límite! Cuando los visitantes del sitio necesitan esperar un sitio de Internet para cargar, se enojarán y se irán. Incluso con el indicador de carga máximo diseñado fantásticamente, los clientes, no obstante, se irán si se demora demasiado.
  • Utilice monitores de esqueleto en alguna etapa de la carga. Muchos sitios web usan señales de desarrollo para revelar que los hechos se están cargando. Si bien el objetivo en la parte posterior de un indicador de desarrollo es correcto, debido a que ofrece comentarios visibles, el resultado puede ser malo. Como menciona Luke Wroblewski, “el progreso señala a través de la definición el interés del nombre a la realidad de que una persona desea esperar. Es como mirar el reloj hacia abajo; mientras lo haces, el tiempo parece ir más lento ".
  • Los monitores de esqueleto son una excelente oportunidad para esto. Estas cajas son un modelo brevemente limpio del página web, en el que los hechos se cargan constantemente. En lugar de mostrar un indicador de carga, los diseñadores pueden usar una pantalla esqueleto para reconocer el interés de los clientes en el desarrollo real y crear anticipación para lo que está por venir. Debido a que los hechos se muestran de forma incremental en la pantalla de visualización, parece que las cosas están ocurriendo de inmediato.

Imágenes

A medida que avanza la pronunciación, una fotografía vale más que mil frases. Los seres humanos son criaturas bastante visibles y las imágenes son una forma eficaz de captar el interés de la persona. Una foto de soltero puede ofrecer más al espectador que un bloque de diseño elaborado de contenido textual. Además, las imágenes mueven los límites del idioma de una manera que el contenido textual honestamente no puede.

Los siguientes conceptos le ayudarán a combinar imágenes en su Internet diseño de página web:

Haga que las imágenes positivas sean relevantes. Uno de los mayores riesgos en el diseño son las imágenes que transmiten el mensaje incorrecto. Seleccione imágenes que puedan estar limpias y ayudar a los objetivos de su producto.

Evite las fotografías universales de seres humanos. El uso de rostros humanos en el diseño es una forma poderosa de interactuar con los clientes. Cuando los visitantes del sitio ven rostros de diferentes seres humanos, les hace suponer que hay seres humanos reales en la parte posterior del producto u organización. Pero en un intento de generar confianza, muchos sitios web de empresas se basan en imágenes de inventario universal. Cuando los visitantes del sitio vean fotos no auténticas, comenzarán a dudar de la organización.

Utilice una propiedad asombrosa y no utilice una distorsión. El alto nivel de satisfacción de la propiedad visible en su sitio web puede tener un efecto brillante en el efecto de la persona. Las imágenes pixeladas hacen que los visitantes del sitio duden de la alta satisfacción de su producto, así que asegúrese de verificar los tamaños de decisión para diversas proporciones y dispositivos.

Videos

Con las crecientes velocidades de Internet, las películas son más famosas que nunca, principalmente pensando que amplían el tiempo que pasan en la web. sitios web en línea. Hoy, el video está en todas partes. Lo estamos viendo en nuestros equipos de escritorio, tabletas y teléfonos. Cuando se usa de manera efectiva, el video es uno de los equipos más efectivos que se pueden tener para un atractivo mercado objetivo - transmite mayor emoción y ofrece al ser humano una experiencia para un producto o servicio.

Si necesita aplicar video en su sitio de Internet, tenga en cuenta los siguientes consejos:

  • Configure el audio en "apagado" por defecto, con la opción de mostrarlo. Cuando los clientes llegan a una página web, no cuentan con que reproducirá ningún sonido. Si están en un área pública y ahora ya no llevan auriculares, no admirarán el audio inesperado y repentino. En la mayoría de los casos, los clientes abandonarán el sitio de Internet tan rápido como funciona.
  • Mantenga las películas promocionales lo más rápido posible. Según el análisis realizado por D-Mak Productions, las películas rápidas son más atractivas para la mayor parte de los clientes. Guarde las películas comerciales de la empresa dentro de la variedad de unos pocos minutos.
  • Brinde una forma de oportunidad para obtener admisión al contenido. Siempre intente diseñar su mercancía para clientes con diversas habilidades, que incluyen personas que no pueden escuchar ni ver. Para accesibilidad, incluya subtítulos y una transcripción completa del video.

Botones de llamada a movimiento (CTA)

Las llamadas al movimiento (CTA) son botones que guían a los clientes hacia su propósito de conversión. Todo el factor de un diseño de CTA es dirigir a los visitantes del sitio a un movimiento en particular. Algunos ejemplos de lugares no inusuales de CTA son:

  • "Iniciar una prueba"
  • "Descarga el ee-ebook"
  • "Regístrese para recibir actualizaciones"
  • "Obtenga una consulta"

Tenga en cuenta algunos aspectos al diseñar los botones de llamada a la acción:

  • Tamaño. Tu llamada a la acción tiene que ser lo suficientemente grande como para atraer interés. Un breve vistazo del 5 al 2 le ayudará a decidir la longitud adecuada. Vea una página web de Internet durante 5 segundos y luego enumere los factores que considere. Si la llamada a la acción es una serie de factores, ¡felicidades! Tiene el tamaño adecuado.
  • Prominencia visual. Puede asegurarse de que los botones se destaquen dándoles una mayor prominencia visible. Los tonos contrastantes pintan de primera clase para CTA y sirven para colgar botones.
  • Área negativa. Junto con la longitud y el color, la cantidad de área alrededor de una llamada a la acción desempeña una posición crucial dentro de la jerarquía visible de factores. El área blanca (o mala) crea un espacio de respiración crucial y separa el botón de diferentes factores dentro de la interfaz.
  • Etiquetas. Usar orientado al movimiento contenido textual para las etiquetas de CTA, ya que esto podría obligar a los visitantes del sitio a actuar. Utilice verbos sólidos como "Comenzar", "Obtener" o "Unir".

Papeleo web

Completar el papeleo es una de las formas más importantes de interacción para los clientes en Internet. Los usuarios deben tener la capacidad de terminar el papeleo rápidamente y sin confusiones.

A continuación, se incluyen algunos consejos de diseño que le ayudarán a mejorar el diseño de su forma:

  • Pregúntele a la persona que necesita lo que necesita. Cada área adicional que cargue en una forma afectará su tasa de conversión. Cuanto más pida, menos influenciados estarán los clientes para ofrecer los hechos. Siempre reflexione sobre la consideración de por qué está pidiendo datos seguros a los clientes y la forma en que los utilizará.
  • Ordena la forma de forma lógica. Por ejemplo, solicitar el trato de una persona antes de su llamada puede parecer extraño.
  • Agrupe los campos asociados de forma colectiva. La agrupación crea un paso con la deriva de un conjunto de consultas al siguiente. Agrupar los campos asociados colectivamente permite además que la persona experimente los hechos.

Animación

La animación es cualquier otro dispositivo crucial para una interacción poderosa. Cada vez más diseñadores incorporan la animación como un detalle intencionado para embellecer el disfrute de la persona. Sin embargo, la animación en el diseño puede embellecer a la persona que más disfruta si se incluye en el momento y el área adecuados. La buena animación de la interfaz de usuario tiene un propósito; es muy importante y tiene un propósito.

Aquí hay algunos casos en los que la animación puede embellecer a la persona que disfruta:

  • Comentarios visuales sobre el movimiento de una persona. Un buen diseño de interacción permite comentarios. Los comentarios visuales son útiles cuando desea informar a los clientes acerca del resultado de una operación. Si hay problemas, la animación con un propósito puede ofrecer ese hecho. Por ejemplo, una animación de movimiento puede sugerir que la persona ingresó una contraseña incorrecta.
  • Visibilidad de la reputación del dispositivo. Una de las 10 heurísticas de Jakob Nielsen para la usabilidad, la visibilidad de la reputación del dispositivo sigue siendo uno de los conceptos cruciales máximos en persona diseño de la interfaz. Los usuarios deben comprender su contexto actual en un dispositivo en un momento dado, y un sitio de Internet debe informar a la persona lo que está sucediendo a través de comentarios visibles adecuados. La importación y descarga de datos son operaciones tradicionales en Internet y son candidatos extremadamente buenos para la animación con propósito. Por ejemplo, una barra de carga animada sugiere qué tan rápido va un método y unifica una expectativa de una manera rápida en que ocurrirá el movimiento.

El diseño web es un tema complicado. Los diseñadores y constructores deben tener en cuenta cada aspecto visible (cómo se ve el sitio de Internet) y el diseño con propósito (cómo funciona el sitio de Internet). Con tantos asuntos que desea tener en cuenta, el método de diseño puede ser complicado. Para simplificar la tarea, hemos organizado este manual para usted.

En este manual, reconoceremos los conceptos básicos, la heurística y las tácticas que le ayudarán a crear una experiencia excelente en su sitio web. Comenzaremos con asuntos mundiales, como los flujos de personas (una forma de delinear la forma del sitio web), y luego las pinturas hasta la página web del hombre o la mujer (qué se debe tener en cuenta en algún momento del diseño de la página web de Internet). ). También cubriremos diferentes componentes cruciales del diseño, que incluyen problemas celulares y verificación.

SEO USA

FLUJO DE DISEÑO

DISEÑO DE FLUJO DE USUARIO

El primer elemento a tener en cuenta es el ir con la deriva o la dirección por la que el turista navegará a través de su sitio de Internet. Después de todo, el diseño de la página web de Internet no está aumentando aproximadamente un grupo de páginas de hombres o mujeres; es aproximadamente flujos crecientes. Esta dirección es una secuencia de pasos que el turista toma desde el factor de acceso (la página web principal en la que aterriza) hacia el movimiento particular que necesita que tome (generalmente un movimiento de conversión, que incluye señalización, compra, etc. ). Lo siguiente le ayudará a decidir sus flujos personales a medida que diseña su El sitio de internet.

Estructura de la información

Estructura de la información (IA) es un campo que le permite organizar los hechos de manera real y lógica para los visitantes de su sitio. Los arquitectos de la información examinan cómo los clientes dan forma a los hechos y crean una jerarquía que se alinea con las expectativas de la persona. Una buena IA es el resultado de fuertes estudios personales y de valorarse.

Existen numerosos enfoques para analizar los deseos de una persona. A menudo, un arquitecto de hechos tomará un elemento enérgico en entrevistas en persona, clasificación de tarjetas y verificación de usabilidad moderada en la que observará cómo los seres humanos interactúan con el diseño actual y expresan sus críticas sobre él.

  • La clasificación de tarjetas es un enfoque sencillo que permite a los practicantes de UX comprender cómo se organizan y preparan los clientes material de contenido
  • La clasificación de tarjetas es un enfoque sencillo que permite a los profesionales de UX comprender cómo los clientes organizan y preparan el contenido. El puntaje de crédito de imagen disfruta de UX.
  • IA también se utiliza para delinear la web. sitio web navegación y menús en línea. Cuando los practicantes de UX terminan de ejecutar un menú, utilizan cualquier otro enfoque llamado "comprobación de árbol" para mostrar que funcionará. La verificación del árbol ocurre antes de diseñar la interfaz real.

El registro de árboles es una técnica confiable para determinar si los clientes pueden pintar con la forma propuesta del menú. 

El registro de árboles es una técnica confiable para determinar si los clientes pueden pintar con la forma propuesta del menú. Puntuación de crédito de imagen Nielsen Norman Group.

Navegación global

La navegación es una piedra angular de la usabilidad. Si los visitantes del sitio no pueden navegar por su sitio web, lo más probable es que se vayan. Es por eso que la navegación en su sitio de Internet debe adherirse a tres conceptos:

Sencillez. Su navegación tiene que ayudar a los visitantes del sitio a comprender una forma de moverse en su web sitio web en línea con la menor cantidad de clics viables.

Claridad. No debería haber ninguna conjetura sobre cuál es la forma alternativa de navegación.

Consistencia. El dispositivo de navegación debe ser igual para todas las páginas del sitio de Internet.

Considere algunos asuntos mientras diseñando navegación:

  1. Seleccione una muestra de navegación basada principalmente en los deseos de la persona. La navegación debe adaptarse a los deseos de la mayor parte de los visitantes de su sitio de Internet. Por ejemplo, es mejor mantenerse alejado de la navegación del menú de hamburguesas si la mayor parte de sus clientes no están familiarizados con los medios del icono en sí.
  2. Priorizar alternativas de navegación. Un equipo de diseño deseable priorizará las alternativas de navegación de acuerdo con las tareas habituales de la persona en el lugar, pensando en cada precedencia y frecuencia de las tareas.
  3. Hazlo visto. Minimice la carga cognitiva de la persona haciendo que las alternativas de navegación cruciales se vean por completo. Cuando ocultamos alternativas de navegación, amenazamos con que los visitantes del sitio no podrán localizarlas.
  4. Comunicar la vecindad actual. El no sugerir la vecindad del turista actual no es inusual para crear problemas en muchos sitios web. Si los visitantes del sitio necesitan preguntar, "¿Dónde estoy?", Es una clara indicación de que su navegación desea algunas pinturas. Para sitios web grandes, proporcione señales de vecindad como migas de pan.
  5. El diseño visual y útil de los hipervínculos de Internet.

Los enlaces son un detalle clave en la navegación por Internet. Su diseño visible y útil tiene un efecto instantáneo en la usabilidad. Siga algunas regulaciones con esos factores interactivos:

  • Reconocer la distinción entre interior y exterior. hipervínculos. Los usuarios cuentan con una conducta extraordinaria para los hipervínculos internos y externos. Todos los hipervínculos internos deben abrirse dentro de la pestaña igual para que los visitantes del sitio puedan usar el botón "devuelto".
  • Cambia el color de los hipervínculos visitados. Cuando los hipervínculos visitados no alternan el color, los clientes deben volver a visitar accidentalmente las páginas iguales más de una vez.
  • Realice una doble prueba de todos los hipervínculos. Es irritante llegar a una página web con errores 404. Utilice equipos como Dead Link Checker para localizar los hipervínculos dañados en su sitio de Internet.
  • Botón "Atrás" en un navegador
  • El botón "devuelto" es posiblemente el botón más utilizado dentro del navegador, así que asegúrese de que funcione de manera coherente con las expectativas de la persona. Cuando una persona sigue un hipervínculo en una página web y luego hace clic en el botón "devuelto", esperan volver al mismo lugar en la página web única. Evite las condiciones en las que hacer clic en "regresó" lleva a la persona a la cima de la página web preliminar, en lugar de donde la dejó, principalmente en páginas largas. Perder su lugar obliga a la persona a desplazarse por material de contenido que ya han visto, lo que resulta en un costo de interacción inútil.

Migas de pan

Las migas de pan son hipervínculos contextuales duros y rápidos que se presentan como un recurso útil de navegación en sitios web. Es un esquema de navegación secundario que normalmente sugiere la vecindad de la persona en un sitio de Internet.

Si bien este detalle no requiere una variedad de aclaraciones, vale la pena mencionar algunos asuntos:

  1. No use migas de pan como sustituto de la navegación número uno. Los visitantes deben utilizar el menú principal para navegar; pan rallado tiene que ayudar a los visitantes del sitio en eso. Cuando los visitantes del sitio confían en las migas de pan como una técnica de navegación número uno, en lugar de una característica adicional, es una clara indicación de un mal diseño de navegación.
  2. En el sitio de Internet de Best Buy, las rutas de navegación ayudan a la navegación número uno. 
  3. En el sitio de Internet de Best Buy, las rutas de navegación ayudan a la navegación número uno. Puntuación de crédito de imagen Best Buy.
  4. Separe todos los grados de verdad. Utilice puntas de flecha como separadores, ahora ya no se cortan. Una barra inclinada (/) puede entrar en conflicto sin problemas con las clases de productos en los sitios web de comercio electrónico. Si va a aplicar la barra inclinada, asegúrese de que ninguna clase de producto tenga nunca una barra:
  5. Ejemplo de mala forma de la miga de pan; distinguir entre los rangos extraordinarios de esta ruta de navegación puede resultar difícil para los clientes.
  6. Ejemplo de mala forma de la miga de pan; distinguir entre los rangos extraordinarios de esta ruta de navegación puede resultar difícil para los clientes.
  7. Buscar
  8. Algunos visitantes del sitio llegan a un sitio de Internet en busca de un artículo en particular. Dado que comprenden lo que necesitan, es probable que no utilicen las alternativas de navegación para localizarlo. La característica "Buscar" actuará como un atajo en este caso. Los visitantes deben ser capaces de escribir contenido textual en un contenedor de búsqueda, publicar que buscan cuestionar y ubicar la página web que buscan.

Tenga en cuenta esas pocas regulaciones primarias al diseñar el contenedor de caza:

  • Coloque el contenedor de búsqueda en el que los clientes cuenten para localizarlo. El cuadro a continuación, basado principalmente en una mirada a través de A. Dawn Shaikh y Keisi Lenz, sugiere la proximidad anticipada del área de caza de acuerdo con una encuesta de 142 participantes. Han determinado que el mejor lugar posible es el pináculo izquierdo o el pináculo propio de cada página web en un sitio web.
  • De acuerdo con lo que he visto, el pináculo izquierdo o el pináculo propiamente dicho de sus páginas es el área de primera clase para un contenedor de búsqueda. 
  • De acuerdo con lo que he visto, el pináculo izquierdo o el pináculo propiamente dicho de sus páginas es el área de primera clase para un contenedor de búsqueda. Crédito de la imagen de Erik Moeller.
  • Utilice un icono de lupa para atraer el interés al lugar. El icono de la lupa se ha extendido, lo que significa que la mayoría de los clientes lo conocen. Nielsen Norman Group recomienda el uso de un icono esquemático, el modelo más eficaz de lupa.
  • Para atraer el interés en su barra de búsqueda, use un ícono como una lupa. 
  • Para atraer el interés en su barra de búsqueda, use un ícono como una lupa. Iconos de puntaje de crédito de imagen 8.
  • Dimensione el contenedor de entrada apropiadamente. Hacer el área de entrada demasiado rápido es un error de lugar no inusual. Por supuesto, los clientes pueden hacer preguntas prolongadas en un área rápida, por más práctica que sea una parte del texto. contenido puede verse a la vez, lo que no es muy bueno para la usabilidad. En realidad, mientras que un contenedor de búsqueda es simplemente demasiado rápido, los visitantes del sitio tienden a realizar consultas rápidas y vagas, debido al hecho de que las consultas más largas pueden ser difíciles e inconvenientes de estudiar. Un área de entrada de 27 personas dará cabida al 90% de las consultas.

El enorme contenedor de entrada de Amazon permite a los visitantes del sitio ver su pregunta de búsqueda completa. El crédito de la imagen puntúa en Amazon.

Coloque el contenedor de búsqueda en cada página web. Muestre el contenedor de búsqueda en cada página web para que los clientes puedan acceder a él sin importar en qué lugar se encuentren. El sitio de internet.

Diseñar páginas de hombre o mujer

Ahora que hemos revisado los fundamentos de que la persona siga la corriente, es hora de descubrir formas de diseñar las páginas de Internet para hombres o mujeres. A continuación, hemos resumido lo importante que debe comprender el diseño de sitios web.

Contenido estrategia

Cuando se trata del diseño de una página web de Internet, el elemento más importante es el diseño de los objetivos de la página web. Contenido estrategia—Que se refiere a la planificación, el crecimiento y el manejo del material de contenido de su sitio de Internet— le ayudará con este ejercicio. Cada página web tiene su propósito, que incluye informar a los visitantes del sitio acerca de algo o alentarlos a realizar una conversión. Una vez que comprenda el propósito de la página web, lo más práctico es que averigüe el diseño o escriba el material de contenido.

A continuación, presentamos algunas recomendaciones realistas teniendo en cuenta su estrategia de material de contenido:

Evite la sobrecarga de hechos. Demasiados datos en una página web pueden pesar sin problemas a los visitantes del sitio. Hay algunos enfoques sencillos para limitar la sobrecarga de hechos. Un enfoque de lugar no inusual es el de fragmentación: dividir el contenido en partes más pequeñas para ayudar a los clientes a comprenderlo y mejorarlo. Una forma de caja es un gran ejemplo de esto.

  1. Evite la jerga y las frases específicas de la industria. Cada período o palabra desconocida que se vea en la página web hará que sea mucho más difícil para los visitantes del sitio comprender los hechos. Una suposición segura es anotar todos los rangos de análisis y elegir frases que puedan ser verdaderas y sin problemas comprensibles para todos.
  2. Minimice las oraciones largas. Escriba en segmentos pequeños que se puedan escanear. Según el e-ebook de Robert Gunning "Cómo eliminar la niebla de la escritura comercial", las oraciones deben tener 20 frases o menos.
  3. Evite poner en mayúscula todas las letras. El contenido textual en mayúsculas es ideal para acrónimos y logotipos. Pero es de primera clase mantenerse alejado de las mayúsculas en los párrafos, las etiquetas de forma, los errores y las notificaciones. En su libro electrónico Legibility of Print, Miles Tinker menciona que las mayúsculas reducen drásticamente la velocidad del análisis.
  4. Forma de página
  5. Una página web bien basada ayudará a los visitantes del sitio a localizar los detalles de la interfaz de cada persona. Si bien no existe una normativa única para todos, existen algunos consejos de diseño de sitios web que le ayudarán a crear una forma sólida.

Hágalo predecible. Mire los sitios web de sus competidores, perciba estilos de diseño de lugares no inusuales y alinee con las expectativas de la persona mediante el uso de estilos de diseño que puedan estar familiarizados con su meta mercado objetivo.

Utilice una cuadrícula de formato. Una cuadrícula de formato divide una página web en las áreas más importantes y define las relaciones entre factores en frases de longitud y posición. Con la ayuda de una cuadrícula, la combinación de elementos extraordinarios de una página web en un formato coherente será mucho menos complicado.

  • Una cuadrícula de 12 columnas es adecuada para el diseño de la página web de Internet. Las cuadrículas de formato de Adobe XD ayudan a los diseñadores a crear diseños firmes y preparados para tamaños de pantalla extraordinarios y a controlar las proporciones entre los factores. 
  • Una cuadrícula de 12 columnas es adecuada para el diseño de la página web de Internet. Las cuadrículas de formato de Adobe XD ayudan a los diseñadores a crear diseños firmes y preparados para tamaños de pantalla extraordinarios y a controlar las proporciones entre los factores. Puntuación de crédito de imagen Adobe XD.

Utilice un wireframe de baja constancia para desnacionalizar factores cruciales. Wireframing puede mantener a los diseñadores de Internet varias veces. Antes construyendo la página web con factores reales, cree un wireframe, examínelo y elimine lo que no sea esencial.

Jerarquía visual

Es mucho más probable que las personas experimenten rápidamente con una página web de Internet que estudiar todo allí. Por lo tanto, es un muy buen concepto optimizar el diseño de su página web de Internet para un escaneo instantáneo. Puede ayudar a los visitantes del sitio a localizar lo que buscan con una jerarquía visible muy buena, que se refiere a la asociación o presentación de factores en una página web de Internet de una manera que sugiere su importancia (es decir, en la que sus ojos deben reconocer primero , 2do, etc.). Bueno, la jerarquía visible puede mejorar notablemente la capacidad de escaneo de la página web.

Utilice estilos de escaneo a base de hierbas. Como diseñadores, tenemos una variedad de manipulaciones sobre dónde aparecen los seres humanos mientras ven una página web. La muestra en forma de F y la muestra en forma de Z son estilos de escaneo a base de hierbas que le permitirán establecer la dirección adecuada para los ojos del turista. Para páginas con mucho contenido textual, que incluyen artículos y resultados de búsqueda, la muestra F es más alta, mientras que la muestra Z es adecuada para páginas que no están orientadas al contenido textual.

Priorice visualmente los factores cruciales. Haga factores cruciales, que incluyen claves material de contenido o sus botones número uno de nombre a movimiento, los factores centrales para que los visitantes del sitio los vean de inmediato.

En este caso, sobresale el nombre de la moción “Elija un plan”.

En este caso, sobresale el nombre de la moción “Elija un plan”. Puntuación de crédito de imagen MailChimp.

Cree maquetas para aclarar la jerarquía visible. Las maquetas son artefactos de diseño de alta constancia que permiten a los diseñadores observar cómo se verá el último formato. Reorganizar los factores en un dispositivo de diseño de Internet es mucho menos complicado que hacerlo con código.

Una fantasía constante entre los diseñadores de Internet es que los seres humanos no se desplazan. Para ser claros: todos se desplazan y comienzan a desplazarse casi de inmediato cuando llegan a una nueva página web.

Sabiendo esto, podría mejorar el disfrute de las personas con estas recomendaciones:

  • Anime a los clientes a desplazarse. A pesar de la realidad de que los seres humanos normalmente comienzan a desplazarse tan rápido como la página web cientos, material de contenido en la cima de la página web sigue siendo muy importante. Pon tu máximo contenido convincente en la cima:
  • Un advenimiento deseable. Un advenimiento excelente establece el contexto para el contenido y las soluciones a la pregunta del turista: "¿Qué es esta página web aproximadamente?"
  • Imágenes atractivas. Las buenas imágenes pueden acompañar al contenido textual y ayudar a los visitantes del sitio a comprender mejor el concepto o tema.

En este caso, Tesla hace uso de imágenes efectivas para revelar las ventajas y funciones del Model X. Puntaje de crédito de imagen de Tesla.

Orienta a tus clientes. Cuando cree páginas prolongadas, tenga en cuenta que los visitantes del sitio, sin embargo, requieren una experiencia de orientación (en su vecindad actual) y una experiencia de navegación (diferentes caminos viables). Las páginas largas pueden complicar la navegación para los clientes; Si la barra de navegación del pináculo pierde visibilidad mientras la persona se desplaza hacia abajo, tendrá que desplazarse hacia arriba con todos los modales recuperados mientras se encuentra en lo más profundo de la página web. El enfoque aparente de eso es un menú pegajoso que sugiere la vecindad actual y que permanece en la pantalla de visualización en un lugar estable en cualquier momento.

Mientras reflexiona sobre la consideración de una forma de diseñar una página web de Internet de una manera que minimice el costo de interacción entre personas, una respuesta es aplicar la navegación adhesiva activada por desplazamiento. Puntaje de crédito de imagen Zenman.

Proporcione comentarios visibles mientras carga nuevos material de contenido. Esto es principalmente crucial para las páginas de Internet en las que el material de contenido es cientos de forma dinámica, lo que incluye fuentes de información. Debido a que la carga de material de contenido en algún momento del desplazamiento tiene que ser rápida (no más de diez segundos), puede usar una animación en bucle para sugerir que el dispositivo se está ejecutando.

Una animación sutil (que incluye el indicador de carga de Tumblr) le dice a la persona que se está cargando mayor contenido. 

La animación sutil (que incluye el indicador de carga de Tumblr) le dice a la persona que se está cargando mayor contenido. Puntuación de crédito de imagen Tumblr.

No se apropie del desplazamiento. El usuario manipula y la libertad son algunas de las heurísticas clave para Diseño de la interfaz de usuario acuñado a través de Jakob Nielsen. El desplazamiento secuestrado es traumático para la mayoría de los clientes, ya que elimina la manipulación y hace que la conducta del desplazamiento sea impredecible. Cuando diseñe un sitio de Internet, permita que la persona manipule su experiencia de navegación.

La página web de registro de Tumblr utiliza el secuestro de desplazamiento, que no es una experiencia perfecta para la persona. 

Registro de Tumblr la página web hace uso del secuestro de desplazamiento, que no es una persona perfecta para disfrutar. Puntaje de crédito de imagen Tumblr.

Carga de contenido

Si bien la reacción espontánea es de primera clase, hay ocasiones en que su sitio web necesitará más tiempo para proporcionar material de contenido a los visitantes del sitio. Una mala conexión a Internet debería provocar una reacción lenta, o una operación en sí debería tardar un poco más en completarse. Pero independientemente del propósito de dicha conducta, su sitio de Internet debe parecer rápido y sensible. Aquí hay algunos enfoques para aprovechar esto:

  • Hacer una carga normal positiva no lleva mucho tiempo. Nuestro interés por las hierbas puede ser muy bajo. Según los estudios de Nielsen Norman Group, ¡10 segundos es el límite! Cuando los visitantes del sitio necesitan esperar una El sitio de internet para cargar, crecerán para enfadarse y partir. Incluso con el indicador de carga máximo de diseño fantástico, los clientes se irán si se demora demasiado.
  • Utilice monitores de esqueleto en alguna etapa de la carga. Muchos sitios web usan señales de desarrollo para revelar que los hechos se están cargando. Si bien el objetivo en la parte posterior de un indicador de desarrollo es correcto, debido a que ofrece comentarios visibles, el resultado puede ser malo. Como menciona Luke Wroblewski, “el progreso señala a través de la definición el interés del nombre a la realidad de que una persona desea esperar. Es como mirar el reloj hacia abajo; mientras lo haces, el tiempo parece ir más lento ".
  • Los monitores de esqueleto son una excelente oportunidad para esto. Estas cajas son un modelo brevemente limpio del página web, en el que los hechos se cargan constantemente. En lugar de mostrar un indicador de carga, los diseñadores pueden usar una pantalla esqueleto para reconocer el interés de los clientes en el desarrollo real y crear anticipación para lo que está por venir. Debido a que los hechos se muestran de forma incremental en la pantalla de visualización, parece que las cosas están ocurriendo de inmediato.

Facebook utiliza monitores de esqueleto para completar la interfaz de usuario como material de contenido cientos de forma incremental. 

Facebook hace uso de monitores de esqueleto para completar la interfaz de usuario como material de contenido cientos de manera incremental. Imagen puntaje de crédito Facebook.

mejores empresas de construcción de enlaces

CONSEJOS DE DISEÑO WEB

Botones

Los botones son factores interactivos de la interfaz de usuario que juegan un papel clave en la conversación con la deriva. Vale la pena tomar nota de esas prácticas primarias de primera clase para botones:

  1. Asegúrese de que los factores en los que se puede hacer clic aparezcan virtualmente en los que se puede hacer clic. La forma en que parece un artículo les dice a los clientes una forma de usarlo. Factores visuales que parecen hipervínculos o los botones, pero no se puede hacer clic, que incluyen frases subrayadas que no son hipervínculos o elementos que tienen una herencia cuadrada pero que no son botones, pueden confundir a los clientes sin problemas.
  2. Etiquete los botones de acuerdo con lo que hacen. La etiqueta en cualquier detalle de la interfaz procesable debe vincularse continuamente a lo que hará por la persona. Las etiquetas descriptivas pueden ayudar con esto: los clientes se sentirán más cómodos si perciben el movimiento que hace un botón. Etiquetas vagas que incluyen "Enviar”O etiquetas de resumen como en el ejemplo siguiente no ofrecen datos suficientes sobre la moción.
  3. Un principio rector del diseño de un sitio web deseable es estar limpio junto con su botón de contenido textual para que los clientes comprendan lo que hace el detalle de la interfaz. 
  4. Un deseable diseño de páginas web El principio rector es estar limpio junto con el contenido textual de su botón para que los clientes comprendan lo que hace el detalle de la interfaz. Puntaje de crédito de imagen Asuntos de UX.
  5. Diseñe botones de forma coherente. Los usuarios consideran la información, ya sea consciente o inconscientemente o ya no. Al navegar por un sitio de Internet, acompañarán el formulario de un detalle seleccionado con la funcionalidad de un botón. Por lo tanto, la consistencia visible ya no contribuirá más a un diseño de búsqueda extremadamente bueno; sin embargo, incluso puede hacer que la conducta del detalle sea más predecible para los visitantes del sitio. La foto de abajo ilustra este factor a la perfección. El uso de 3 formas de botón extraordinarias dejará a su persona preocupada.
  6. Al diseñar botones, la coherencia da como resultado una mayor usabilidad. 
  7. Al diseñar botones, la coherencia da como resultado una mayor usabilidad. 
las mejores agencias de seo del mundo

CONCLUSIÓN

Por supuesto, esas recomendaciones de diseño de Internet son solo el comienzo. Mezcle y dé forma a esos pensamientos junto con los suyos para obtener resultados de primera clase. Trate su sitio de Internet como una tarea en constante evolución y utilice análisis y comentarios personales para mejorar continuamente el disfrute. Y tenga en cuenta que el diseño no es solo para diseñadores, es para clientes.

Compartir en facebook
Facebook
Compartir en twitter
Twitter
Compartir en linkedin
LinkedIn
Compartir en Reddit
Reddit
Compartir en tumblr
tumblr

Comparte tus pensamientos...