Consejos de diseño web
Veo que hay algo de tráfico en este artículo del blog sobre la anchura estándar del sitio web 2022, así que responderé a esto aquí antes de empezar. Podemos dividir los anchos de varios dispositivos entre 4 categorías de escritorio, portátil, tableta y móvil. Voy a poner los tamaños estándar para estos abajo como una guía aproximada para que usted pueda determinar un ancho estándar:
Ahora, por supuesto, con la plétora de dispositivos que vienen en todas las formas y tamaños, esta es una guía aproximada, y mi mejor consejo cuando se construyen sitios web responsivos para móviles y se deciden los ‘puntos de ruptura’, es que los puntos de ruptura deben entrar en acción una vez que el diseño de la página web se rompe en lugar de utilizar los anchos estándar de los dispositivos. Puede que tu diseño se rompa en 994px, así que ahí es donde debería estar tu punto de ruptura para la capacidad de respuesta en móviles o tabletas, independientemente de dónde caiga según los anchos de los dispositivos.
El estándar actual que utilizamos es HTML5. El W3C, World Wide Web Consortium firmó un acuerdo en 2019 para trabajar con WHATWG (una comunidad que desarrolla estándares web) y colaborar en una única versión de HTML y DOM.
Mejores prácticas de diseño web ux
Cuando se trata de diseñar o rediseñar un sitio web, es fácil obsesionarse con la estética. ¿Queda bien ese tono de azul? ¿Debería estar el logotipo a la derecha de la pantalla o a la izquierda? ¿Y si ponemos un GIF animado gigante en medio de la página?
Sin embargo, en un mundo en el que la gente tiene más de 1.800 millones de sitios web en los que potencialmente puede aterrizar, hay que asegurarse de que el suyo no es sólo una cara bonita. Debe diseñarse en función de la usabilidad, es decir, la facilidad de uso de su sitio web, y la experiencia del usuario (UX), es decir, lo agradable que resulta interactuar con su sitio web.
Ahora bien, podría pasar años estudiando los pormenores de estas disciplinas, pero para darle un punto de partida, hemos reunido una lista de las directrices fundamentales y las mejores prácticas que puede aplicar a su próximo rediseño o lanzamiento del sitio web. A continuación, revisaremos 10 características que necesitará en su sitio para poner en práctica estas recomendaciones. Entremos en materia.
Si bien la apariencia de su sitio web es ciertamente importante, la mayoría de las personas no llegan a su sitio para evaluar lo elegante que es el diseño. Lo que quieren es realizar alguna acción o encontrar alguna información específica.
Mejor diseño web
El objetivo de este documento es describir las normas de diseño y navegación que deben cumplir todas las páginas web de la Perelman School of Medicine de la Universidad de Pensilvania (PSOM). Los administradores del sitio web deberán asegurarse de que tanto el logotipo de la Perelman School of Medicine como cualquier texto de sus páginas que haga referencia a la Escuela estén actualizados.
El PMACS ha puesto a disposición del público la versión oficial del logotipo en una ubicación central. Le recomendamos encarecidamente que lo señale en esta ubicación en lugar de copiarlo en una ubicación separada. Si usted tiene una necesidad única de un logotipo para uso en la web, por favor, póngase en contacto con PMACS.
El logotipo no puede ser alterado de su forma original. No pueden distorsionarse sus dimensiones ni sus colores, y no puede mostrarse con una altura inferior a 60 píxeles. Deberá colocarse en la esquina superior izquierda de la página para mantener la coherencia y deberá enlazar con la página de inicio de la Perelman School of Medicine.
Las organizaciones que no son de la PSOM pueden alojar sus sitios en un servidor web alojado en la PSOM siempre que puedan demostrar una afiliación significativa con la PSOM, por ejemplo, organizaciones que tienen su sede en la PSOM, pero que supervisan o prestan servicios a personas fuera de la PSOM. Puede ser necesaria la aprobación de la oficina del decano. Los sitios de estos grupos deben llevar el logotipo oficial de Penn, el logotipo de Penn Medicine o el logotipo de PSOM, o pueden llevar el logotipo oficial de otra escuela (por ejemplo, CHOP), según corresponda.
Norma W3c
Acciones del artículoLa web y los estándares webEste artículo proporciona algunos antecedentes útiles sobre la web: cómo surgió, qué son las tecnologías estándar de la web, cómo funcionan juntas, por qué el “desarrollador web” es una gran carrera para elegir, y qué tipos de mejores prácticas aprenderás en el curso. Breve historia de la webSeremos muy breves, ya que hay muchos relatos (más) detallados de la historia de la web por ahí, a los que enlazaremos más adelante (también intenta buscar “historia de la web” en tu motor de búsqueda favorito y mira lo que obtienes, si te interesa más detalle).
A finales de los años 60, el ejército estadounidense desarrolló una red de comunicaciones llamada ARPANET. Puede considerarse un precursor de la Web, ya que funcionaba con conmutación de paquetes y presentaba la primera implementación del conjunto de protocolos TCP/IP. Estas dos tecnologías constituyen la base de la infraestructura sobre la que se construye Internet.
En 1989, TimBL escribió Information Management: A Proposal y HyperText at CERN; estas dos publicaciones juntas proporcionaron los antecedentes de cómo funcionaría la web. Recibieron bastante interés, el suficiente para convencer a los jefes de TimBL de que le permitieran seguir adelante y crear un sistema global de hipertexto.