• Saltar a la navegación principal
  • Saltar al contenido principal

Sebastián Thüer

Comunicación, diseño y tecnología

  • Acerca
  • Blog
  • Contacto
  • Show Search
Hide Search

Diseño Web

La tablet no es un teléfono

Sebastián Thüer · 17.07.2013 ·

mobile

El título parece una obviedad, pero no lo es. Al menos para el 8 de cada 10 ejecutivos que respondieron el informe Global Mobile Executive Survey elaborado por la consultora Forrester. Según este informe preliminar -cuyo resultados finales se publicarán en los próximos días-, el 81% de los directivos considera a las tablets como una extensión de su estrategia para teléfonos inteligentes.

¿En qué se parece un rectángulo negro que entra en el bolsillo y se maneja mayormente con el pulgar  con una tablet? Básicamente, en el software. O mejor dicho, en el sistema operativo: Android, iOS y algo más lejos Windows, dominan la escena. Desde el punto de vista del desarrollo, todo lo que sirve para un móvil se puede llevar a una tablet.

mobile

Sin embargo, la experiencia de usuario es totalmente diferente. Mientras la consulta a Internet desde un móvil es algo limitada por el tamaño de la pantalla, en la tablet se acerca mucho más la navegación que realizamos con un equipo de escritorio. De hecho, la mejora.

La interfaz táctil es mucho más transparente y agradable para estos menesteres, su portabilidad hace que podamos navegar desde la cama, el sofá o una mesa con mucha naturalidad y las pantallas de alta definición permiten mostrar gráficos y fotografías de forma espectacular. Y todo sin tener que esperar los lentos tiempos de encendidos de un equipo de escritorio ni la necesidad de desplazarnos hasta el lugar donde tenemos el equipo. Porque aunque tengamos un portátil o laptop, al final siempre lo terminamos usando más o menos en el mismo lugar.

La razón de ello quizás haya que buscarla en un gráfico que está algo más adelante del informe. A pesar que todo el mundo reconoce la importancia de tener una estrategia para movilidad, los equipos de trabajo específicos siguen siendo pequeños.

mobile2

Diseño adaptado para dispositivos móviles

Otro aspecto interesante del estudio tiene que ver con la optimización de los sitios para dispositivos móviles. Dos tercios de los ejecutivos encuestados asegura tener un diseño específico para tablets o teléfonos. En su mayor parte, los ejecutivos afirmaron tener una versión del sitio diferente para navegar desde un smart phone.

Sin embargo, la tendencia a futuro es el responsive web design o diseño web adaptativo, esto es, una técnica de diseño basada en el uso de imágenes y estructura fluidas para adaptar el diseño al entorno del usuario. De esta forma, se evitan duplicar esfuerzos y se mantiene la consistencia del sitio web.

mobile3

WebSite X5, un sencillo y eficaz creador de sitios web

Sebastián Thüer · 26.06.2013 ·

WebSiteX5Las herramientas de escritorio para el diseño web parecen estar teniendo un resurgimiento, especialmente en el nicho de productos pensados para usuarios no expertos que desean tener presencia online sin complicarse demasiado. WebSite X5 apunta en este sentido y ofrece producto que permite crear un sitio web sin complicarse demasiado a partir de una serie de plantillas predefinidas que pueden modificarse.

El programa cuenta con una interfaz intuitiva y visual para que con pocos clics se puedan crear elementos tales como una lista de productos, un blog, formularios de contacto, galerías de fotos, o cualquier otro contenido. Además, los creadores de WebSite X5 aseguran haberle presetado atención a aspectos técnicos tales como optimización de motores de búsqueda (SEO), compatibilidad con diferentes navegadores y diseño adaptado para verse bien también en tablets y smartphones.

WebSite X5 incluye una galería de más 1.500 plantillas para el diseño de la página web  que se pueden personalizar con un editor interno. Además, puede ser modificada en cualquier momento. Si el usuario lo prefiere, puede crear su propia plantilla desde cero y para ello cuenta con más de de 6.000 fotos gratuitas  y libres de derechos.

WebSite X5 dispone de más de 1500 plantillas para elegir
WebSite X5 dispone de más de 1500 plantillas para elegir

WebSite X5 también permite crear la estructura del sitio web a partir de lo cual se genera automáticamente el menú de navegación. Luego, se añade el contenido como texto, imágenes, videos, galerías de fotos, mapas, formularios de contacto, listas de productos o botones de integración con las redes sociales. Todo mediante una interfaz de arrastar y soltar (drag & drop) para que el usuario pueda ver cómo el sitio web cobra vida a medida que se trabaja en él.

WebSite X5 permite publicar el sitio a través de un motor FTP interno
WebSite X5 permite publicar el sitio a través de un motor FTP interno

Finalmente, la publicación se realiza directamente desde el programa que incluye un  motor FTP interno incrustado se encarga de poner el sitio web en línea. Esta herramienta realiza conexiones seguras y ahorra tiempo al usuario realizando múltiples conexiones, lo que permite transferir simultáneamente varios archivos. 

En definitiva, WebSite X5 es una herramienta pensado para los usuarios menos exportes con ganas de experimentar en el mundo digital sin sacrificar calidad técnica ya que ofrece compatibilidad con los últimos estándares como HTML5 y CSS3.

Diseños de navegación no convencionales

Sebastián Thüer · 25.06.2013 ·

Un diseño de navegación claro, lógico y consistente es parte del ABC del diseño web. Sin embargo, hay veces donde romper las reglas favorece nuevos modos de percepción e interacción con las interfaces. «A Showcase of Websites with Unusual Navigation» es un interesante post que recorre diferentes propuestas de diseño que han buscado innovador en la navegación más allá de la clásica barra horizontal que domina el diseño en la web hoy en día.

Obviamente este tipo de propuestas no son aptas para todo tipo de sitios. Se emplea como recurso cuando sabemos que el usuario estará dispuesto a aceptar nuevas reglas, tendrá ganas (y tiempo) de explorar nuevas alternativas para acceder a los contenidos y, sobre todo, cuando su uso está plenamente justificado desde lo conceptual y con una excelente realización en la práctica.

Más diseños en A Showcase of Websites with Unusual Navigation.

Pinterest para diseñadores

Sebastián Thüer · 28.05.2013 ·

 pinterest-design

Pinterest es la nueva red social basada en imágenes a la cual los diseñadores les pueden sacar mucho juego. Ya analizamos cómo funciona, publicamos una guía de uso y vimos cómo usar Pinterest para el marketing. Ahora, Carrie Cousins publica Pinterest for Designers: Using It to Your Advantage, un interesante artículo que nos muestra cómo los diseñadores podemos aprovechar Pinterest tanto para mostrar nuestro trabajo como para buscar inscrpicación.

Pinterest como portfolio

Obviamente, deberemos crear nuestra cuenta sino lo tenemos y completar el perfil. Un paso muy importante es verificar nuestro sitio web, algo que se puede hacer fácilmente descargando un archivo y subiéndolo nuestro sitio web. Con esto, ya no quedarán dudas de quién es el autor de las imágenes que publicamos en nuestros tableros.

Un tema controvertido: ¿Hay que publicar las imágenes con marca de agua o no? Particularmente, no me gusta mucho esa idea sin embargo muchos diseñadores optan por esta opción para evitar ver su trabajo reutilizado en otras producciones sin su consentimiento. En todo caso, habrá que ser consistentes y si una imagen lleva marca de agua todas las deberían llevar. 

El siguiente paso es crear y comenzar a utilizar tableros. Cada tablero funciona como una categoría que contiene las imágenes que publicamos. En general, hay que seguir las leyes generales del SEO: mientras más información y palabras claves introduzcamos más fácil será que otros encuentran nuestro contenido googlenado o usando el buscador interno de Pinterest.

También conviene hacerse una idea de los tamaños en que se mostrarán las imágenes. Este gráfico lo explica con bastante claridad

Tamaños de imágenes para Pinterest. Fuente: http://designshack.net
Tamaños de imágenes para Pinterest. Fuente: http://designshack.net

Pinterest como inspiración

Aquí no hay muchos secretos. La clave está en seguir gente interesante que publica contenido de calidad con cierta regularidad. Aquí un pequeño listado para comenzar:

Tipografía

  • David Schewn – Typography
  • Veronica Blaylock – Free Fonts
  • Joy Cho – Typography
  • Leah Den – Letters and Numbers, 
  • Laura Bolter Design – Words of Wisdom and Nice Type.

Diseño impreso

  • Leah Dent – Margins and Columns
  • Sarah Jones – Design
  • Kayla Meyer – Flyers + Posters
  • Hazim Al Radadi – Identity & Print Design
  • Emma Farley – Magazine Covers

Diseño Web

  • Violeta Patolova – Web 
  • aDONNAdesign  -Web Design Tips
  • Dan Otis – UI Inspiration
  • Amanda Hawkins – Web Portfolio 
  • Paula Cevasco – Web Design

Packaging

  • Violeta Patolova – Package Design
  • Blair Thomson – Packaging.Love
  • Ophella Quixote – Design and Packaging
  • The Cool Hunter – Graphic Design/Packaging
  • Kristina Miletieva – Packaging Design

Color

  • Sarah Jones – Colour Schemes
  • COLOURlovers – TEALlovers
  • JM Necheles – Color
  • Pantone – Everything Pantone
  • Isabel Moises – Color Inspiration Palettes

Logos

  • Rinee Shah – Logos
  • Mike D – Badgography
  • Carolina Beiertz – Great Logos
  • Manuel T – Hipsters Logos
  • Graham Smith – Logo & Brand Identity

La crisis de la complejidad, cuando la simplicidad es la solución

Sebastián Thüer · 02.04.2013 ·

Fotografía: Complexity 1, por Michael Heiss (CC)
Fotografía: Complexity 1, por Michael Heiss (CC)

En un día típico tenemos varios momentos en que nos sentimos frustrados y confundidos por la complejidad. Nuestra vida esta llena de objetos tecnológicos que no podemos usar, instrucciones que no podemos seguir y  planillas que no podemos descifrar. Un GPS, la etiqueta de un medicamento o un formulario de declaración de impuestos: elementos que solían ser simples se han vuelto increíblemente intrincados y difíciles de comprender.

Así comienza When Simplicity Is the Solution, el excelente artículo escrito por Alan Siegel e Irene Etzkorn para The Wall Street Journal donde relatan como la complejidad lo ha invadido todo. Aun nuestros tiempos de entretenimientos y recreación.

La web Sephora.com ofrece 1.992 fragancias, 436 lociones y 135 máscaras diferentes. Buscar una aplicación para el iPhone puede ser una odisea en un App Store que va camino al millón de aplicaciones (800.000 actualmente). Y hasta un comerciante que quiera vender con tarjeta de crédito debe leerse un contrato de 20.000 palabras cuando en 1980 no se extendía más allá de las 400.

El problema no se circunscribe solamente a la tecnología. Las leyes, las regulaciones gubernamentales y las prácticas comerciales abusivas que se esconden detrás de la letra pequeña también tienen mucho que ver con esto. Y también las compañías, para quienes resulta mucho más fácil ir agregando parches, notas al pie, excepciones y cláusulas a su información que reescribirla desde cero para hacerla más comprensible.

Ponerse en el lugar del otro

La clave para vencer esta complejidad pasa por la empatía. Esta palabra siempre de moda en el mundo de la comunicación supone asumir la perspectiva del otro como la nuestra y comprender la importancia de la experiencia a la hora de usar un producto o servicio.

A la hora de tratar un paciente, por ejemplo, no se trata solo de prestarle atención médica. Así lo hicieron en Cleveland Clinic donde realizaron un profundo trabajo para comprender como los olores, los sonidos, el saludo, la programación de turnos y hasta la disposición del personal de seguridad afecta las emociones del paciente. Así desarrollaron protocolos y normas que van desde los tiempos que tienen las enfermeras para responder a los pacientes -y en qué momentos deben establecer contacto visual – hasta el lenguaje que deben usar los médicos para comunicarse con los enfermos.

Empatía en el diseño

Desde esta perspectiva, el trabajo del diseñador es básicamente generar empatía. Intervenir en el proceso de desarrollo de un producto o servicio para hacer su uso más fácil, más simple y más agradable. Sin embargo, hay muchos ejemplos de cómo no se han las cosas bien.

Los prospectos de medicamentos son todo un tema. Generalmente, las personas buscan 2 o 3 datos sencillos y concretos: cuál es la droga y su efecto, cómo debe tomarse y qué efectos secundarios podría haber. Pero para hallar esta información hay que bucear en un texto lleno de tecnicismos y con tipografía minúscula.

Ni que hablar de la web, donde si nos detuviéramos a leer los términos y condiciones de cada sitio, la política de privacidad de cada página donde hay que ingresar datos y las licencias de los software que utilizamos harían de la navegación una experiencia tortuosa.

Quien lo parece haber entendido perfectamente es Google. Su página principal sigue siendo una simple y despojada ventana donde el logo de la empresa y la caja de búsqueda ocupa los lugares centrales. No todos los sitios pueden seguir este modelo, claro está, pero quizás sí su filosofía: mantener el diseño tan simple como sea posible.

  • « Ir a la página anterior
  • Página 1
  • Página 2
  • Página 3
  • Página 4
  • Página 5
  • Página 6
  • Páginas intermedias omitidas …
  • Página 38
  • Ir a la página siguiente »

Sebastián Thüer

Creative Commons Atribución 4.0 Internacional © 2025 · Less Is More · Acceder