La mayoría de lo que haces como diseñador probablemente comienza digitalmente. El diseño se dibuja con una herramienta como Photoshop o InDesign o Illustrator. No hay muchas maneras de evitarlo. ¿Así que esta semana en diseño, estamos mirando más al diseño digital y web? y un poco de lo que sigue.
Cada semana, planeamos echar un vistazo a los principales lanzamientos y actualizaciones de productos, herramientas y trucos e incluso algunas de las cosas más populares de las que habla en las redes sociales. Y nos encantaría escuchar lo que está pasando en tu mundo también. ¿Nos hemos perdido algo? Envíeme una línea en [correo electrónico protegido].
'Diseñando de adentro hacia afuera'
? Nadie visita su sitio web solo para ver su página de inicio o navegar por su arquitectura de información. La gente viene porque quiere hacer algo. - Ida Aalen en? El modelo básico: ¿Diseñar al revés para obtener mejores resultados? para el número 411 de A List Apart.
Ahora, podemos empezar. Pero como diseñadores, podría ser el momento de pensar en un punto de partida diferente. ¿Por qué? Para crear experiencias de usuario mejores y más viables. El lugar para comenzar un proyecto de diseño no está en la arquitectura de la información ni en el alámbrico, sino en la forma en que los usuarios interactuarán con el diseño.
Aalen hace un gran trabajo explicando la importancia en el artículo. (Debería leerlo con seguridad). Estos son los aspectos más destacados para que pueda comenzar a pensar de forma un poco diferente.
- Utilice un punto de partida diferente. Planifique proyectos utilizando el modelo central, un concepto que ha existido desde 2007, donde usted diseña sitios web desde adentro hacia afuera, con un enfoque en lo que los usuarios deben hacer con su diseño.
- Piense primero en los objetivos de negocio y las tareas del usuario, y con frecuencia. Son los puntos clave para la comprensión.
- Planifica los caminos que los usuarios tomarán.
- Determine el contenido central del sitio. ¿Qué necesitas para que los usuarios logren tus objetivos?
- Crea rutas para que los usuarios puedan avanzar.
- Considera móvil.
- ¿Convertir los pensamientos y bocetos en un plan de acción? y luego el sitio web.
Un taller central podría ser una opción para que su equipo aprenda a pensar y planificar un sitio de esta manera. Pásate y lee la publicación para obtener ideas sobre cómo poner en práctica ese plan.
¿Podemos hacer que la respuesta sea más rápida?
Existe un mito de que la capacidad de respuesta no siempre es muy rápida (especialmente en dispositivos más pequeños), pero es solo un mito. Algunos diseños recientes de sitios web están demostrando que los sitios receptivos pueden ser más rápidos con un mejor rendimiento del que estamos acostumbrados.
Brian Krall, un creador de desarrollo de UI de Side Project, observó algunos rediseños y cómo están cambiando lo que pensamos acerca del diseño responsivo en “Una mirada al panorama actual de diseño responsivo (y cómo acelerarlo)”.
Aquí hay tres ejemplos de sitios que se rediseñaron en julio y sus tiempos de carga. (Puede encontrar más ejemplos y una imagen aún mejor en el análisis de Krall.)
- New Yorker: Tamaño de página 3.3MB, tiempo de carga 4.24 segundos
- Adobe: Tamaño de página: 970.4KB, tiempo de carga 2.69 segundos
- Harvard Law Review: Tamaño de página: 2.2MB, tiempo de carga 1.29 segundos
Imaginando aplicaciones iWatch
Estoy listo para el iWatch. Estoy entusiasmado con el concepto. Y aún más entusiasmados con las posibilidades de diseño. Simplemente no puedo tener suficiente de eso. Así que me encantó la pieza de Fast Company con la agencia de diseño Huge, donde las aplicaciones comunes se reimaginaron para el dispositivo.
Si bien ninguno de estos diseños es más que imaginación, es divertido imaginar lo que sigue. ¿Ya estás empezando a planear el diseño portátil? (Debería serlo). ¿Está pensando en todas las nuevas características que deben ser parte de la interfaz de usuario? (Elementos como el motor Taptic, que proporciona retroalimentación a la piel; comandos de voz; la rueda, porque un reloj es demasiado pequeño para pellizcar y desplazarse en la pantalla).
Hay mucho que pensar, y todo se centra en el diseño de aplicaciones que se hacen dispositivos portátiles, y no son solo versiones más pequeñas de aplicaciones móviles.
El enorme proyecto analizó las posibilidades de aplicaciones y tareas populares: Uber, Foursquare, Chase, Fandango, Instagram, The New York Times, balizas, presupuestos personales y finanzas, listas de tareas pendientes, deportes y fantasía, navegación y trabajo en la cocina. Tendrá que dirigirse a Fast Company para verlos a todos, pero esto es lo que Huge tuvo que ofrecerle sobre Instagram.
- Posibilidades:? Notificaciones de nuevas interacciones; Foto navegando con la corona digital? (mecanismo de desplazamiento).
- Cómo funcionará: será difícil editar las fotos en una pantalla tan pequeña, por lo que Instagram tendrá una funcionalidad limitada en el reloj. Pero los usuarios seguirán beneficiándose de alertas instantáneas, mensajes y visualización.
Actualización de redes sociales
Parece que necesita una nueva hoja de trucos cada año para mantenerse al día con los cambios de tamaño y especificaciones para todos sus perfiles de redes sociales. SetUpABlogToday creó una gran infografía que detalla todos esos tamaños, por red, para usted.
Los trucos incluyen todas las pautas de imagen y especificaciones para Facebook, Twitter, Instagram, Pinterest, Tumblr, LinkedIn, Google+ y YouTube. Si bien algunos de los números son familiares, muchas de las especificaciones han cambiado recientemente. (¿De verdad subiste un encabezado de LinkedIn?)
Entonces, si no has actualizado tus perfiles de redes sociales en un tiempo, esta es tu oportunidad.
Solo por diversión
Casi todos aman las cosas gratis, especialmente las de diseño libre, ¿verdad? Luego ingrese al sorteo de 28 días de diseño, que se realizará hasta el 9 de febrero.
El patrocinador de regalos Flywheel tiene más de $ 10,000 en herramientas de diseño y productos de 28 de las mejores marcas del sector, incluyendo Creative Market, HOW Magazine, Skullcandy, Studio Neat, Invision y más, y regalará algo cada día. Además, un afortunado ganador se llevará a casa más de $ 2,500 en productos de cada marca en el sorteo.
Es fácil entrar.Envíe su nombre y dirección de correo electrónico en el formulario, comparta el enlace del premio en las redes sociales y cruce los dedos. ¡Buena suerte!