¿Cómo se hacen las plantillas de diseño de productos que utilizan decenas de miles de personas?

Este artículo totaliza: alrededor de 6000 palabras, hay demasiados productos secos, se recomienda leer lentamente después de recolectar ~

En un abrir y cerrar de ojos, ha pasado casi un mes desde el "Concurso de diseño de materiales de productos Ink Knife". Todos los trabajos excelentes se han subido a la plaza de materiales.

Es un gran honor para el autor y para nosotros verlos siendo vistos, usados ​​y recolectados sucesivamente por amigos del cuchillo.
Inserte la descripción de la imagen aquí

Los seis primeros son las obras de este concurso

Entrevistamos el "Premio al mejor diseño de producto" (haga clic aquí para ver el artículo) y el "Premio al diseño de producto más potencial" (haga clic aquí para ver el artículo).

De las declaraciones de los ganadores, aprendimos que los productos sociales de imagen pueden ser jóvenes y avanzados a través de la combinación de colores y algunos diseños pequeños. Los productos de back-end deben basarse en tarjetas, ser jerárquicos y emocionales, y un producto de viajes puede cubrir múltiples negocios.

Inserte la descripción de la imagen aquí

Inserte la descripción de la imagen aquí

Hoy seguiré discutiendo el contenido relacionado con el diseño de productos con los amigos de los cuchillos. Esta vez invité a los tres ganadores del "Premio al diseño de productos más popular".

Ellos compartirán con nosotros: en qué deben enfocarse los productos médicos, cuál es la diferencia entre los productos educativos para niños y otros productos educativos, y cómo hacer el sistema de servicio al cliente de IA más completo en toda la red que el jefe ama.

Inserte la descripción de la imagen aquí

El sistema de servicio al cliente de IA más potente de toda la red El hombre favorito del jefe

Sobre el autor: El hombre favorito del jefe, Hu Xiaodi, un norteño erguido, no tiene pasatiempos especiales. Por lo general, le gusta beber un poco de vino y llevar a un perro a pasear por el río Pearl, una vejez típica.

Inserte la descripción de la imagen aquí
Haga clic aquí para experimentar el prototipo

Participar es puramente accidental, principalmente para compartir experiencias. Tomó una semana antes y después, combinado con la experiencia pasada, para crear un backstage de servicio al cliente tan completo que más o menos involucra un total de 173 páginas en la mayoría de los escenarios, lo cual tiene cierta viabilidad.

Inserte la descripción de la imagen aquí
10 módulos, total 173 páginas

Como he estado en el negocio durante mucho tiempo y tengo una gran experiencia, fui directamente a diseñar el prototipo desde la primera función, mientras diseñaba y pensaba en la función.

Se recomienda que aquellos que no están familiarizados con el negocio no lo hagan, ya que se perderán funciones y la posibilidad de volver a trabajar también es alta. Es mejor, honestamente, sacar primero la arquitectura del producto, el mapa mental, el diagrama de flujo del negocio y la lista de funciones, y luego comenzar a diseñar el prototipo cuando lo desee.

Inserte la descripción de la imagen aquí

El proceso específico es:
1. Enumere las funciones principales en el menú y luego vincúlelas para saltar;
2. Luego complete las páginas del primer nivel una por una;
3. Regrese y expanda desde la primera función hasta el último nivel (aquí Cabe señalar que debe vincular bien al diseñar la interfaz. Si todas las páginas se completan y luego se vinculan, llevará mucho tiempo y se vinculará incorrectamente, lo que conducirá directamente a la confusión mental).

Inserte la descripción de la imagen aquí

Para la construcción de prototipos, creo que el pensamiento lógico es lo más importante. La intención original del prototipo es expresar los requisitos funcionales de forma rápida, eficaz e intuitiva.

En comparación con la documentación, la interacción de prototipos de alta calidad puede hacer que los desarrolladores y jefes comprendan más rápidamente, lo que es de gran ayuda para mí.

Antes de 2013, básicamente dependía de los manuscritos, lo cual era muy laborioso. Una pizarra estaba llena de manuscritos y chinchetas. Desde que el cuchillo de tinta se puso en línea, me enamoré del cuchillo de tinta. Me ahorró mucho tiempo y realmente ayudó a la empresa. El efecto de aumentar la eficiencia y reducir los costos, desde entonces me he convertido en el hombre favorito del jefe.

Aquí, compartamos con los amigos del cuchillo un pequeño truco para usar mi cuchillo de tinta, que puede mejorar la velocidad y la calidad hasta cierto punto.

De hecho, también es simple, es decir, hice una plantilla de middle-office para categorizar las páginas de uso común según los módulos, como el marco general de gestión en segundo plano, correspondiente a terminales móviles como inicio de sesión y registro, área de King Kong, avisos, listas, centros personales, configuraciones, etc. Está unificado en la plantilla de la estación intermedia, que se copia y pega directamente en el nuevo proyecto, lo cual es muy conveniente, puede probarlo.

Prototipo de producto educativo para niños: pase de escuela primaria, haga clic, haga clic

Sobre el autor: No es una gran V con millones de fanáticos, ni un gran jugador en la industria. No hay bendición de una escuela famosa, ni grandes nombres, ni protección corporal de padrino, y una chica común que busca la belleza. Al otro lado de los campos To C, To B y To G, ocasionalmente el budismo, siempre ama la Fiesta A (sí, no hay duda aquí).

Inserte la descripción de la imagen aquí
Haga clic aquí para experimentar el prototipo

Las inscripciones en este concurso están inspiradas en la vida, realmente en la vida.

Simple pero en detalle, esto es todo:

Debido al impacto de la epidemia, estaba trabajando desde casa. Un día, el propietario llamó a la puerta y dijo que tenía algo que preguntar. Resultó que su hijo quería tomar clases de forma remota. Yo no sabía cómo operar el sistema de clases. Necesitaba mi ayuda (de hecho, significa registrarse, iniciar sesión y ver el curso. Un proceso simple para descargar cursos).

En otra ocasión, el propietario volvió a llamar a la puerta. Se trataba de la clase del niño (de hecho, era la voz del niño leyendo palabras en inglés en voz alta con el teléfono y luego enviada al grupo de WeChat para que la maestra comentara).

……

Día tras día, después de las solicitudes de ayuda del propietario varias veces, me di cuenta de cómo la experiencia actual del producto educativo puede satisfacer a los usuarios novatos de Internet del propietario y, al mismo tiempo, puede resolver eficazmente los problemas de aprendizaje de los estudiantes de primaria y la interacción entre profesores y estudiantes. El problema.

Con una idea, descargué las 25 aplicaciones principales en la categoría de educación de la tienda de aplicaciones, miré las evaluaciones del usuario y analicé las comparaciones verticales para refinar las funciones principales de cada APLICACIÓN y las principales demandas a resolver; luego comparé horizontalmente los productos para niños para refinar la interacción , Continuidad del elemento visual. Después de jugar durante unos 3 días, el teléfono finalmente se atascó. Finalmente, se ha determinado la dirección de producto de este concurso de productos, es decir, hacer un producto de aprendizaje para niños de 6 a 12 años de primaria, proporcionando cuatro funciones principales: cursos de tutoría simultánea en lenguaje y matemáticas, cursos de alta calidad, aprendizaje extracurricular y actividades offline. El propósito es que las flores de la patria aprendan bien y se diviertan.

El ciclo de producción completo tomó aproximadamente 30 horas. El proceso de producción detallado es el siguiente:

01 Determina el objetivo

(1) Pensando en los problemas actuales de los productos educativos

  • No recuerdo el conocimiento de los cursos de matemáticas sin conexión y no puedo repetir el aprendizaje
  • No tengo interés en aprender y no me gusta hacer ejercicios.
  • Las lecciones complementarias sin conexión requieren mucho tiempo y son costosas
  • Los materiales de práctica están mezclados, no sé cómo elegir
  • No sé cómo aprender ni qué aprender cuando utilizo otros productos educativos
  • Los niños curiosos quieren leer más historias extracurriculares, no tienen una buena lista de libros y se aburren con los libros de papel, y a sus padres les preocupa que la pantalla fluorescente les lastime los ojos.

(2) ¿Por qué hago este producto? ¿Qué se puede mejorar?

  • Proporcionar aprendizaje de conocimientos extracurriculares y enriquecer el sistema de conocimientos de los estudiantes.
  • Proporcione actividades temáticas fuera de línea, aprenda bien, pero también juegue bien y enriquezca la vida infantil de los niños.
  • Proporciona un mecanismo de "depuración y actualización" para aumentar el interés por aprender y compensar las lecciones complementarias fuera de línea que requieren mucho tiempo, trabajo y costos.
  • Recomendar de forma inteligente el contenido que los usuarios puedan necesitar según la calificación
  • La búsqueda de audio ayuda a los niños con un nivel de alfabetización limitado a encontrar lo que buscan (cursos, lecturas extracurriculares)

(3) ¿Cuál es el resultado final?

Proporcionar a los estudiantes de primaria cuatro funciones principales: cursos de tutoría simultánea, cursos de calidad, aprendizaje extracurricular y actividades fuera de línea. Es necesario que las flores de la patria aprendan bien, pero también que las flores jueguen bien.

(4) Definir la población de usuarios y la psicología.

Para ser honesto, todas estas son conclusiones ya hechas que se encuentran en Internet, y no me tomé el tiempo para hacer una investigación detallada y profunda.

(5) Análisis comparativo horizontal y vertical de productos competidores

Descargué las 25 mejores aplicaciones educativas en la tienda de aplicaciones y leí las evaluaciones del usuario. Se realizó una comparación y un análisis verticales para refinar las funciones principales de cada aplicación y las principales demandas abordadas; luego, comparé horizontalmente los productos para niños para refinar la conectividad de la interacción y los elementos visuales. .

02 Marco de información

Clasifique la división de funciones del producto y clasifique los niveles.
Inserte la descripción de la imagen aquí
Parte del proceso funcional

03 Prototipo de salida

(1) Prototipo en papel

Describa aproximadamente la interfaz de proceso principal del producto, determine la función y el proceso de interacción

(2) Prototipo de baja fidelidad

a. Primero genere el prototipo de baja fidelidad de la interfaz principal basado en el prototipo de papel;
b. Genere rápidamente el prototipo de baja fidelidad de la interfaz restante, aproximadamente 40;
c. Ejecute el proceso lógico del producto, mejore la escena del borde y asegure una interacción fluida Ciclo cerrado (por supuesto, el tiempo es escaso y algunas páginas no están pintadas, pero se forman en mi mente);
d. Recopilar redacción publicitaria, elementos emocionales e integración categorizada que cumplan con el tono del producto.

(3) Prototipo Makoto Takaho

a. Determinar la tendencia del estilo del producto, el tono visual y generar la visión principal de acuerdo con los objetivos del diseño y los usuarios;
b. Definir los elementos visuales básicos (redacción, estilo de imagen, diseño, icono, color, nivel de fuente) de acuerdo con la visión principal;
c. Definir la visión Reglas y rendimiento (sistema de cuadrícula, especificaciones de diseño);
d. Extraer controles globales para facilitar la reutilización, considerar la escalabilidad y la viabilidad;
e. Producir 5-8 interfaces secundarias, obtener una vista previa de la visión general en la máquina real con un cuchillo de tinta Si la tonalidad es uniforme, verifique, muestre errores, optimice y optimice repetidamente;
f. Genere la interfaz restante y use diferentes máquinas reales para obtener una vista previa y verificar;
g. Mejore la visión, optimice la experiencia y garantice la coherencia de la marca (gen de la marca, estilo visual).

Inserte la descripción de la imagen aquí
Haga clic aquí para experimentar el prototipo

Para las herramientas de prototipo, es importante que los componentes y controles comunes se puedan buscar y reutilizar sin volver a crear ruedas; en segundo lugar, la visibilidad de la interfaz puede garantizar una alta eficiencia y simplicidad, y los clientes definitivamente no quieren obtener una vista previa de un prototipo y tienen que pasar por la descompresión de la compresión html. Empaquete y luego instale una extensión, el proceso engorroso, muy agotador.

Además, es necesario estar familiarizado con todas las teclas de método abreviado que vienen con la cuchilla de tinta. Los principios básicos de esta parte son: dominio del uso del software y si puede encontrar materiales adecuados para aplicar en la escena requerida.

Pero la esencia de la dificultad de la creación de prototipos radica en la profundidad del pensamiento sobre los detalles del diseño, la comprensión de la lógica empresarial y la comprensión de los puntos débiles del usuario. Estas partes son el cuello de botella de la eficiencia.

Todos tienen diferentes habilidades para usar cuchillos de tinta, y yo hago lo mismo.

Para este trabajo, primero clasificaré brevemente los elementos y componentes principales de la interfaz, y extraeré los componentes reutilizables , para que puedan reutilizarse rápidamente en la cuchilla de tinta y ahorrar mucho tiempo.

Al mismo tiempo, la enorme cantidad de material en el cuadro de material también puede brindarme la oportunidad de ser vago . Creo que el núcleo de la rápida mejora profesional de los diseñadores es: en la dirección correcta, utilizar formas inteligentes de trabajar como tontos. Mo Dao me dio la oportunidad de ser perezoso.

Inserte la descripción de la imagen aquí

Me siento honrado de participar en este concurso, porque es una revisión de mi capacidad profesional y capacidad de pensamiento, lo que me permite pensar en el producto desde una dimensión superior, como el valor comercial, como dijo el Sr. Hu Qing en el comentario. De esa forma: "¿Ha considerado el valor comercial y la posibilidad de aterrizar?"

Creo que este es un punto que debe mejorarse continuamente en mi futura carrera. El diseño no se trata de confianza en uno mismo. No importa lo buenas que sean la visión y la interacción, no puede aportar valor comercial o valor para el usuario. También es un producto de la confianza en uno mismo. **

¿En cuanto a qué se puede llamar un buen producto?

Creo que puede ser una buena idea, una buena idea, que puede resolver eficazmente los puntos débiles del usuario; o una interacción fluida, que es natural y sin esfuerzo, y brinda una experiencia cómoda; también puede ser una buena experiencia visual , Desencadena una experiencia visual única.

Por ejemplo, el trabajo de la Sociedad Deyun, que satisface las necesidades de los alambres de acero, es un buen trabajo en mi opinión.

Inserte la descripción de la imagen aquí
Haga clic aquí para experimentar el prototipo

Aquí, también quiero compartir mi experiencia personal de aprendizaje de valor agregado con amigos de cuchillos.

Cómo agregar valor

Si desea agregar valor a sí mismo, debe hacerse valioso. En términos de crecimiento personal, cada desafío que asume, cada cosa nueva que aprende, es una forma de superación personal. En cuanto al trabajo, si quieres agregar valor, debes aprender de personas profesionales, más tu propia reflexión y revisión, realmente puedes resolver el problema, encontrar tu propio puesto en un equipo y aportar tu propia fuerza al mismo tiempo.

método de aprendizaje

1. Perfeccionar la metodología en el trabajo

Investigar preguntas-insight-ideas divergentes-determinar la dirección-ideas convergentes-formar un plan-verificar el plan-optimización continua.

2. Lógica del diseño de la formación

Investigue un tema pequeño cada mes, como: ¿Cuál es la diferencia entre la carga de la página y la carga de actualización desplegable? Simule que quiere informar esto a su jefe, luego escríbalo, cuéntelo y entrene durante dos años. Su lógica de diseño debería mejorarse mucho.

3. Lectura

La lectura es muy poderosa. La lectura puede responder a muchas de nuestras dudas. Sin embargo, en el proceso desde el descubrimiento de problemas hasta la resolución de problemas, todavía necesitamos usarlos nosotros mismos. El simple dominio del conocimiento no es el propósito, el propósito es usarlo.

4. Escuchar al anciano y a la anciana en la planta baja también es una forma de aprendizaje.

Finalmente, predice audazmente la tendencia del diseño de productos futuros

1. La aparición de nuevas tecnologías promoverá la aparición de nuevos métodos de presentación, como la realidad virtual, los dispositivos portátiles se volverán más populares;

2. El desarrollo de información traerá diversificación de los comportamientos y preferencias de los usuarios. La vida útil de una aplicación no puede exceder los tres días. Cómo retener a los usuarios durante estos tres días requiere que los diseñadores de productos comprendan profundamente la psicología y el comportamiento detrás de los usuarios;

3. El producto necesita explorar continuamente nuevas formas de jugar. Puede haber otros dispositivos interactivos además de los teléfonos móviles. En este momento, el diseño del producto debe cumplir con la forma del nuevo dispositivo.

¿Qué edad tiene el prototipo móvil de alta fidelidad de productos médicos?

Acerca del autor: gerente de producto y diseñador de interacción que ha aprendido un montón de habilidades complicadas.

Ha sido un producto relacionado con la medicina durante más de 4 años y hay algunas precauciones en esta industria, así que me inscribí en la competencia.

Debe saber que en el trabajo diario de los productos médicos, debe enfrentarse al Partido A (líderes de hospitales, líderes de unidades de negocios). En este momento, los prototipos de alta fidelidad y los efectos de demostración a menudo pueden lograr un mejor reconocimiento del trabajo y efectos de recolección de opiniones. Wireframe Y los borradores de diseño de imagen pura generalmente solo se miran simbólicamente.

Así que quiero crear un conjunto de plantillas médicas universales para facilitar su modificación y demostración.

Inserte la descripción de la imagen aquí
Haga clic aquí para experimentar el prototipo

En cuanto al modo en blanco y negro, me gusta la animación y quiero hacer algo diferente. La expectativa original es usar la animación de "movimiento mágico" para cambiar gradualmente a otro estado. El efecto final todavía está un poco atascado. De lo contrario, la página médica tradicional puede parecer demasiado común.

Funciones diseñadas exclusivamente para demostración, no funciones reales del producto. Al mismo tiempo, si desea utilizar el modo blanco o negro solo, elimine "estado 1" o "estado 2" en la plantilla.

Inserte la descripción de la imagen aquí

La producción tomó alrededor de una semana y media y el proceso de producción es el siguiente:

1) Revisar preguntas

Lea las reglas del juego, comprenda el propósito del juego y confirme lo que su prototipo quiere lograr

Palabras clave: biblioteca de materiales, plantilla, reutilización, alta fidelidad

2) Posicionamiento industrial

De hecho, incluso si existe un estándar unificado para aplicaciones móviles, cada tipo de aplicación tendrá una gran diferencia para el grupo de edad del usuario y la función que el usuario necesita.

Palabras clave: atención médica, usuarios de todas las edades, personas mayores, buscan tratamiento médico con tranquilidad.

3) Mapa cerebral funcional

De acuerdo con las necesidades de la industria, clasifique las funciones rígidas que el prototipo básicamente necesita y clasifique la estructura de la página. Como tengo una mejor comprensión de la atención médica, clasifico la mayoría de las funciones médicas más utilizadas. De hecho, los productos reales de la empresa son mucho más horizontales que las plantillas. El prototipo ha clasificado las partes importantes y también es conveniente para las personas que usan la plantilla eliminar toda la página de función horizontal que no es necesaria, como solo un hospital de Internet.
Inserte la descripción de la imagen aquí
Palabras clave: registro de citas, anuncio de productos de expertos, consulta en línea, hospital de Internet (como punto caliente, la epidemia fomenta el tratamiento médico a distancia)

4) Construcción de prototipos

De hecho, para este paso, solo necesitas considerar la experiencia del usuario y el dominio de cada página. Pero teniendo en cuenta la reutilización y el valor de uso real de las plantillas, imaginé algunas otras cosas en las que los usuarios construyen prototipos especiales.

Palabra clave 1: reutilización

De hecho, los anuncios gráficos en la mayoría de los prototipos son recuadros grises puros o imágenes puras. No es de alta fidelidad si es incómodo de usar. Cambiar a gris no significa alta fidelidad. Con las imágenes, el texto del interior puede no coincidir con el producto actual, por lo que hice que el contenido de la imagen y los íconos fueran nativos durante la producción, que se pueden cambiar en cualquier momento.

Palabra clave 2: demostración del modo blanco y negro

Por razones de la industria, las páginas médicas tradicionales serán relativamente tradicionales. Para las personas mayores, el costo del ajuste del flujo de la página y el aprendizaje es bastante alto. Por lo tanto, la función especial seleccionó el cambio en blanco y negro de la demostración pura del usuario debajo del agujero del cerebro para la producción.

Personalmente, creo que lo más importante para la creación de prototipos es el diseño del proceso funcional, porque el proceso básicamente determina la función de cada página, y luego la experiencia del usuario en torno a la función y el establecimiento de un módulo maestro unificado y reutilizable. Porque en el trabajo normal también me he encontrado con que por mala experiencia se modificó el proceso, lo que eventualmente llevó a toda la rehacer de la arquitectura y las funciones, de hecho también fue porque el proceso funcional al principio no estaba bien pensado.

Como usuario senior de cuchillos de tinta, hay varios buenos hábitos para compartir:

1) Con el maestro , puede extraer las partes comunes combinando las funciones de cada página, como la lista normal y la lista en el centro de recolección, y definirlo como maestro al principio, por lo que cuando necesite modificar los detalles, simplemente El cambio de un patrón se puede aplicar a todas las páginas con un clic para mejorar la eficiencia.

2) Tenga cuidado de usar fuentes por debajo del punto 12. La lección de sangre es buena cuando la ve y demuestra por sí mismo. Como resultado, se han cambiado muchos lugares después de subir y participar en la competencia, que también fue criticada por los jueces. De hecho, muchas obras tienen problemas similares conmigo. También puede imaginar que si lo aplico en el trabajo real, creo que está bien, y luego el decano del Hospital XX mira la versión de demostración y encuentra el resultado de una nueva línea.

Creo que hay muchas obras buenas en esta competencia, así que hablemos de los compañeros, porque mis obras se pueden usar con este conjunto. Después de todo, mi empresa también ha hecho una máquina de autoservicio muy similar.

Inserte la descripción de la imagen aquí
Haga clic aquí para experimentar el prototipo

Desde el registro en línea hasta la recuperación de números fuera de línea (recuperación de números de ventana o recuperación de máquinas de autoservicio), en un conjunto completo de procedimientos hospitalarios, el registro para la recuperación de números fuera de línea debe depender de la máquina de autoservicio para completar todo el proceso de tratamiento médico.

Las plantillas médicas son más tradicionales, porque los usuarios mayores de la industria médica en realidad representan la mayoría. Estadísticas en mi plataforma: los usuarios mayores de 55 años representarán más del 30% y la tasa de uso de máquinas de autoservicio será mayor. .

** En este momento, los quioscos de autoservicio son particularmente críticos para una guía clara de la experiencia del usuario. ** Esta página de prototipo también deja muy claro el proceso, lo cual creo que es bueno.

De hecho, también espero formar un conjunto completo de plantillas de circuito cerrado adecuadas para uso médico después de la recopilación y la cooperación, que sea conveniente para todos.

Inserte la descripción de la imagen aquí

Las palabras de valor agregado de producto e interacción generalmente se basan en su propia experiencia laboral, los fosos que ha pisado y las funciones que ha realizado con éxito se acumularán, y luego se formará la eficiencia y resolución del mismo problema.

Entonces creo que la forma de aumentar el valor no es solo leer artículos de tendencias de productos, discusiones, etc., sino que también necesito más práctica para acumular más experiencia fuera del contenido del trabajo, participar en concursos o modificar y optimizar algunos de uso común pero me siento mal Los productos son más difíciles de hacer de lo que parecen.

El aprendizaje de productos se realiza más a través de la práctica. Si interactúa, observará algunos aprendizajes de especificaciones de productos terminados y algunos diseños de interacción conceptual en sitios web extranjeros. Aunque el diseño conceptual no tiene un valor de aplicación práctica y es simplemente atractivo, en realidad se puede usar como fuente de inspiración, a través de escenarios reales. La combinación de se transforma en nuevas interacciones.

Supongo que te gusta

Origin blog.csdn.net/Lemonliyi/article/details/106839249
Recomendado
Clasificación