¿Cuáles son los errores comunes en el diseño de sitios web?

La parte crucial de un buen negocio es tener un sitio web alucinante y sin errores. El sitio web libre de errores puede ayudarlo a impulsar su negocio y duplicar su tráfico, pero si ha habido pequeños errores en los sitios web, puede ser costoso. Rediseñar ese sitio web se ha convertido en la tarea más tediosa. Rediseñar el sitio web lleva mucho tiempo y también necesita más dinero para eso. Por lo tanto, es mejor desarrollar un gran sitio web que esté libre de errores.

Los desarrolladores están cometiendo este tipo de errores comunes y esos errores recaen en gran medida sobre el empresario. Por lo tanto, no hay mejor momento para echar un vistazo a su sitio web que en este momento. Según yo, estos siguientes errores pueden ser muy frustrantes tanto para el usuario como para el propietario del sitio web:

El diseño web y el diseño es el encanto del sitio web. Los desarrolladores no le dan tanta prioridad al diseño de una parte del sitio web y eso crea problemas en el futuro. Siempre debe tener en cuenta una jerarquía clara de su diseño y no colocar a los usuarios en una posición confusa cuando no saben dónde buscar primero.

  • Diseño de logo

El logotipo es el corazón de cualquier sitio web. El logotipo también es la identidad de la marca. Sí, eso es verdad. Su logotipo permanece en la mente de las personas durante años. Pero algunas compañías lo toman a la ligera y no se centran en el diseño adecuado del logotipo. Un buen logotipo es el símbolo de sentirse orgulloso. Si todavía no lo tomas en serio, entonces lo lamentas por detrás. Pero no cometas estos 10 errores cruciales al crear un logotipo.

  • Demasiados colores

“La poesía puede hacer que la gente se desmaye, y una imagen impactante puede enfurecer a la gente a la acción. Pero una de las formas menos conocidas, pero no menos poderosas, de invocar la emoción son los colores simples y cotidianos ”.

Cada color provoca una respuesta emocional diferente y única en el espectador, pero algunos diseñadores usan demasiados colores en los sitios web, lo que afectará el aspecto del sitio web. Hay muchas herramientas en línea que lo ayudarán a elegir la combinación óptima de colores. Así que usa ese conocimiento en lugar de hacer tu propia elección. Y el diseñador web inteligente sabrá el efecto de cada color, además de cómo y cuándo usar cada uno.

  • Solo texto: sin opción para alternativas

Estos errores hacen que su sitio web sea demasiado aburrido para que a nadie le guste volver a visitarlo. Sí, los desarrolladores cometen este error tonto. Son solo escribir texto en sus sitios. Y solo el texto no funciona para ningún sitio web. Haga que su sitio web sea visualmente efectivo tanto para que el visitante no quiera ir a ningún lado. Agregue videos, imágenes o controles deslizantes en el sitio web que aumentarán el aspecto de su sitio web. Con estas alternativas puede hacer que su sitio web sea atractivo.

  • SEO incorrecto o faltante

No existe una fórmula mágica para obtener altas clasificaciones en los motores de búsqueda. Todos podemos estar de acuerdo en que los mejores sitios web están diseñados tanto para usuarios como para motores de búsqueda, ¿verdad? Algunos desarrolladores aún no le dan prioridad al SEO. El SEO incorrecto y faltante no funciona bien con el sitio web. Puede utilizar una combinación de palabras clave, meta descripciones, etiquetas de título y montones de buenos enlaces. Algunos otros errores del sitio web también perjudican al SEO.

  • No hay llamada a la acción.

Sin llamadas a la acción o uso indebido de ellos. Cada sitio web se crea con un determinado propósito. Por lo tanto, si no hay un llamado a la acción claro en la página, sus posibilidades de llegar a lo más alto son insuperables. Así que ponga un botón de llamada a la acción en el sitio web y llegue a más público.

  • Navegación inútil

Es una buena práctica hacer que su sitio web sea fluido. Pero a veces los desarrolladores hacen que la navegación de su sitio web sea tan mala que los usuarios confunden a dónde ir. Están buscando otras cosas, no pudieron encontrarlas correctamente en el sitio web y a veces llegan a otros lugares. Por lo tanto, sería genial que el sitio web navegara con fluidez.

  • Diferente resolución de pantalla

Supongamos que los desarrolladores no cometen los errores tontos anteriores, pero si no desarrollan el sitio web con una plataforma independiente y con diferentes tamaños de resolución de pantalla, entonces no vale la pena para su negocio. Así que asegúrese de que su sitio web debe tener diferentes conceptos de resolución de pantalla.

La guía principal de errores de desarrollo web es el recordatorio de que siempre debe tener cuidado con estos errores o estar preparado para lidiar con una larga lista.

Todo el mundo quiere un sitio que se vea bien, funcione bien o que ayude a implementar una buena estrategia y obtener más beneficios para las empresas.

Sin considerar la accesibilidad .

Es el error más grande y consistente que veo en todos los sitios web: diseños que son difíciles de usar para personas con discapacidades. O diseños que son simplemente difíciles para casi todos , pero especialmente para las personas que dependen de tecnologías de asistencia.

Ahora, para ser justos, la accesibilidad perfecta sigue siendo difícil. Los estándares son complejos y no siempre están bien definidos, y las herramientas prácticas utilizadas por personas reales no siempre son compatibles. Recientemente hubo una gran discusión sobre esto en Hacker News:

Una cosa que me frustra significativamente sobre la accesibilidad y la tecnología de asistencia (al menos específicamente para la web) es la falta de coherencia en la implementación de los estándares.

La broma en mi lugar de trabajo es “arreglar JAWS, romper VoiceOver; arreglar VoiceOver, romper NVDA”, etc. Sin embargo, no es el tipo de cosa que quieres dejar porque no muchas personas tendrán la oportunidad de cambiar a otro dispositivo / lector para ver si el sitio funciona allí. Tampoco deberían tener que hacerlo.

(Comentario de Andrew Stuart, ingeniero senior de UX en Unicon).

Pero eso no es de lo que estoy hablando. Estoy hablando de cosas realmente básicas que están en mal estado, ya sea por consideraciones estéticas o porque los diseñadores tratan de ser elegantes sin adherirse a los estándares web.

Esto no está probando para múltiples lectores de pantalla, solo está siguiendo algunas pautas de diseño simples, pautas que también hacen que el sitio sea más útil para los visitantes normales .

Aquí hay algunos problemas comunes que he visto:

  • texto de bajo contraste : existen estándares simples para el mínimo contraste necesario para que el texto sea legible, con muchos correctores automáticos. Arruinar esto dificulta la vida de todos sin una vista perfecta, una iluminación excelente y una buena pantalla, pero es especialmente difícil para las personas con visión limitada.

    Además, probablemente podría agrandar su texto de forma predeterminada.

  • orden de tabulación incorrecto : es importante el orden en que las personas recorren los enlaces y controles de su sitio. Puede escribir HTML simple de forma lógica para que el orden de tabulación predeterminado funcione correctamente o especificar un orden de tabulación personalizado si eso no funciona.

    Un antipatrón específico que debe evitarse es la “trampa del teclado”: un elemento al que puede navegar con el teclado, pero no puede salir sin hacer clic.

  • sin alternativas de texto : debe proporcionar alternativas de texto a elementos visuales / de audio en su sitio. El ejemplo más simple es proporcionar etiquetas alt para imágenes, especialmente si las imágenes contienen texto. (¡Lo cual, por cierto, me gustaría que Quora apoyara en las publicaciones!)

    Debe prestar especial atención a los elementos interactivos, especialmente a los CAPTCHA que evitarían que las personas usen su sitio.

Puede obtener una sorprendente cantidad de accesibilidad con relativamente poco esfuerzo: escriba HTML que cumpla con los estándares, no confíe demasiado en JavaScript y brinde soporte básico como etiquetas alt para imágenes.

La mejor parte es que todo esto hace que su sitio sea mejor para todos .

Si desea obtener más información sobre las prácticas básicas de accesibilidad para la web, consulte las Pautas de accesibilidad al contenido web publicadas por el W3C y especialmente su Guía de referencia rápida.

Estoy de acuerdo con la respuesta de Ayush, pero decidí ofrecer una respuesta más pragmática a esta pregunta. Para hacerlo, miré muchos diseños web de aficionados e intenté encontrar errores comunes que cometen los diseñadores.

Lancé los resultados en esta publicación:

Mal diseño del sitio web: ¿cuántos de estos errores está cometiendo?

Aquí hay una versión más corta si solo quieres la “carne”:

1. Aburrido botón de llamada a la acción

El botón de llamada a la acción poco claro dañará sus conversiones. En el ejemplo anterior, no está claro si debemos registrarnos o descargar la aplicación. Ambos botones no son muy notables.

2. Sin conexión “Logo – Sitio web”

Muchos empresarios simplemente usan una plantilla HTML gratuita y le pegan un logotipo. Esto hace que el diseño se vea divertido porque normalmente es muy inconsistente.

3. inconsistencia

El ejemplo anterior es bueno: tiene la combinación memorable de amarillo y negro que también se usa en sus cuentas de redes sociales.

4. Demasiadas fuentes

Microconf utiliza múltiples variaciones de fuente, que a menudo se ve poco profesional.

5. colores al azar

No es suficiente usar un tono rojo “lo suficientemente cerca”. ¡Solo usa el selector de color!

6. El espacio falla

El espacio es realmente difícil de clavar en el diseño. Este es probablemente el error más común que he visto en sitios web de aficionados, y hace una gran diferencia.

7. Cheesy Fotos De Archivo

Las fotos de archivo pueden ser baratas y fáciles de usar, pero a menudo se reemplazan mejor con imágenes significativas.

11. Sin jerarquía

La jerarquía ayudará a que su sitio web se vea más profesional y guiará la atención de sus visitantes a lo largo de la página. Es un principio difícil de alcanzar del que carecen muchos diseños de sitios web.

—-

Vea 5 errores más comunes, más consejos y ejemplos en la publicación de origen:

Mal diseño del sitio web: ¿cuántos de estos errores está cometiendo?

Aquí hay muchas buenas respuestas, pero veo un error crítico una y otra vez que no se ha mencionado. Comience con el contenido y ejercítese. Con demasiada frecuencia, los proyectos web comienzan como wireframes o composiciones de Photoshop. Muy raramente comienzan con contenido.

El contenido es la experiencia cuando todo está dicho y hecho. Es contenido que satisfará las necesidades de los visitantes o les hará sentir que malgastaron su tiempo en su sitio. La elegante interfaz de usuario, las imágenes de fondo de sangrado completo y todo lo demás deberían funcionar como facilitadores para llevar al visitante al contenido.

El contenido informa los diseños, y es por eso que las personas visitan su sitio. Comience con contenido que le interese a la gente, no pierda el tiempo de su visitante puliendo contenido malo. Al final, el visitante no recordará su interfaz de usuario ni nada más sobre su diseño si su contenido no los ayuda a lograr cualquier objetivo que los haya llevado a su sitio en primer lugar.

Después del contenido , observe el contexto, las limitaciones y las capacidades que enfrenta el visitante. Siguiente diseño y desarrollo con mejoras progresivas en mente para mantener la accesibilidad. Por último, adaptarse según sea necesario. la experiencia no necesita ser idéntica en todos los dispositivos, pero debe ser predecible. Favorecer predecible sobre consistente (que a menudo se malinterpreta como idéntico).

Muchos comentarios geniales aquí. Después de trabajar con la capacitación de nuevos diseñadores y ver errores comunes, considere lo siguiente:

  1. No hacer que lo principal sea lo principal. Si la mayoría de los visitantes de su sitio necesitan comprender o hacer una cosa, aclare maravillosamente cómo hacerlo. Considere no proporcionar navegación para hacer una cosa , sino que coloque la única cosa en la página de destino.
  2. No honrar al usuario. Como contrapartida del punto anterior, si su usuario es un experto, diseñe una página para ellos que mantenga cantidades aplicables (a veces grandes) de información en ubicaciones predecibles, organizadas y agradables.
  3. Olvidando la importancia de la belleza. Como Leo Tolstoi bromeó: “Qué extraña ilusión es suponer que la belleza es bondad”. Pero es verdad. La belleza se percibe como bondad y, a medida que crea un sitio agradable, sus visitantes son más pacientes y abiertos a la educación.
  4. Usar fotos sonrientes que tengan poco que ver con tu oferta. Como complemento al punto 3, cuanto antes pueda mostrar que su servicio o producto es útil para alguien, el
  5. Color. Pocos elementos de diseño pueden estar más fuera de lugar con esa mala teoría del color. He disfrutado este libro de iPad sobre teoría del color.
  6. Forzar el color de la marca sobre el color interactivo. Por ejemplo, el hecho de que los colores de su marca sean rojos, blancos y negros no significa que todos sus botones tengan que ser rojos. Haga que el color ayude y guíe al visitante. Asegúrese de que, mientras desarrolla y diseña una paleta de colores de la guía de estilo, incluya combinaciones de colores interactivas que refuercen los colores de la marca pero que sigan siendo útiles para el usuario.
  7. Asumiendo que el cliente quiere algo feo. A veces los clientes quieren hacer cambios y pueden parecer una mala idea para un diseñador. No asuma que están poniendo en peligro la integridad visual. De hecho, si ha seleccionado bien a sus clientes, suponga que tienen un gran conocimiento de la industria que puede utilizar para hacer un gran diseño que sea hermoso y útil para todos los involucrados. Los malos diseñadores web hacen excusas. Los grandes diseñadores web encuentran formas de crear grandeza y lograr objetivos comerciales.

Todos definitivamente estarán de acuerdo en que los mejores sitios web son la base tanto para la participación del usuario como para la clasificación en los motores de búsqueda. Significa que uno nunca debe sacrificar la belleza por la función o viceversa.

Falta de etiquetas H1

Un sitio web de negocios puede diseñarse de manera perfecta con un fondo agradable, con un diseño hermoso de una fuente y una combinación de colores bien combinada. El sitio web diseñado se ve increíble y capta la atención de los visitantes en la mejor forma.

El error más común que hacen los expertos del proveedor de servicios de diseño web es eliminar la etiqueta H1, ya que no hay lugar disponible en la página.

La etiqueta H1 se puede considerar como uno de los primeros rastreadores de motores de búsqueda que buscan determinar de qué se trata el contenido de la página.

Grandes imágenes y archivos multimedia.

Tener imágenes adecuadas, efectivas y hermosas se ven increíbles. Pero el dueño de un negocio o un empresario debe tener cuidado con el tamaño de los archivos multimedia. La inclusión de imágenes, fotos y videos de gran tamaño puede afectar negativamente la velocidad del sitio, lo que en su lugar puede dar lugar a rangos más bajos de la página web de la empresa. Google generalmente recompensa las páginas que tienen una velocidad y carga adecuadas de una manera rápida y fácil. Con la asistencia de servicios profesionales de SEO, un emprendedor definitivamente puede diseñar el sitio web de negocios de una manera perfecta. Lee mas..

Gran cantidad de ventanas emergentes

En los últimos tiempos, Google ha advertido a los sitios web que eliminen el uso de intersticiales y ventanas emergentes intrusivas.

Con la ayuda de los expertos de la empresa proveedora de servicios de diseño web, se puede diseñar perfectamente el sitio web de una empresa, cumpliendo con las necesidades y requisitos básicos de la empresa. El diseño de un sitio web que sigue las reglas y regulaciones permite que una empresa obtenga la visibilidad adecuada y obtenga buenos puntajes para uno.

Inclusión de texto en imágenes.

A veces, se ven vívidamente un tipo de acciones incorrectas. En lugar de incluir una capa de texto sobre la de la imagen, muchos diseñadores de sitios web simplemente incluyen texto en una imagen. Puede tener un efecto negativo en un negocio ya que los motores de búsqueda no pueden ver o verificar imágenes como la gente común puede hacer.

Uno de los principales factores que deben verificarse adecuadamente, para que un sitio web diseñado sea móvil.

Scroll infinito

Este tipo de técnica popular de diseño web puede afectar el rendimiento del SEO cuando tales funciones se llevan a cabo de manera incorrecta. La inclusión de desplazamiento infinito carga más y más contenido a medida que el usuario llega al final de la página. Si la paginación no está diseñada y configurada correctamente, los motores de búsqueda no podrán rastrear las páginas fácilmente.

Contenido delgado

Las páginas de servicios y productos pueden considerarse la página más importante y crucial para un sitio web. Algunos de los principales errores asociados con el contenido delgado son:

No tener una página diseñada para el servicio / producto: no tener ese tipo de páginas diseñadas en el sitio web, puede provocar funciones defectuosas y también eliminar el rango para uno mismo.

La mejor práctica de SEO puede ser: la mejor y más apropiada idea es tener una palabra clave por página. Tener una palabra clave por página permitirá que el motor de búsqueda apunte a la palabra clave de una manera perfecta y la clasifique, mientras que la misma se busca en varios navegadores. Una vez que se incluyen múltiples productos y servicios en una sola página, se vuelve realmente confuso para uno y el sitio web diseñado para un negocio puede perder su rango.

Texto e imágenes adecuados en la página de productos y servicios: después de que una página para un negocio se diseñe de manera adecuada, debe incluirse el texto apropiado para que pueda llamar la atención de los visitantes en poco tiempo. Los expertos de servicios profesionales de SEO que brindan a la compañía saben la importancia de tener contenido para una página y, por lo tanto, pueden ayudar a la página web de negocios a tener los contenidos adecuados para las páginas que tiene un sitio web.

Si desea saber más sobre este tema, le sugiero que visite: Errores comunes de diseño web que perjudican al SEO. Aquí obtienes mucha más información detallada que definitivamente te será útil.

6 Bloopers de comercio electrónico que podrías estar haciendo accidentalmente

Abrir una tienda en línea nunca fue tan fácil como lo es hoy. Con demasiadas plataformas eficientes y personalizables disponibles, no hay necesidad de acercarse a una línea de código. Sin embargo, esto no significa relajarse descuidadamente y pensar que puede hacerlo grande sin esfuerzo. Hay ciertos detalles que pueden dañar el negocio en línea si no se atienden.

No importa si está entrando en el mundo del comercio electrónico o planea actualizar su tienda actual, mantener la distancia desde abajo dado los 6 escollos definitivamente lo llevará al camino del éxito.

1. Descripciones de productos pobres

Las descripciones de los productos mantienen el juego en el camino correcto. Además de agregar contenido valioso y palabras clave de tendencia al sitio, ayudan a los clientes a tener una idea clara de lo que están comprando. Nunca debe olvidar que los clientes no pueden recoger ni tomar el producto en sus manos de su sitio. Esta misma razón deja la parte convincente en la descripción del producto y las imágenes.

Asegúrese de que la descripción sea informativa, atractiva y lo suficientemente atractiva como para facilitar la comprensión de los beneficios del producto.

¿Algo más? Bueno, mantenga la longitud de la descripción ni muy larga ni muy corta.

2. Imágenes escasa

Las imágenes hablan y valen más que mil palabras. Son lo único que los clientes ven primero, por eso las imágenes de alta calidad que son atractivas y bien enmarcadas son la clave para que el comprador pague por el producto.

Las imágenes demasiado pequeñas apagan a los clientes, ya que dificultan el examen adecuado del producto. Para impresionar a los compradores, muestre imágenes grandes e incluya una función de zoom para ayudar a las personas a ampliar las imágenes. También puede tomar alrededor de 4 imágenes en las que se hace clic desde diferentes ángulos.

3. Proceso de pago complicado

Sea un poco descuidado y este aspecto en particular dañará su sitio de la peor manera posible. Los compradores en línea son impacientes e involucran demasiados pasos, como completar el formulario, volver a confirmar los productos, si desea algo más, etc., obligarlos a abandonar el sitio web.

El mejor proceso de pago es el que requiere un esfuerzo mínimo. Un buen enfoque es tener una sola página combinada con toda la información de facturación y entrega agregada. Debe ir seguido de un botón de “realizar mi pedido”. Al hablar sobre los clientes que regresan, deles la opción de usar los mismos detalles que ingresaron la última vez.

4. Plataforma de comercio electrónico incorrecta

Elegir la plataforma de comercio electrónico adecuada para sus necesidades es muy importante. Debe tener claro la funcionalidad que desea, las características y la integración que necesita y cómo desea que se vea la tienda. El proceso de pago debe ser intuitivo y debe funcionar sin problemas en todos los dispositivos. Investigar y leer reseñas sobre varias opciones es una forma inteligente. Afortunadamente, algunas plataformas de comercio electrónico ofrecen juicios gratuitos que ayudan a juzgar si el servicio es adecuado o no.

5. No utilizar las redes sociales.

Las plataformas de redes sociales como Facebook, Instagram y Twitter son el requisito clave de marketing para los sitios de comercio electrónico. Son los peldaños para mejorar el compromiso del cliente, agregar personalidad al negocio y hacer que la marca sea más accesible. Interactuar con clientes y seguidores también es beneficioso para una amplia visibilidad.

No abrazar las redes sociales significa perder una oportunidad masiva para atraer audiencia. Las plataformas como Instagram y Pinterest son lugares maravillosos para mostrar imágenes de sus productos similares a un catálogo en línea. Aproveche al máximo estos canales y no olvide incluir botones para compartir en todo el sitio web, especialmente en las páginas de productos.

6. Abstenerse de SEO (Search Engine Optimization)

El SEO tarda un tiempo en producir los resultados esperados porque las arañas de Google tardan un poco en llegar y encontrarte. Sin embargo, debe tomarse como una estrategia a largo plazo. Cuando se hace de la manera correcta, el SEO demuestra ser una de las formas más fructíferas de atraer tráfico al sitio cuando las personas buscan los productos que vende.

Lo importante es entender que el SEO ya no se trata de sobrecargar las palabras clave. Cómo se construye el sitio, cómo se comportan los usuarios en él, si el contenido proporcionado es escaneable o no, etc. son los factores que actúan como pilar de la optimización de motores de búsqueda. La forma en que otros sitios web confían en usted y se vinculan con usted es muy importante. Por lo tanto, asegúrese de optimizar su tienda para SEO y sin duda pagará dividendos en el futuro.

Lo escencial

No piense que administrar una tienda en línea popular es fácil, ya que hay muchas cosas que considerar. Ya sea en cualquier tienda, nunca puede ser perfecto cuando se lanza en vivo la primera vez. Lo que hay que hacer es hacer ajustes que mejoren la calidad y la usabilidad en el camino. Implemente estos consejos útiles y pronto notará una diferencia positiva.

Fuente: 6 bloopers de comercio electrónico que podrías estar haciendo accidentalmente

Aquí hay algunos errores comunes que destaqué en un blog reciente 7 errores de diseño web que las empresas continuamente cometen y cómo evitarlos

1. Imágenes desordenadas
Con su sitio web actuando como su principal herramienta de marca, escaparate, taller y punto de contacto para clientes, clientes y socios, hay muchas bases que cubrir. Esto puede provocar una sobrecarga de información y páginas desordenadas. Una buena regla a seguir cuando se trata de un diseño limpio y claro es la Regla de 5 puntos establecida por Marissa Mayer, ex directora ejecutiva de Yahoo y uno de los jugadores clave en el desarrollo temprano de Google. Esto se deriva de su práctica de pedirle a sus diseñadores que cuenten cada fuente, tamaño de fuente y color diferentes en una página. Si el recuento aumentó por encima de 5, la página estaba demasiado abarrotada.

2. Marca inconsistente
El otro aspecto clave de las imágenes de su sitio web es que se relacionan con el resto de su marca. Los consumidores no logran distinguir cada vez más entre las ofertas dentro y fuera de línea, y su sitio web representa una oportunidad clave para subrayar el mensaje más amplio de su marca. Al hacer una copia de seguridad de la marca presente en el resto de su negocio, su sitio web alentará a los visitantes a hacer el viaje para convertirse en clientes.

3. Mantener el diseño web interno
Sin duda, probablemente tenga un departamento de TI. Puede tener un diseñador trabajando para usted. La tentación es utilizar las habilidades que ya están a su disposición y mantener el diseño de su sitio web internamente. El problema con este enfoque es que el diseño web es un campo altamente especializado y en el que los parámetros siempre cambian. No importa cuán hábil sea su personal, dejar que modifiquen una plantilla estándar no le dará a su organización el sitio web que merece.

4. Débil llamada a la acción.
Un error clásico que los diseñadores web novatos cometen una y otra vez es no agregar botones de llamada a la acción destacados. Puede pasar tanto tiempo asegurándose de que el sitio se vea bien y explique lo que está ofreciendo que se olvide de dejar en claro cómo los visitantes pueden hacer lo que quieren hacer, ya sea Comenzar, Agregar a la cesta, Contáctenos o Registrarse . Cualquiera que sea el llamado a la acción, debe ser claro, conciso y fácil de encontrar.

Mira el articulo completo aquí

Nos gustaría destacar 11 errores de diseño web que hacen los desarrolladores y diseñadores web y algunas sugerencias de cómo estos errores pueden evitarse fácilmente.

1. ¿Dónde está el cuadro de búsqueda?

Google Custom Search es una forma ordenada, simple y efectiva de comenzar. Permite a los visitantes buscar en su sitio de manera eficiente. Simplemente copie el código HTML desde el panel de control y péguelo en su sitio web y listo, tiene una función de búsqueda en su sitio web.

Aquí hay un código de formulario simple para mostrar el motor de búsqueda de Google en su sitio también. Todo lo que tiene que hacer es cambiar el nombre del sitio al nombre de su sitio web. Además, puede modificar el valor de envío a lo que desee.


< input type = "text" name = "q" size = "25" maxlength = "255" value = "" />


2. Mala legibilidad y legibilidad

Afortunadamente, hay formas sencillas que puede hacer para mejorar la experiencia de lectura de los usuarios en su sitio web.

A. Compare los esquemas de color de la mayoría de los sitios principales y observe cómo los colores mejoran la legibilidad. Un buen lugar para probar diferentes esquemas de color es Adobe Kuler.

B. Utilice un tipo de letra Sans serif, ya que permite una fácil lectura en la web.

3. Diseño de contenido no organizado

A. Cree suficiente espacio en blanco entre su texto e imágenes usando márgenes.

B. Actualice y sea consistente. El propósito de la actualización no es solo agregar nuevo contenido, sino también detectar y corregir errores pasados. Jakob Nielsen sugiere que contrates a un “jardinero” web.

4. Mala navegación

A. Facilite la navegación mediante el uso de descripciones textuales para todos los enlaces. Proporcionar texto alternativo para las imágenes. Utilice técnicas alternativas de descripción de texto para enlaces Flash o Javascript.

B. Organice y estructura su navegación en conjunto con el tema del sitio web. Los sitios web personales pueden permitirse ser más creativos pero accesibles, pero un sitio web empresarial requiere más eficiencia y claridad.

5. Diseño de interfaz inconsistente

A. Use una plantilla consistente estándar para cada página con enlaces a las secciones principales del sitio.

B. La palabra clave es simple. Cree diseños estéticamente simples y los usuarios nunca se confundirán en su sitio web.

6. Resolución de pantalla hostil

A. Verifique sus estadísticas: los servicios analíticos como Google Analytics le proporcionan información sobre qué resolución de monitor están utilizando. Esta es información útil que debe conocer antes de iniciar su próxima actualización.

B. Estadísticas del navegador de W3 Schools: W3 Schools ofrece listas claras del navegador más popular utilizado por los internautas y los clasifica según su popularidad. También hay otras estadísticas interesantes e importantes.

7. Formularios de registro complicados

Compare los formularios de registro entre comunidades en la web y comprenda qué información básica se requiere del usuario durante el proceso de registro.

8. Uso sin escrúpulos de imágenes / animaciones

Demasiadas imágenes en una página web es un gran desvío. Las imágenes se pueden usar para captar la atención de los usuarios, pero también pueden ser una distracción o simplemente agravante. Las imágenes deben usarse para ilustrar y guiar al usuario cuando sea apropiado.

9. Páginas desordenadas, más espacios en blanco

Demasiados diseñadores se olvidan del espacio en blanco y su importancia. Están tan inmersos en su propia creatividad de diseño que olvidan que no se trata de ellos. Por lo tanto, intentan meter todo lo que pueden en una sola página.

10. No hay música de fondo, por favor!

No use música de fondo, pero si es necesario, cree un marco para el código y los controles del usuario. De esa manera, la música se repite continuamente, en lugar de cambiar cada vez que se carga una nueva página en el sitio web. Y el usuario puede parar o pausar cuando sea.

11. Prueba, prueba y prueba.

W3C ofrece herramientas para evaluar el aseguramiento de la calidad. Consulte la Caja de herramientas de garantía de calidad del W3C y la Validación de la página web.

La mayor parte de lo que leería o escucharía es completamente subjetivo. Por supuesto, hay más publicaciones de blog que citan resultados de estudios científicos y agencias que han realizado pruebas A / B. Siempre oirías:

  • Mantenga los formularios lo más pequeños y fáciles posible
  • Claro llamado a la acción
  • Grandes imágenes claras (o video)
  • Mantenga los tiempos de carga al mínimo

Etc.

Y desafortunadamente, ya que muchos diseñadores web adelantados han hablado abiertamente de que estas ‘mejores prácticas’ en sí mismas son un error común del sitio web. Si recopila una lista enorme de todas las mejores prácticas para un sitio web en un intento de crear un sitio web ‘súper fácil de usar’ que seguramente no puede fallar porque ha hecho toda su tarea y ha escuchado a algunos grandes diseñadores. Esto crea un producto diluido y no proporciona un valor real a un usuario. Claro que pueden estar contentos de que un problema molesto que enfrentan con otros sitios web no cree su fea cabeza porque lo ha evitado. Pero esto no significa que adorarán su sitio web y / o convertirán.

Por lo tanto, es mi consenso irónicamente decir que el mayor error del sitio web es hacer un esfuerzo para evitar errores del sitio web. Después de todo, el contenido de su sitio es la razón por la que vienen al sitio y es la razón por la que se convierten y regresan. Lo que debe hacer es simple, comprender lo que los usuarios quieren y aman de lo que hace y crear una estrategia emocionante en torno a eso. Está bien tener algunos errores dentro de su diseño, siempre que la base general de su sitio tenga valor. Por lo tanto, el viejo debate sobre qué tan malo es el diseño de Craigslist, funciona perfectamente bien y hace el trabajo independientemente de la falta de características e imágenes sofisticadas.

Así que mi consejo es que, literalmente, abandone la búsqueda de respuestas a esta pregunta. Y simplemente enfóquese completamente en el verdadero valor de su producto / sitio web. Hacer que los diseñadores le digan lo que debe o no debe hacer solo disminuirá la autenticidad de su sitio web. Después de todo, solo recibiría un consejo único para todos y el único consejo que vale la pena considerar es la retroalimentación directa de sus usuarios.

Error común n. ° 1: validación de entrada incompleta

¡Validar la entrada del usuario en el lado del cliente y del servidor es simplemente una necesidad ! Todos conocemos el sabio consejo de “no confíe en la opinión del usuario” pero, sin embargo, los errores derivados de la validación ocurren con demasiada frecuencia ( empresa de diseño web en Nagpur )

Una de las consecuencias más comunes de este error es la inyección SQL, que se encuentra en OWASP Top 10 año tras año (empresa de desarrollo de aplicaciones web en Nagpur).

Recuerde que la mayoría de los marcos de desarrollo front-end proporcionan reglas de validación listas para usar que son increíblemente fáciles de usar. Además, la mayoría de las principales plataformas de desarrollo de back-end utilizan anotaciones simples para garantizar que los datos enviados cumplan con las reglas esperadas. La implementación de la validación puede llevar mucho tiempo, pero debería ser parte de su práctica de codificación estándar y nunca dejar de lado (los mejores servicios de SEO en Nagpur )

Error común n. ° 2: autenticación sin la autorización adecuada

Antes de continuar, asegurémonos de que estamos alineados en estos dos términos.

Autenticación : Verificar que una persona es (o al menos parece ser) un usuario específico, ya que él / ella ha proporcionado correctamente sus credenciales de seguridad (contraseña, respuestas a preguntas de seguridad, escaneo de huellas digitales, etc.).

Autorización : confirmar que un usuario en particular tiene acceso a un recurso específico o se le otorga permiso para realizar una acción en particular.

El diseño web es un elemento enorme en el desarrollo de un nuevo sitio web y puede hacer o deshacer su empresa. Tener un diseño de sitio web sólido puede ser el contraste entre usted y su competidor. Estos pocos elementos son los errores más comunes que se observan en los diseños web.

Imagen genial, pero el contenido es el verdadero héroe:

Las empresas de diseño web deben estudiar un poco sobre SEO (Search Engine Optimization) porque hay algunos componentes que no ayudarán a llegar a los primeros puestos en los motores de búsqueda debido al diseño. Los motores de búsqueda entienden sus páginas a través del código. Entonces, si su contenido es imágenes o si tiene contenido no relacionado antes de su cuerpo de contenido, el motor de búsqueda lo leerá tal como está. Esto puede mantenerlo alejado del tráfico. Una gran parte de la clasificación es el contenido único y rico en palabras clave, que incluye todo lo que pueda en su diseño.

Ir a CSS y ahorrar tiempo

Aprenda CSS no use tablas para el diseño de su sitio web. Las tablas se han quedado obsoletas, las tablas no son compatibles con los motores de búsqueda y pueden hacer que su sitio web sea lento. Si no conoce CSS, tómese un tiempo para aprenderlo. Lo amarás. CSS le brinda muchas oportunidades e innovaciones que no puede obtener con solo usar un diseño de tabla.

Información de contacto de fácil acceso;

Tenga alguna manera para que sus visitantes se comuniquen con usted, especialmente si tiene una tienda u oficina. Poner un nombre, dirección postal y número de teléfono puede dar a sus visitantes una confianza extra para su negocio. Para reducir el correo no deseado, no use [ su sitio web ” protegido por correo electrónico .com. Algunos spammers no buscan correos electrónicos particulares, simplemente envían un correo electrónico con el destinatario [correo electrónico protegido] “nombres comerciales” .com y muy probablemente encuentren su negocio.

Ponga su nombre comercial después de cada título de página:

Esto ocurre por la misma razón que las imágenes en lugar del contenido de texto. Este es uno de tus factores más esenciales en SEO. Los títulos de sus páginas deben ser una pequeña oferta de lo que es su página. Arreglar el nombre de su empresa o empresa en el título de su página podría ocupar espacio de palabras clave relativas. Si desea agregar el nombre de su empresa o empresa en cada título de página, coloque primero las palabras clave y el nombre de su empresa.

Intente implementar algunos de estos errores de diseño web más comunes, aumente su tráfico y evite caídas. Tener algunos de estos factores puede ayudar a sus visitantes a pasar más tiempo en su sitio, lo que significa más ROI y menos tasa de rebote de los visitantes.

Para obtener más diseño web. Para dudas y aclaraciones relacionadas, comuníquese con Infoquest: son los mejores del mercado para el diseño de sitios web en Dubai.

Actualmente hay más de mil millones de sitios web en vivo. En el tiempo que ha tomado para leer esta oración, se han creado cuatro nuevos sitios web. Con la proliferación de sitios web, es difícil destacarse entre los competidores y las empresas se ven cada vez más desafiadas a dejar una marca única en el panorama de Internet en rápida evolución. Esto, además del hecho de que estamos en medio de una sobrecarga de información, hace que sea fácil perder de vista los conceptos básicos que hacen un buen sitio web. Un sitio web debe contar una historia y comunicar información sin problemas al usuario final, de lo contrario corre el riesgo de apagar completamente a los visitantes.

A continuación se presentan cinco razones por las cuales su sitio web nunca tendrá éxito y las compañías de consejos básicos deben tener en su bolsillo y utilizarlas para evitar que sus sitios web no sean interesantes y desactualizados.

1. FALTA DE USABILIDAD

Un sitio web a menudo puede ser la primera impresión de una empresa y un sitio web confuso alejará a los clientes potenciales tan rápido como llegaron a él. Los usuarios deben poder encontrar lo que buscan con páginas fáciles de navegar e información de fácil acceso que promueva una mayor exploración. Un diseño limpio con encabezados claros e información que se muestra de una manera fácil de usar alienta a los visitantes habituales a frecuentar el sitio y obtener la información sin esfuerzo.

2. SOBRECARGA DE INFORMACIÓN

Un montón de palabras mirando a clientes potenciales es una forma infalible de hacer que abandonen un sitio web. Los clientes anhelan la información, pero las empresas deben ser conscientes de no comunicar en exceso los puntos principales. Es fácil cargar grandes cantidades de texto e imágenes en un sitio web para asegurarse de que todas las bases estén cubiertas, pero en muchos casos es demasiada información lo que termina abrumando al usuario. Proporcione la información clave que los clientes están buscando y transmítala de una manera que sea fácil de digerir. Escriba en oraciones cortas y en viñetas cuando sea posible. Al presentar información enfocada de manera lógica, los clientes pueden abordar sus preguntas lo suficiente.

3. POBRE NOMBRE DEL SITIO WEB

Elegir un nombre de sitio web es una de las partes más difíciles del proceso de marca. Encontrar una URL disponible que se alinee con la imagen de la compañía y pueda optimizarse fácilmente para las clasificaciones de búsqueda son factores esenciales a considerar. Anteriormente, una empresa solo era reconocible si tenía una extensión de dominio .com, pero los tiempos están cambiando y con la aparición de una serie de dominios genéricos de nivel superior (gTLD), como .business, .brand y .website, las empresas tienen la opción de elija de un grupo creciente de extensiones que son ideales para la empresa a largo plazo. Un nombre notable crea una oportunidad única para alinear un sitio web de empresa, individuo o producto nuevo para llegar mejor al público objetivo.

4. SIN LLAMAMIENTO A LA ACCIÓN

Desafortunadamente, el trabajo no termina una vez que un cliente llega al sitio y ve un diseño visualmente atractivo con pestañas fáciles de usar. Tiene que haber un llamado a la acción (CTA) que aliente a los clientes a ir más allá de las “compras en la ventana” y dar el paso al hacer una compra directamente en el sitio web o poder buscar ubicaciones donde el producto esté disponible. Los proveedores de servicios pueden solicitar a los clientes que se comuniquen con un representante para obtener más información o que tengan un asistente virtual disponible en línea para preguntas. Los CTA más pequeños, como alentar a los clientes a seguir el negocio en las redes sociales o suscribirse a boletines informativos por correo electrónico, mantienen a los clientes actuales y potenciales actualizados sobre las últimas noticias. Hacer que el sitio sea interactivo y determinar cuál debe ser el resultado final y el llamado a la acción para el modelo comercial de la compañía es crucial.

5. NO MÓVIL LISTO

El crecimiento móvil ha aumentado y cada vez más clientes acceden a sitios web directamente desde sus teléfonos inteligentes y tabletas que nunca antes. Por lo tanto, es fundamental que los sitios web estén preparados para dispositivos móviles para que los clientes puedan ver fácilmente el contenido en pantallas más pequeñas. Los clientes tienen un corto espacio de atención, por lo que la información debe ser fácil de leer, independientemente del dispositivo en el que estén viendo el sitio web. También es importante asegurarse de que el sitio web se cargue rápidamente en cualquier dispositivo, por lo que puede ser ideal seguir HTML simple en lugar de flash.

Los sitios web son esenciales para el éxito de una empresa y requieren mucho tiempo y dedicación para construir y mantener. Es importante que los recursos se dediquen a garantizar que esta plataforma esté constantemente actualizada y funcione correctamente. Las empresas que utilizan estos consejos al crear sus sitios web estarán satisfechas con el aumento en el tráfico de visitantes a su página y el resultado general de tener una presencia web rica.

Absolutamente el 100% del error número uno en el diseño web moderno es pensar que lo haces en Photoshop.

¿Cómo vas a diseñar algo en PS y hacer que funcione sin problemas en múltiples plataformas? Conozco personas que usan televisores, computadoras portátiles, teléfonos, tabletas, etc. para ver sitios web. No puede hacer que un sitio sea escalable y funcional utilizando algo creado en PS. No va a suceder.

He estado trabajando con PS desde 1996 y NUNCA lo he usado para simular un sitio. Siempre use un editor de texto y un navegador. Usa Photoshop para editar fotos. En todo caso, use Illustrator porque puede exportar archivos vectoriales SVG limpiamente (y se escalan sin problemas).

De hecho, evitaría imágenes rasterizadas tanto como sea humanamente posible, y solo como un elemento que se pueda escalar junto con los otros elementos.

Debe tener una buena sensación en un teléfono (tanto horizontal como vertical), así como en un televisor y todo lo demás, y lo hace con un diseño receptivo.

Este artículo tiene tres años:

Técnicas comunes en diseño web receptivo

… ..Y muchos sitios todavía no están actualizados.

O terminas con una TONELADA de codificación inútil y soluciones temporales tratando de hacer que todo funcione en todo lo demás, o terminas con algo estático que no responde bien a otras resoluciones distintas a la que fue diseñado. Aprende a codificarlo. Periodo, y luego diseñarlo en el navegador mientras lo prueba en todo lo que pueda tener en sus manos.

… .Y he estado diciendo esto durante 20 años (todavía tengo referencia en rústica HTML 3.2). Así es como me enseñaron, así es como he enseñado a otros. Es la forma CORRECTA de hacerlo, entonces y ahora. Tienes HTML5, JS, CSS3, SVG, etc.

Las herramientas ya están en el código. Trabajar es PS solo para traducir eso en algo que realmente funciona en un navegador es un paso en la dirección completamente opuesta, y es un gran paso, y a menudo es un paso en falso.

Diseñar un sitio web y crear una imagen bonita en un editor de ráster son dos cosas totalmente diferentes desde el punto de vista ideológico. Si está codificando un sitio web, aprenda diseño, si es diseñador, aprenda a codificar (o, como mínimo, aprenda qué funciona y qué no funciona en el código).

Estoy lejos de estar solo en este pensamiento:

8 razones para dejar de usar Photoshop para diseño web • Marktime Media

Diseño web receptivo en el navegador Parte 1: matar Photoshop

¿Qué significa realmente diseñar en el navegador? – Diseño Vanseo

Por qué diseñar en el navegador es el camino a seguir – The Logbook by Hanno

La guía definitiva para diseñar en el navegador

Diseñar en el navegador conduce a compilaciones de mejor calidad

Haz tu maqueta en marcado

Durante el diseño de un sitio web por primera vez, considera algunas reglas básicas que generalmente no son conscientes de los principiantes. No te preocupes por esto, nadie está concebido con su aprendizaje. Aquí le aconsejamos algunos consejos para el diseño de su primer sitio web. Siga estas simples pautas para crear un sitio web impresionante para su negocio.

1. Navegación vejatoria: este error ocurre cuando las personas visitan su sitio y no saben dónde o cómo obtener los datos que necesitan.

2. Desorden excesivo en la página de inicio: la página de inicio del sitio web es la ‘primera impresión’, debe aprovechar esta oportunidad para tener un impacto sobresaliente en ellos.

3. Sin llamado a la acción: un “llamado a la acción” es una solicitud de los visitantes de su sitio web. El llamado a la acción de su sitio web depende de su motivación.

4. Contenido desactualizado: durante el diseño de un nuevo sitio web , no intente dar la sensación de que lanzó un sitio web y lo dejó allí. La actualización de su sitio influye en su clasificación en la búsqueda web

5. Ponerse en funcionamiento sin pruebas: aunque la compañía de diseño web le brinda la capacidad de construir su sitio por sí solo, a pesar de todo lo que necesita para buscar errores ortográficos, conexiones rotas, problemas de arreglos y otras pequeñas cosas que son tan natural al descuido.

Creo que a continuación hay algunos errores comunes:

1. No escuchar a tu cliente. Cuando digo eso no significa que solo lea el resumen y escuche por teleconferencia. Necesita obtener todas las entradas del cliente y comprender lo que realmente necesita. Haga una pregunta de sondeo para saber qué es “debe tener”, “agradable tener”, “puedo tratar sin él” requisitos.

2. Desconocimiento de los conceptos de diseño. Si no comprende los conceptos de diseño, no puede proporcionar una solución eficiente y efectiva a sus clientes.

3. Desconocimiento de las tendencias de diseño. Si no sabe lo que sucede a su alrededor, no puede proporcionar un diseño actualizado a sus clientes. Esto hará que su cliente esté descontento.

4. No es capaz de conectar los puntos entre tendencias y conceptos. Es bueno estar al tanto de las tendencias, los conceptos y la tecnología, pero ¿puede conectar los puntos y encontrar qué tendencia, concepto y tecnología se adapta mejor a los requisitos del cliente? Esto es lo que encuentro y veo a mucha gente rezagada. Si puede conectar los puntos, puede proporcionar una buena consulta al cliente sobre lo que funcionará para ellos.

5. No se puede decir “No” al cliente. Debe tener la habilidad de decir “No” al cliente y rechazar cuando los requisitos y las solicitudes de los clientes no sean razonables.

6. No se puede explicar el diseño. He visto esto, algunas personas no pueden explicar los diseños al cliente. Si realmente ha pensado realmente en el diseño, debería poder explicárselo al cliente.

Aquí hay muchas respuestas excelentes en términos de detalles de diseño y marketing. Pero, para dar un tipo de respuesta mucho más corto: tipo de respuesta:

Centrándose demasiado en el diseño o las tecnologías, en lugar de resolver las comunicaciones de un cliente y los desafíos comerciales.

O, para hacerlo aún más conciso: no enfocarse en el objetivo final.

Todos quieren un sitio que se vea bien, funcione bien, implemente una buena estrategia, etc. Pero, al final del día, tiene que hacer el trabajo y hacerlo bien. Veo muchos sitios que se centran en (y gastan mucho dinero) la ‘apariencia’ del sitio, pero a menudo olvidan algunas cosas realmente básicas que la mayoría de los visitantes necesitarían. O veo sitios que hacen postales o anuncios en línea, pero no son la herramienta de comunicación más importante de la compañía. Otros se centran tanto en la tecnología (que es * realmente * importante) que se olvidan de verse bien, tener buenas interfaces de usuario, etc.

Se trata de tratar de hacer bien todas las disciplinas involucradas (marca, diseño gráfico, diseño técnico e implementación, UI / UX, infraestructura, etc.) pero manteniendo ese objetivo final muy bien entendido en todo momento. Y, dado cualquier presupuesto en particular, asegurarse de que el objetivo final se logre lo mejor posible sin gastar demasiado en áreas que no contribuyen lo suficiente.

Aquí hay algunos errores comunes que los principiantes cometen al diseñar sus sitios web:

Avanzar en el juego:

Muchas personas se entusiasman tanto con la parte de diseño de su sitio web que no toman la preparación necesaria para crear un sitio web realmente efectivo. El diseño solo debe tener lugar después de haber definido sus objetivos, haber realizado su investigación de mercado (para sitios web comerciales), haber elegido un nombre de dominio y haber encontrado un servicio de alojamiento web.

Volverse loco de color:

Es muy divertido experimentar con el color y los patrones, pero es importante saber qué funciona mejor para los objetivos de su sitio web. Si el propósito de su sitio web no es para su propio disfrute puro, entonces desea que a otras personas les guste su diseño. Por lo tanto, realmente no importa lo que creas que se ve bien siempre que el diseño funcione para atraer a tus usuarios.

Con vistas a la etapa de planificación:

Muchos diseñadores principiantes de sitios web van directamente al diseño de páginas web individuales con nada más que una imagen en la cabeza de cómo se verá su sitio web. Sin embargo, es importante planificar la estructura y el diseño de su sitio web antes de sumergirse. Tener un plan en papel facilitará mucho su proceso de diseño.

Hacer una plantilla después de haber comenzado a diseñar páginas individuales:

Si diseña primero un grupo de páginas web, podría ser un problema regresar más tarde para cambiar un elemento de diseño en cada página. Intente crear una plantilla CSS para lograr una apariencia consistente en todo su sitio web, luego comience a diseñar cada página.

El diseño es demasiado complejo:

Su sitio web no atraerá a sus usuarios a menos que sea simple y directo. Especialmente cuando recién estás comenzando en el diseño web, no intentes hacer todo de una vez. Haga una base simple para su sitio web y siempre puede agregar campanas y silbatos más tarde.

No probar todo:

La mayoría de la gente supone que el diseño es en gran medida una preferencia personal, y lo es. Pero eso no significa que solo elija el diseño que le parezca bien y lo deje así. Tenga en cuenta a su audiencia cuando diseñe su sitio web inicial. Una vez que haya recopilado datos durante un período de tiempo significativo, continúe y pruebe ciertos elementos de diseño. Cambie una cosa a la vez y rastree sus resultados para todo. Ve con lo que los números te dicen lo que funciona.

Para obtener más información sobre el diseño del sitio web, visite el enlace. Es un libro electrónico gratuito y puede descargar fácilmente.

Aquí hay algunos errores comunes que veo en la mayoría de los sitios web.

  • Llamado a la acción inexistente o no claro.
  • Inconsistencia en el estilo de los botones.
  • Muchas fuentes, o solo una.
  • Colores inconsistentes, o que no coinciden entre sí, o con la marca.
  • Mostrando mucho texto e información de la página de inicio.
  • Usar fotos de archivo que no tienen nada que ver con el sitio web.
  • Nombre del diseñador o desarrollador en el pie de página.
  • Música de fondo. Por el amor de Dios, deja de hacer eso.

Lea este artículo sobre 10 errores en el diseño de iconos que confunden a los usuarios

Y verá en los ejemplos dados, un solo icono mal elegido puede obligar al usuario a eliminar su cuenta, negarse a realizar una compra o utilizar una aplicación inconveniente.