Cómo hacer un "portafolio de diseño de interacción"
El artículo anterior le habló sobre cómo hacer un portafolio de diseño de interacción, los preparativos preliminares y el marco de contenido que se debe proporcionar. Después de clasificar los materiales de sus trabajos, puede crear el contenido principal.
Este artículo se centrará en el contenido del "Cuatro. Cuerpo principal del portafolio" en el marco anterior.
Los portafolios de diseño de interacción se centran en la lógica del pensamiento. Obviamente, no es aconsejable enumerar y acumular casos de sus trabajos. Por un lado, no puede centrarse en sus fortalezas y habilidades profesionales. Los lectores también tendrán fatiga. Un mejor enfoque es descomponer sus habilidades y conocimientos profesionales y luego asignarlos a los casos de trabajo correspondientes. Cada trabajo se centra en una determinada habilidad suya, y luego todo el portafolio es su reflejo integral.
A continuación, permítanme hablar sobre qué tipo de marco se debe utilizar en diferentes casos y qué puntos de conocimiento en el diseño de interacción deben revelarse.
Puntos clave: todo el proceso involucrado en el diseño de interacción debe estar completo y no es necesario que cada enlace sea particularmente detallado. Se puede expresar claramente en una página, pero la relación lógica entre el anverso y el reverso. debe ser riguroso.
Marco de puntos de conocimiento: revelar la conexión entre los contenidos y resaltar las relaciones causales ascendentes y descendentes es lo que todo el caso debe expresar.
Para darle un ejemplo, para que todos comprendan la conexión del contenido, permítame mostrarle un caso con solo contenido lógico y sin embellecimiento visual:
Lo anterior es para que la gente sepa que usted es lógicamente riguroso y puede realizar todo el viaje. No hay problema incluso si utilizas un trabajo normal.
Puntos clave: Resaltar la profesionalidad y la integridad de la investigación de usuarios y las pruebas de usabilidad, y la racionalidad del uso de los resultados de la investigación.
①Antecedentes del proyecto: describir y proponer brevemente los valores o problemas del proyecto.
② Investigación de usuarios (visualización completa de puntos de conocimiento): preparación preliminar, clasificación y especialización de muestras de usuarios, construcción de esquemas de entrevistas o cuestionarios, análisis de datos y conclusiones de la investigación.
Acerca de la investigación de usuarios. Artículos disponibles para su visualización: "Comprender a los usuarios: investigación cuantitativa y cualitativa" "Investigación cuantitativa sobre la experiencia del usuario: hacer que los cuestionarios sean impecables" "Investigación cualitativa sobre la experiencia del usuario: aprovechar al máximo las entrevistas"
③Análisis de requisitos: establecer el usuario roles, analizar las características del usuario objetivo, derivar usuarios primarios y secundarios, y determinar el posicionamiento del producto.
④ Solución de requisitos: simplemente describa el posicionamiento del producto y la estructura alámbrica de la interfaz principal. Este enlace es principalmente para que el siguiente paso de las pruebas de usabilidad desempeñe un papel de conexión.
⑤ Pruebas de usabilidad: contenido de preparación previa a la prueba, principios y conclusiones de la evaluación heurística, métodos de prueba (método de vocalización/método de observación/prueba AB/prueba de movimiento ocular, etc.), resultados de la prueba, conclusiones del análisis, modificación sugerencias.
⑥El prototipo final del producto: Es una solución de producto mejorada y debe reflejar las conclusiones de la prueba de usabilidad.
La presentación del portafolio deberá reflejar los siguientes contenidos específicos. Plantillas de marco visual relacionadas con la investigación de usuarios para su referencia:
Puntos clave: resalte el pensamiento, los métodos de creación de prototipos y las modificaciones del proceso y el esquema de diseño de la interfaz.
①Antecedentes del proyecto: describir y proponer brevemente los valores o problemas del proyecto.
② Posicionamiento del producto: responda a los valores o problemas del proyecto planteados en segundo plano y proporcione la descripción correspondiente del posicionamiento del producto, los usuarios objetivo y los escenarios típicos. Un resumen de 1 a 2 páginas es suficiente.
③Análisis de arquitectura funcional: proporciona el modelo de transformación de la demanda, la prioridad funcional y la arquitectura funcional general del producto en función del posicionamiento del producto.
④Análisis del proceso de tareas: según la arquitectura funcional, se proporciona un diagrama de análisis de procesos detallado para definir cada tarea funcional.
⑤ Diseño de información de la interfaz: estructura alámbrica detallada de la interfaz, guía de proceso y anotaciones.
⑥Especificaciones de interacción y efectos visuales: especificaciones de control, especificaciones de texto y especificaciones de color.
El marco visual reflejado en la página es el siguiente:
El trabajo más completo de diseño de prototipos de interfaz es adecuado para el rendimiento en este caso, y también es la capacidad central básica de un diseñador.
Puntos clave: Generalmente, se seleccionan productos que ya están orientados al mercado. Después de plantear los problemas actuales, se elaboran las soluciones, destacando la integridad del concepto de diseño del servicio o el grado de cambios del usuario antes y después. después de la operación.
①Antecedentes del proyecto: Resuma brevemente los antecedentes del proyecto, que suele ser un producto que ya ha sido lanzado al mercado.
②Análisis de mercado: utilice SPET, el modelo de cinco fuerzas de Porter, análisis FODA, 5W2H y otros métodos de análisis para obtener el estado del mercado.
③Mapa de viaje del usuario: El viaje completo del usuario desde el uso hasta el final, escribiendo la descripción de cada etapa y los problemas encontrados.
④ Análisis de demanda y puntos débiles: clasifique los puntos débiles principales de los usuarios, diseñe oportunidades y derive las funciones y prioridades de funciones transformadas por las oportunidades.
⑤Análisis del modelo de negocio: lienzo de negocio (socios, negocios clave, recursos centrales, propuesta de valor, relaciones con los clientes, acceso a canales, estructura de costos, fuentes de ingresos).
⑥Plan de diseño/operación del servicio: plan de desarrollo empresarial, plano de diseño del servicio o diagrama modelo del plan de promoción de la operación, etc. (se muestra visualmente alrededor de los puntos débiles y el modelo de negocio mencionados anteriormente).
⑦Efecto de mercado: después de aplicar el diseño o el plan de operación, los datos de retroalimentación del mercado, el aumento de la actividad o la rigidez, etc. (No es necesario escribirlo si no hay datos reales)
Respecto al procesamiento de detalles, microinteracción, utilización de principios o metodologías de diseño relevantes, etc. No tiene que ser un proyecto completo, puede ser un pequeño vínculo, presentado como un tema para demostrar tu capacidad para manejar los detalles.
Tal como el siguiente caso:
6.1 Visualización de información de datos
Se visualiza a través del diseño de la información y expresión gráfica de cada página de tu portafolio, porque originalmente su portafolio Cada página del sitio web debe tener una gran cantidad de texto y datos para transmitir, pero para que otros lo entiendan más fácil y fácilmente, debe expresarlo de manera visual. De este modo, su cartera ya revela de forma invisible su capacidad en este ámbito.
Algunos consejos sobre visualización de información: uso de modelos metodológicos, uso de tablas de datos, narración de escenarios, método de resaltado de palabras clave
Algunos problemas comunes en la visualización de información de portafolios:
6.2 Habilidades comunicativas y retóricas
Siempre habrá contenido en tus trabajos que no se puede expresar visualmente. La introducción y la descripción de anotaciones de cada uno de tus proyectos deben ser simplificadas y refinadas, y tu expresión de redacción precisa reflejará tu comunicación. y habilidades para desarrollar el habla.
6.3 Capacidad de percepción estética
El diseño de encuadernación de la portada y las páginas interiores del portafolio, el diseño de la página de inicio de cada proyecto y el diseño de diagramación de cada página serán su visual. estético La encarnación del diseño.
Entonces:
1. Antes de crear un portafolio, averigüe el estilo visual del mismo, incluida la combinación de colores y las características gráficas, y luego comience a hacerlo
<; p> 2. Ajuste aleatoriamente los gráficos y el texto durante el proceso de producción;3. Autoevaluación después de completar el primer borrador del portafolio, unifique la "fuente, el tamaño de fuente y el color" de los títulos y textos en todos los niveles, y corregir los colores principales y auxiliares de los gráficos, optimizar elementos visuales decorativos redundantes.
Pero tenga en cuenta que los efectos visuales aquí son principalmente para mejorar la legibilidad de su portafolio, complementados con decoración. Sigue siendo muy importante que las personas se concentren en la lógica de su contenido al leer.
6.4 Revisar la capacidad de pensamiento
Al final de cada capítulo o proyecto, resuma las capacidades centrales demostradas en el proyecto. El resumen debe centrarse en la aplicación de puntos de conocimiento, la comprensión de la metodología o la iluminación sobre un tema determinado, y tratar de evitar expresiones emocionales subjetivas.
Lo anterior es el proceso y la metodología completos para crear un portafolio de diseño interactivo. ¿Tienes las habilidades?
Para obtener información sobre cómo escribir un análisis de antecedentes, consulte el artículo "Cómo escribir un análisis de antecedentes de un proyecto"
Acerca de la investigación de usuarios. Artículos disponibles para visualización: "Comprender a los usuarios: investigación cuantitativa y cualitativa" "Investigación cuantitativa sobre la experiencia del usuario: hacer que los cuestionarios sean impecables" "Investigación cualitativa sobre la experiencia del usuario: aprovechar al máximo las entrevistas"