Exercise 2: Design Practice

Rafael Moreno Moreno
3 min readAug 26, 2019

--

En este nuevo ejercicio nos metemos de lleno en Sketch, para empezar a practicar con él y coger soltura de cara al inicio del curso. Concretamente, nos piden que seleccionemos una aplicación, la que queramos, y copiemos el diseño de su interfaz.

Yo seleccioné Pocket Casts. Es posiblemente la aplicación que más utilizo en mi día a día, y como he ido siguiendo el desarrollo de su interfaz en el último año, y considero que hicieron un buen trabajo con el lavado de cara que le hicieron con la actualización a iOS 12, me parecía muy interesante bucear en las entrañas del diseño de todas las pantallas que componen la app que más me acompaña día sí y día también.

Para el ejercicio me he centrado en las principales pantallas que muestran en su menú principal: la vista principal de podcasts en cuadrícula, la vista por filtros, la vista de búsqueda y descubrir y finalmente la de perfil. Además, también copié el reproductor y la ficha de cada episodio de cada podcast.

(En las capturas, a la izquierda siempre aparece la captura original y a la derecha, mi versión “clonada”)

Listado de podcasts
Filtros
Búsqueda — Descubrir
Perfil
Reproductor
Ficha de episodio

Para la elaboración de todo el diseño, he utilizado Sketch. En principio, la mayoría de todo el diseño de la iconografía la he realizado con las propias herramientas de Sketch, exceptuando algunos casos puntuales, como el icono de fuente de audio, o los de playback, que los he tomado de Noun Project. Y evidentemente, las capturas de cada carátula de los podcasts, las he ido obteniendo capturando de los propios podcasts.

Como conclusión, he disfrutado muchísimo realizando esta práctica, ya que considero que el trabajo resultante es muy satisfactorio cuando lo comparas con las capturas de las que partimos. La sensación es como si estuvieras construyendo un puzzle que dan como resultante la aplicación final y el resultado final sorprende. Aunque bien es cierto que en algunos casos abruma la cantidad de detalles, guías y cálculos que hay que realizar para llegar a la conclusión final, creo que ha merecido la pena.

Me encantaría conocer vuestro feeback. ¿Qué os parece? ¿Cambiaríais algo?

¡Un saludo!

--

--

Rafael Moreno Moreno

UX/UI Designer based in Barcelona. I give solutions to complicated problems in an original way using visual design, rapid prototyping and interaction design.