¿Qué consejo le darías a un aspirante a diseñador de productos sin conocimiento previo?

Convertirse en un buen diseñador de productos implica aprender una serie de diferentes conjuntos de habilidades que incluyen diseño visual, tipografía, diseño de interfaz de usuario, HTML, CSS, JS, Ruby / Python / PHP.

Leer.
Mantente en contacto con la industria. Siga a los buenos diseñadores en Quora, Twitter, Dribbble, etc. Manténgase actualizado con cosas como la compatibilidad del navegador, lo que funciona en diferentes dispositivos, actualizaciones de sistemas operativos y los últimos productos en el mercado. Leer noticias de diseño. Lea los estudios de caso de buenas compañías de diseño sobre cómo diseñaron y construyeron nuevos productos. Mira videos de conferencias como UX Week.

Aprender diseño visual.
Obtenga una copia de Illustrator y siga algunos tutoriales. Aprende a dibujar bolas brillantes. Intenta copiar algunos folletos o carteles bonitos. Aprende la teoría del color. Con el tiempo, apreciará los pequeños detalles que la mayoría de las personas dan por sentado cuando usan un producto. Todos los días, visita Dribbble – Popular y estudia los diseños.

Productos de ingeniería inversa.
Descomponga los productos bien diseñados (Facebook, Google, Trello, etc.) en partes más pequeñas e intente aplicar ingeniería inversa. Al estudiar los productos e intentar reconstruirlos, se dará cuenta de por qué están diseñados de cierta manera.

Por ejemplo, tome mensajes de Facebook. Considere la información que se muestra en el panel izquierdo para cada enlace de mensaje. El avatar, nombre, fecha y hora y primera línea del mensaje. ¿Por qué se muestra esa información? ¿Por qué no alguna otra información? Piense en la información que está oculta pero que se muestra al pasar el mouse. Piense en lo que sucede cuando hace clic en el botón “mensaje nuevo”. Podrían pasar muchas cosas, podría aparecer un formulario desplegable, podría aparecer un cuadro de diálogo modal, podría vincularse a una nueva página con un formulario. Considere cómo la entrada “Para:” se enfoca automáticamente. Todas estas decisiones fueron tomadas por un diseñador de producto a través de un proceso de intuición, datos y pruebas.

Aprende CSS.
Aprendí CSS bastante temprano y en ese momento estaba muy emocionado por reproducir efectos geniales, así que terminé siendo muy bueno en CSS. Ahora lo doy por sentado, pero de vez en cuando veo a un diseñador frustrado porque no puede mover algo exactamente donde quiere que esté, así que conformarse con un diseño menos que perfecto o intentar algo más. Pasar horas lidiando con CSS es tiempo que podría haber pasado aprendiendo. Conozca sus herramientas desde el principio.

Solo sigue aprendiendo.
Mucha gente piensa que debería centrarse en algunas habilidades, pero el hecho es que el diseño no es suma cero. Aprender otra habilidad no te hará olvidar todo lo que has aprendido hasta ahora. Así que mi consejo es que intentes consumir tanta información como puedas. No te limites a campos específicos. Pruebe el diseño de logotipos, diseño de impresión, diseño de interfaz de usuario, tipografía, diseño industrial, diseño de interiores. Conviértete en un diseñador holístico.

Aprende a ver, hacer y deconstruir.

Aprende a ver:

Parte del diseño es ver el mundo de manera diferente. No solo ves lo que hay en el mundo, sino cómo las cosas en el mundo afectan el comportamiento de las personas. La orientación del asa de una taza de café cambia la forma en que la sujetamos.

Comience a catalogar las diferentes cosas que ve, no solo en las áreas de los productos de su edificio, sino en el mundo en general. (Por ejemplo, estudie la pantalla de bloqueo en su teléfono y mire todos los diferentes elementos que hay para que alguien interactúe. ¿Con cuántos puede contar solo con esa pantalla?)

Aprende a hacer:

El proceso de diseño es hacer algo. Algo que cambia el comportamiento de alguien.

Constrúyelo. Mira a alguien usarlo. Luego desmóntelo y vuelva a construirlo, esta vez un poco diferente. Vea cómo cambia ese comportamiento.

Vea si algunas versiones deleitan a las personas más que otras. Delight es la métrica del éxito con el diseño. La frustración es la métrica del fracaso. Desea que sus diseños deleiten más de lo que frustran. (Idealmente, desea iterar hasta que se elimine por completo la frustración).

Aprenda a deconstruir:

Un verdadero diseñador desarma las cosas. Clasifican las piezas. Construyen taxonomías y ontologías. Crean un lenguaje para lo que ven.

Todas esas cosas en la pantalla de bloqueo del teléfono, ¿cómo se llaman? ¿Cómo se llaman las cosas como ellas? ¿Cuáles son las abstracciones subyacentes que los hacen iguales o diferentes de otras cosas?

No puedes saber algo que no tiene nombre. Y no puede comenzar a describir sus propiedades y atributos: la esencia de lo que lo convierte en lo que es. Deconstruir los diseños que ves (y los diseños que haces) te ayudará a comprender los componentes básicos.

Definitivamente es importante leer e investigar, así como aprender las herramientas del oficio como Photoshop o Illustrator, pero diría que el diseño del producto se trata principalmente de resolver un problema específico para un tipo específico de persona .

Creo que esto es algo que puedes aprender haciendo. Esto es lo que sugeriría:

1) Comience con un problema para resolver.
Elija un problema que muchas otras personas / empresas hayan resuelto de muchas maneras diferentes. Por ejemplo: “Me gustaría que fuera más fácil publicar fotos en línea”. (Obviamente, hay docenas de productos que hacen esto, pero por el bien de este ejercicio, comience con la mentalidad de que usted es la primera persona en tratar de resolver este problema).

2) Haga y responda preguntas sobre el tipo de persona que tiene este problema.
¿Son una fotografía profesional o alguien que simplemente usa su iPhone para tomarse fotos? ¿Por qué quieren sus fotos en línea? ¿Quieren poder publicarlos en el mundo o simplemente en un grupo selecto de amigos? ¿O simplemente quieren una copia de seguridad en línea? ¿Les importa ajustar las fotos o están contentos de subirlas tal cual? Para este ejercicio está bien inventar las respuestas siempre que las respuestas dibujen la imagen de un usuario realista. (Esto generalmente se llama una persona de usuario).

3) Crear historias de usuarios que ilustren claramente las necesidades del usuario.
El formato tradicional de una historia de usuario es el siguiente: “Como (tipo de usuario), quiero (objetivo) para poder (razonar)”. Por ejemplo: “Como fotógrafo profesional, quiero poder subir mis fotos a la web para poder compartirlas con posibles clientes”. Haga esto durante toda la experiencia para tener una idea de las diversas cosas que un usuario necesitaría hacer (subir fotos, agregar información, ver / editar / eliminar, compartir, etc.). Esto le ayuda a pensar de manera integral sobre el problema en lugar de concentrarse demasiado en un solo aspecto del producto.

4) Storyboard la experiencia general.
Antes de pensar en la interfaz de usuario, cree guiones gráficos que recorran las historias del usuario teniendo en cuenta el contexto del usuario (¿dónde, cuándo y por qué?). Si no eres bueno dibujando (como yo) solo usa figuras de palo. La idea es meterse en la cabeza del usuario y buscar ideas que podría perderse si tuviera que moverse demasiado rápido para diseñar la interfaz de usuario.

5) Dibuje y / o prototipo de la interfaz de usuario.
Con un lápiz y papel o una herramienta simple como Balsamiq, comience a esbozar la interfaz de usuario de las cosas que compuso en el paso anterior. Si es técnico, intente no pensar demasiado en las estructuras de datos subyacentes o las opciones tecnológicas. En su lugar, intente hacerlo intuitivo y directo utilizando la persona del paso 2 como guía para saber cómo debe interactuar el usuario con la interfaz de usuario (ejemplo: un fotógrafo profesional querría más capacidades que el usuario ocasional). Cree un prototipo en el que se pueda hacer clic y úselo como lo haría un usuario real para que pueda ver dónde no funcionan las cosas y luego descubrir cómo solucionarlas.

6) Mira cómo otros han resuelto el problema.
Ahora que lo has probado, ve a los otros sitios que resuelven el mismo problema y piensa cómo llegaron allí. Vea si puede averiguar qué problema específico estaban tratando de resolver para qué tipo específico de personas. ¿Qué hace que Flickr sea diferente de Instagram? ¿Qué hace que SmugMug sea diferente de 500px? ¿Qué opciones en el desarrollo de esos productos los hacen diferentes hoy? Mire cómo se acercaron a la interfaz de usuario y compárelo con su enfoque.

En una situación del mundo real, el diseñador es solo un miembro de un equipo y las opciones dependerán de los objetivos comerciales, la investigación del usuario, la tecnología y muchos otros factores. Sin embargo, para alguien que busca aprender sobre el diseño de productos, seguir estos pasos lo ayudará a pensar en la resolución de problemas, empatizar con el usuario y deconstruir las soluciones existentes.

Espero que esto sea útil.

Jared Spool está en lo cierto. Mi mentor fue Jeff Raskin (diseñador de la interfaz de usuario original de Mac y muchas otras innovaciones geniales). Lo que aprendí de Jeff es que si quieres diseñar un producto exitoso que sea ampliamente adoptado, lo único que debes saber sobre Hábitos.

Las personas son criaturas de hábitos. Tienen necesidades, y a menudo se expresan sobre aquellos que no se están cumpliendo, o que no se están cumpliendo regularmente, o muy bien. Pero no son buenos para articular una mejor manera de satisfacer esas necesidades, eso es lo que el diseñador debe hacer.

Y el diseñador debe comenzar por comprender la forma habitual existente del usuario de tratar de satisfacer esas necesidades, y debe extinguir ese hábito existente, o no habrá posibilidad de adopción.

A continuación, debe abordar la formación de hábitos: solo cuando se facilita la sustitución de un nuevo hábito, se garantizará la adopción.

Y finalmente necesita comprender el mantenimiento de hábitos. De lo contrario, pierde personas que ya han probado su producto.

Tenga en cuenta que estos problemas tienen que ver con la psicología cognitiva humana; no importa si trabaja en HTML y CSS básicos, Ruby on Rails, Drupal, Python o cualquier otra tecnología, si no obtiene el control de hábitos, la tecnología correcta ganó ‘ No lo salva, y si tiene los hábitos correctos, las tecnologías subyacentes son invisibles para el usuario.

Consulte los primeros libros y materiales de personas que fundaron la Asociación para el Diseño de Software (ASD), mientras que las plataformas y tecnologías que usan pueden haber cambiado mucho, las motivaciones de las personas y la forma en que los hábitos determinan su comportamiento apenas han cambiado en la historia registrada. Hay mucha sabiduría allí.

Pocos consejos sólidos:

  • Aprenda sobre la arquitectura de la información: no puede enfatizar su importancia en el diseño lo suficiente. En resumen, le permite estructurar y presentar información y datos de una manera que se sumaría para una experiencia de usuario superior. Resuelve toneladas de problemas de eficiencia de UI y es probablemente el campo más subestimado por los diseñadores en este momento.
  • Mejore sus habilidades de HTML / CSS, especialmente todas las cosas nuevas que puede hacer con HTML5, CSS3. Es sorprendente lo mucho que puedes hacer usando solo estos 2 idiomas. Como ya eres desarrollador, no te presentarán absolutamente ninguna curva de aprendizaje. ¡Aprende HAML / SASS!
  • No te molestes demasiado en Photoshop / Illustrator. Quiero decir … lo más probable es que pases una buena cantidad de años simplemente familiarizándote con las herramientas y, al mismo tiempo, ya tienes el “conocimiento de codificación” para diseñar en el navegador. LiveReload, CodeKit, Emmet LiveStyle son herramientas que le permiten crear prototipos y reiterar rápidamente en el navegador. Ese es el camino a seguir en la OMI.
  • Hay cosas como mejorar su sentido del color, aprender sobre todos los aspectos de la tipografía y cómo manipularlos, patrones, espacios, espacios en blanco, consistencia, ritmo, proporciones, diseño, cuadrículas, etc. Son muy importantes, sin embargo, aprender sobre esas tomas tiempo … quiero decir … ningún libro o tutorial puede “enseñarte” eso. Vendrá con el tiempo.
  • En este momento … creo que sería mejor para ti si profundizas y comienzas a diseñar / codificar algo. ¡Comience a recopilar comentarios tan pronto como tenga algo sólido! De esa manera, será más eficiente en su proceso de aprendizaje.

¡Buena suerte y diviertete!

No dude en enviarme una línea si tiene alguna otra pregunta. Estaré encantado de tratar de responderlas.

  1. Aprenda a pensar sobre el diseño del producto al leerlo.
  2. Consume productos y analiza cómo funcionan y por qué funcionan de esa manera. Por ejemplo, debe saber por qué existe algo como Snapchat y por qué las personas lo usan.
  3. Consume diseño visual para que sepas cómo articularte con el diseño de la interfaz de usuario. Mira algo como dribbble todos los días.
  4. Aprenda a codificar incluso sitios web simples para que pueda experimentar.
  5. Construir construir construir. Pruebe cosas, vea si alguien quiere usarlas. Prueba otras cosas.

En primer lugar, es genial que te interese el diseño. Sin embargo, debes saber que poco en las dos disciplinas se superponen. No les pedimos a los carpinteros que diseñen edificios (para eso están los arquitectos, sin embargo, en demasiados lugares les pedimos a los programadores que diseñen aplicaciones o sitios web).

Dicho esto, para ser un buen diseñador, específicamente un diseñador de interfaz de usuario o diseñador de interacción, realmente tiene que ser parte de su ADN. Si pasas por tu vida cotidiana y te das cuenta no solo de que las cosas no funcionan tan bien como deberían, sino que puedes descubrir por qué y pensar en soluciones, entonces está en tu ADN.

Varios otros encuestados han hecho referencia a muchos buenos recursos. Digo comenzar con este: el libro de Donald A. Norman “El diseño de las cosas cotidianas”. Es fácil de leer y fácil de entender, y si se encienden pequeñas bombillas de información en su cerebro cada pocas páginas, entonces el diseño puede estar en su ADN.

Para ser serios, es mejor que entrenes. Y no solo leyendo un libro de entrenamiento. No puede simplemente “adquirir” habilidades de diseño más de lo que puede simplemente “adquirir” habilidades de programación. (Bueno, a menos que seas Bill Gates o algún genio similar). Para ir por completo, te recomiendo un programa de grado completo. Soy parcial, por supuesto, pero el departamento de diseño e ingeniería centrado en el ser humano de la Universidad de Washington tiene excelentes programas de licenciatura y posgrado. Otras escuelas cercanas a usted pueden tener programas similares, y le insto a que los revise. Programas como estos no solo enseñan la teoría y la refuerzan con la práctica, sino que tienen las conexiones para encontrar un buen trabajo cuando termine. Y completar un programa de grado demuestra que eres un apasionado y dedicado a la disciplina, que es una de las claves que buscan los gerentes de contratación.

Gracias por considerarme calificado para responder esta pregunta.

Jared Spool ya ha hecho buenos puntos. Aquí está mi consejo que expresé sobre ¿Cómo paso de la escritura técnica a la experiencia del usuario (UX o UI), diseño de interacción o arquitectura técnica? –

¡Deja de desarrollar y comienza a observar!
Tómese un descanso de su vida de desarrollo habitual. Y comience a prestar atención a los productos que ya usa. Piense en los detalles del producto. Aprecie y comparta todo lo que encuentre durante ese uso. En un par de semanas te sentirás iluminado. Todo comenzará a tener sentido para ti. Tendrás una definición UX en tus propias palabras.

Camino alternativo: lea libros y convierta esta divertida experiencia en algo mundano. (No recomendado)


Y una buena experiencia de desarrollo complementa el ejercicio de ejecución del producto, que es una parte integral del diseño (a menudo incomprendido como una actividad superficial).

  1. Leer libros de diseño
  2. Busque en Google las “mejores carteras de diseño UX” y vea qué hacen los grandes diseñadores para presentarse.
  3. Nunca te conformes, diseña cosas para que sean increíbles, encantadoras. Si no tiene un proyecto, solo invente uno. Rediseño de Quora. Rediseñar un CRM. Lo que sea.
  4. Pon tus diseños en línea
  5. Pide una crítica, mejora. Trabaja duro.
  6. Solicite un puesto de diseño en Marketo.

Creo que realmente se beneficiará de los libros de Luke Wroblewski: Mobile First, diseño de formularios web y visualización de sitios: un enfoque visual de la usabilidad web. Y su blog: Escritos sobre estrategia y diseño de productos digitales
¡Aún mejor, ven a conocer a Luke en persona en Palo Alto! Hablará sobre ideación y diseño para startups en: http://www.meetup.com/Igniter/ev

Únase a Igniters: Stanford Entrepreneurs & Silicon Valley Founders, o suscríbase al boletín de Igniters ( http://ignitersv.com/ ) para más eventos relacionados con el diseño de productos.

… Estoy confundido. La pregunta se refiere a un ‘diseñador de productos aspirantes’, y luego continúa hablando sobre ‘diseño web’. Y la mayoría de las respuestas también se concentran en el diseño web y de interfaz de usuario. Soy un ‘diseñador de productos’ y diseño productos / cosas / objetos. ¿Desde cuándo eran productos de sitios web?

Tome un curso de diseño en línea de una universidad de renombre para aprender teoría de diseño y obtener experiencia práctica en laboratorios y tareas.

Personalmente, el curso de interacción hombre-computadora de Stanford me pareció muy gratificante.

Mira esta fenomenal charla TED y comienza a conectarte con los cinco sentidos.

Jinsop Lee: diseño para los 5 sentidos | Video en TED.com

Haz un gráfico como él clasifica tus sitios web favoritos, productos, diseños, cualquier cosa. Hice mi propia clasificación de mis cosas favoritas en mi habitación … ¡Mi iPad sería más agradable que el sexo si oliera!