Buenas prácticas para crear una página web

Hola, UX son las siglas de “user experience” es decir, experiencia del usuario. El UX depende no sólo de los factores relativos al diseño tales como usabilidad, diseño de interacción, accesibilidad, diseño visual, calidad de los contenidos, buscabilidad y utilidad; sino además de aspectos relativos a las emociones, sentimientos, valor de marca y confianza transmitida, entre otros. El especialista UX estudia, valora, aconseja y si es necesario, realiza, el diseño web teniendo en cuenta todos los factores enumerados para contribuir a la optimización de una página web acercándola a la excelencia.

Sí, es absolutamente recomendable aplicarlos. Son conceptos generales aplicables a cualquier web con independencia del tipo de página o plataforma.

Esta pregunta engloba muchísimos puntos a comentar por lo que yo me centraría en el tipo de contenido: una web para un contenido que se prolonga estático en el tiempo ( se actualiza poco y cumple un objetivo informativo corporativo y de producto ) un blog para un contenido actualizado con frecuencia (un objetivo más centrado en la novedad informativa y la interacción ). Respecto al 2.0, entiendo que las herramientas para bloggers actuales estan totalmente al día en ese sentido y lo preguntas por esto, pero puedes tener una web propia con todos los ajustes necesarios para facilitar la interacción. Si se trata de una web para una Pyme, yo te animo que crees la web corporativa y vincules un blog que te generará tráfico hacia la web principal.

Un blog en formato magazine, sin duda para estos contenidos requieres una solución de ese tipo.

Aunque el tema del color entraña un factor psicológico evidente y el negro se asocia a lo negativo, en realidad, en este caso, no es así. Entiendo que muchas páginas con fondo negro tratan temáticas “undergrounds”, como el mundo esotérico o el del hacking, pero lo cierto es que una web con fondo negro / oscuro bien combinada da una imagen de elegancia y en general contribuye positivamente.

Excepto en pocos casos, una web con un diseño limpio y minimalista suele ser sinónimo de éxito. La simplicidad ayuda en muchos campos del UX y esto es bueno. Si la empresa es de tecnología transmitirás una imagen de calidad. Si lo que quieres es disponer un catálogo de productos, ten cuidado, puedes correr el riesgo de dar una imagen de producto costoso.

Fundamentalmente la aparición en diferentes medios ( redes sociales vinculados a tu web principal) contribuye a ganar puestos en el índice de google, siempre que estas redes estén actualizadas y aglutinen un número de palabras clave suficiente ( la historia de siempre). Con la irrupción de Google+ se pone de manifiesto la importancia actual de tener un perfil en Google, ya que ayuda en modo indirecto a este posicionamiento.

Tendremos un webinar de SEO donde se explicará mucho mejor todo esto, yo humildemente, no me atrevo a ir más en detalle al no tratarse de mi especialidad. Espero, almenos haberte orientado un poco 🙂

Si hablamos de multimedia y de adaptabilidad, tengo que mencionar SMIL (Synchronized Multimedia Integration Language) basado en XML. Es un poco avanzado para los temas que hemos tratado hoy. Te invito a visitar la página de w3c donde trata en detalle esto y encontrarás toda la documentación necesaria.
http://www.w3.org/standards/webdesign/audiovideo

Sin texto no podrás posicionar bien la página, es una mala práctica. Si la web no tiene como objetivo ser encontrada, es decir podría tratarse de una web pensada para ser un muestrario o catálogo que enseñar a unos determinados clientes no habría problema, pero sinceramente desaconsejo la ausencia de bloques de texto.

Sí, cada elemento tiene que cumplir unos requisitos para ser entendible, por ejemplo, el título en grande, subtitulo más pequeño ( H1, H2 y su jerarquía) imágenes representadas por cuadro con dos diagonales cruzadas… Si te fijas en la presentación hay una imágen de un wireframe que responde bien a tu pregunta.

Se recomienda que el contenido principal + encabezado estén dentro de los primeros 600px de la web

Generalmente una imagen de persona ayuda, como hemos dicho en la presentación. No existe un diseño ideal para una web de un hotel, pero seguramente existe un diseño ideal para la web de tu hotel, eso depende de tus objetivos, planteate qué quieres conseguir, cómo quieres captar a la gente y qué buscan. Luego centrate en que cambios abordar para llegar a esos objetivos. Si quieres dar una imagen amable y de cercanía pon una imagen de persona, pero no olvides que probablemente el que entra a tu página desee encontrar rápidamente las tarifas y las imágenes de las habitaciones e instalaciones, por este orden. No olvides tener siempre a mano y muy visible un espacio para las reservas ( en las webs relacionadas con turismo normalmente son cuadros situados a la izquierda de la pantalla). Pero insisto el diseño ideal para tu hotel lo tienes tu y solo tu en tu cabeza. ¡Ánimo!

Hola, bueno, resulta que esos formatos responden a formatos de video. La web responde a formatos de resoluciones de pantalla, es decir independientemente del formato de video de tu monitor. Para entendernos y darte una respuesta directa: te aconsejo que uses un máximo de 960px de ancho en tu web, es el formato más compatible actualmente, aunque ya hemos empezado a trabajar con el del 1200 aprox. Estos datos son extraidos de las estadísticas globales de navegación.

Como he escrito antes, el ancho recomendado es 960px para maximizar compatibilidad con el mayor número de usuarios. El alto dependerá del contenido, no tengas miedo al scroll.

Hace unos días hicimos un webinar sobre Cloud Site y creamos una página en directo. Te invitamos a ver el vídeo: https://www.escueladeinternet.com/cloud-site-el-editor-web-de-ultima-generacion

De todas formas y si estáis interesados no hay problemas en hacer un día un webinar creando una página desde cero.

Hay otras maneras de captar la atención, los gifts y flash animados están poco a poco desapareciendo del panorama web.

En pequeñas dosis sí, pero sin abusar. Flash fue ideado en su inicio para hacer animaciones, aunque luego hubo una fiebre de webs realizadas con flash se ha demostrado que no es una solución optimal para una web.

Flash no cubre requisitos UX y se desaconseja hacer las webs en flash desde hace tiempo. Reitero, es una herramienta fabulosa, pero no la ideal para hacer páginas webs, sino animaciones principalmente.

Call to action, es el elemento desde el cual el usuario ejecutará una acción que tu has dispuesto. Normalmente un botón es un CTA, ya que la acción del usuario recae sobre él. Es importante y un elemento que debe posicionarse muy bien dentro de la página para que sea clickado cuantas más veces mejor.

Yo soy muy fan de “a list apart” un grupo de gurús en los que todos los UX nos fijamos. http://alistapart.com/topics y para estar al día de un modo más mundano http://uxdesign.smashingmagazine.com

Como siempre digo “todo en su justa medida” unos efectos a través de javascript sea cual sea la librería usada te pueden dar un toque elegante y distintivo. Ahora bien, si combinas y abusas repercutirá, no solo en la imagen de tu web que parecerá más amateur por una posible combinación de scripts redundantes, sino en el tiempo de carga y eso ya son palabras mayores. Scripts como ajax sí, pero con cabeza.

Para empezar deberás tener acceso a tus archivos. Si tu web la ha hecho un tercero tienes que pedirle esos accesos para que tu puedas editar el contenido html directamente. Si se trata de algún cms o blog el contenido será editable online a través de la interfaz de administración.

No se si entiendo bien la pregunta. Tu tienes un blog y me preguntas si es bueno poner una página de aterrizaje a tu dominio y de esta saltar al blog posteriormente. Si es esto, no vería una justificación clara, la presentación la puedes incluir en tu portada del blog, puedes lograr diferenciar la página principal del resto de páginas secundarias sin necesidad de hacer ese tipo de intervenciones. No lo recomiendo al no ser que haya una motivación de peso que lo justificara.

En general y siempre hablando del ÁMBITO WEB los textos justificados dificultan la legibilidad y accesibilidad. No es cuestión de marketing, sino de usabilidad pura. El texto justificado cumple unas funciones muy concretas en su uso editorial que no están justificadas en el mundo web. Es una bonita discusión ( y antigua) ya que es una de las veces que de forma más clara se contraponen los principios de diseño visual con el de diseño de usabilidad. Hay muchos artículos al repecto en internet que así lo proponen y también, por supuesto, los detractores de este principio. El debate está abierto 🙂

Especifico de nuevo: Dificultan la legibilidad en el ÁMBITO WEB.

Como he comentado antes, es una bonita discusión. Se han hecho multitud de estudios desde hace años sobre la legibilidad, siendo el texto justificado uno de los puntos fuertes de esos estudios. Aquí uno de ellos llevado a cabo en la univesidad de Wichita (USA) http://psychology.wichita.edu/surl/usabilitynews/72/columns.asp

Como casi todo es discutible y eso es parte de la riqueza de este oficio, las cosas no son cuadradas ni exactas al 100% y cada caso requiere un pequeño estudio, he aquí la justificación ( no de texto sino…) de mi oficio, pero existen ciertos principios que como especialista en UX debo aceptar como válidos en muchos de los casos.

La carta de presentación no responde al ámbito web y no se aplican estos conceptos.

Mozilla Firefox por lo general no da problemas en lectura de CSS y HTML, como otros navegadores de código abierto que están en constante actualización.

Es una propiedad CSS. Establece el espacio de las zonas de relleno de los elementos. Una especie de márgenes internos de cada elemento. Lo veremos en detalle en webinars más avanzados sobre CSS.

La web es código html, inserta el contenido en párrafos html (no el archivo, sino el contenido de éste) con cualquier editor html. Si por el contrario tu pregunta se refiere a como insertarlos mediante el uso de algún software concreto, generalmente tienes una opción de importar.

No me parece una gran opción. Depende de lo que quieras conseguir. Está en la linea de otros editores clásicos y no tengo claro si soporta páginas dinámicas. Lo descartaría para uso / resultado profesional.