UX Writing

Image for post
Image for post

En realidad los usuarios sí leen, pero no de la forma habitual. Primero escanean el contenido para lograr la mayor eficiencia posible con el menor tiempo y costo cognitivo. Y una vez que han realizado este proceso leen lo que les interesa o llama la atención. Por esta razón los microcopies son tan importantes en un producto digital.

¿Qué es un microcopy?

Los microcopies son aquellos textos que aparecen en una web, app o producto digital que sirven como pistas para ir conduciendo al usuario en el flujo del uso del producto. …


UX / UI Case Study

Image for post
Image for post

¿A cuántos de vosotros, aquellos que estáis empezando a leer este artículo, se os parte el corazón cuando veis un perro o un gato solo por la calle, sin saber si tiene dueño o no, se ha escapado o lo han abandonado?

Yo soy una de esas personas, incapaz de moverme del sitio, cuando una de estas situaciones ocurre en el mismo sitio donde me encuentro en ese momento.

Es algo que me inquieta, me entristece y creo que puede tener una solución a través del concienciamiento y las herramientas adecuadas para evitar y gestionar el abandono animal.

1. El Problema

En la…


Add a feature · UX / UI Case Study

Image for post
Image for post

¿Cuántas veces os ha tocado buscar alojamiento para vuestras vacaciones?

Hoy en día la forma de viajar y hospedarse ha cambiado mucho, antes lo habitual era irse a una agencia de viajes donde te contrataban transporte y sitio para dormir, o tu mismo buscabas el número de una pensión u hotel en la guía telefónica, llamabas, reservabas y pagabas al llegar.

Pero con la llegada de internet, los pagos a través de plataformas online, el desarrollo de la apps y el user centered design, el panorama ha cambiado de forma radical.

Hoy en día es más sencillo meterse en la…


Microsite Design · UX / UI Case Study

Image for post
Image for post

En la actualidad el mundo de los videojuegos es una de las industrias más potentes en el mundo (en España mueve el doble de ingresos que el cine o la música), engloba decenas de disciplinas y da trabajo a miles de personas en todo el mundo.

En las últimas dos décadas ha experimentado un crecimiento increíble, debido a los avances tecnológicos, comunicación y el incremento cada vez mayor de su comunidad, que siempre quieren estar al tanto de las últimas novedades.

1. El proyecto: Microsite Design


Editorial Design · UX / UI Case study

Image for post
Image for post

En las últimas dos décadas la prensa digital ha experimentado un cambio radical, ya no se busca solamente leer noticias o historias, sino crear una experiencia que fidelice al lector. Se ha incrementado enormemente su consumo y su demanda es cada vez mayor en todo tipo de contenidos, sectores y plataformas.

Squad Magazine nació de la necesidad de crear un producto digital que se adaptara a todos los dispositivos y motivara esa necesidad de consumir contenido inspirador, vanguardista y actual de forma rápida y voraz.


The problem of Whole Bank

Image for post
Image for post

Whole Bank es una entidad bancaria que comenzó su trayectoria en Framingham (Massachusetts, Estados Unidos). Actualmente esta empresa se ha dado cuenta que necesita actualizarse digitalmente, ya que sus clientes tienen nuevas necesidades y problemas que antes no tenían. Este banco ha detectado que hay un gran problema con el dinero del que disponen sus clientes cuando viajan, sobre todo cuando tienen que efectuar pagos o sacar dinero en efectivo, ya que las tarjetas de crédito/débito pueden dañarse, perderse, robarse o simplemente en muchos comercios no se admite el pago con tarjeta.

Para poder comenzar a encontrar una posible solución…


Usability Case Study & Redesign

Image for post
Image for post

La Universidad de Boston se encuentra localizada en Massachusetts. Es uno de los centros de estudios universitarios privados más importantes de Estados Unidos y el cuarto más grande de todo el país. En este lugar han estudiado numerosos premios Nobel, Pulitzer, Óscar, Tony y Emmy.

La página web de la Boston University ha sido seleccionada para testar su usabilidad. A lo largo del proceso y la entrevista al usuario, se han detectado varios problemas que impiden el acceso fácil e intuitivo a la información que este deseaba buscar, y que probablemente, cualquier usuario podría querer obtener.

Durante la prueba el…


Wireframes for Emov

Image for post
Image for post

Es difícil cuando eres detallista conseguir sintetizar el diseño que quieres comunicar. Siempre tendemos a bajar mucho las ideas y desarrollarlas sin testar primero, sobre todo si vienes del mundo de la publicidad o de la comunicación, que se mueve en muchas ocasiones por concursos donde se pide la propuesta descripta y pintada a la perfección. Por ello hacer un cambio de mentalidad lleva una transición, que gracias a este tipo de ejercicios es más fácil realizar y darte cuenta de que lo que creías fácil no lo es tanto.

En el ejercicio lo que se proponía era hacer construir…


Plan trips with friends

Image for post
Image for post

Dicen que una de las mejores formas en las que más se aprende es replicando referencias, inspirándose y viendo cómo se hacen las cosas por primera vez.

Este encargo consistía en eso, replicar o clonar exactamente las pantallas que se nos mostraban de una aplicación para planear viajes con amigos.

Una de las cosas que más reto me ha supuesto es medir si la distancia entre los objetos era parecida y si los tamaños de las tipografías también lo eran, para intentar que el diseño fuera lo más exacto posible a lo que se pedía.


Creando formas

La primera vez que me enfrenté a Sketch no las tenía todas conmigo porque pensaba que iba ser muy diferente de otros programas que ya conocía. Pero una vez que me puse en marcha me sorprendió mucho, ya que considero que es una herramienta muy intuitiva, con una interfaz muy accesible y fácil de aprender, que permite tener todas las funciones a mano y con rápido acceso.

Image for post
Image for post
Construyendo un cohete con Sketch

Sketch es una programa que coge lo mejor de cada herramienta que ya conocemos (Photoshop, Illustrator, …) y lo une en un todo. Lo que antes hacíamos en un programa u otro, y…

Anais Saphire

UX / UI Designer | Graphic & Industrial designer (Madrid, Spain) https://anaissaphire.com/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store