CAPTULO 8: FLUJO DEL PROCESO

A veces las tareas son desconocidos o complicados y requieren conduce al usuario

paso a paso a travs de un proceso de flujo. Durante mucho tiempo ha sido prctica comn
en la Web a cada paso en una pgina aparte. Mientras que esto puede ser la ms simple
manera analiza el problema, no puede llevar a la mejor solucin. Para algunos flujos de
proceso tiene sentido mantener el usuario en la misma pgina durante todo el proceso.

Google Blogger
El popular sitio de Google Blogger generalmente hace que sea fcil crear y publicar blogs.
Una cosa que no tiene fcil, sin embargo, es la supresin de comentarios que otros pueden
dejar en su blog. Esto es especialmente difcil cuando se es vctima de cientos de
comentarios de spam que dejan las empresas nefastas con la esperanza de aumentar su
ranking de bsqueda. Blogger te obliga a eliminar estos comentarios a travs de un proceso
de tres pasos.
En primer lugar, el usuario encuentra un libro. Luego, cuando lo aade a su carrito de la
compra, que se toma a una pgina separada. Volviendo ocurre ya sea a travs del botn de
retroceso o encontrar el botn "Continuar" en otra parte de la pgina. Cada complemento
libro es un cambio de contexto pesada a la segunda pgina. Pero y si pudiramos aplicar
un poco de magia? Podramos llegar a tener un menor nmero de transiciones de pgina?
Podemos eliminar la transicin de varias pginas? S. Es posible tomar flujos como este y
presentarlos en un solo espacio interactivo. En otras ocasiones, podemos convertir una
experiencia de varias pginas en una sola pgina de largo. Pero a veces el proceso se divide
mejor izquierda en pginas individuales. En esos casos a menudo podemos encapsular las
mltiples pginas en un sencillo dilogo Overlay, que mantiene efectivamente el contexto
preservando al mismo tiempo el flujo de pgina a pgina distinta.

Una pgina interactiva

Los productos de consumo Proceso vienen en una variedad de formas, tamaos, texturas,
colores, etc. Los compradores en lnea sern no slo tienen que decidir que quieren zapatos,
pero es lo que quieren los zapatos de gamuza azul? Y lo que el tamao y el ancho hacen que
ellos quieren en? Al final, la seleccin se ve limitada por el inventario disponible. A medida
que el usuario toma decisiones, el conjunto de decisiones se vuelve ms y ms limitada.
Este tipo de seleccin de productos se suelen manejar con un flujo de trabajo de varias
pginas. En una pgina, el usuario selecciona una camisa y su color y tamao. Despus de
la presentacin de la eleccin, se muestra una nueva pgina. Slo cuando el usuario llega a
esta segunda pgina no se descubra que la camisa "verdadera armada" no est disponible
en el tamao medio.

Responsiveness
La preferencia del gusto del usuario viene primero. El color o la talla pueden ser elegidos. Si
el artculo es agotado para alguna combinacin de color/talla, es mostrado tan no
disponible (mostrando el color o talla como minusvlido). Colocando este proceso en unas

interacciones simples, el usuario puede encontrar rpidamente algo disponible para

comprar. Con cualquier experiencia de compra en lnea, el potencial para el usuario para
lanzarse en paracadas es una verdadera preocupacin. Las interacciones de lugar como
esto reducen estos momentos del desalojo urgente.
Proceso de asistencia online
Otro lugar comn donde varias pginas se utilizan para completar un proceso es cuando se
agregan elementos a un carrito de la compra. En vez de pensar en el carro como un proceso,
podemos pensar en esto como un objeto del mundo real. Habida cuenta de esta
mentalidad, el carro se puede realizar en la interfaz como un objeto y se pondr a
disposicin de la pgina.

La mezcla rpida y fcil con el paso adicional

Hay una manera de combinar la experiencia de una sola pgina y la experiencia
recomendacin? Esto es lo que hace Netflix cuando un usuario agrega pelculas a su cola de
envo.
Cada pelcula en el sitio tiene un botn "Aadir". Al hacer clic en "Agregar" inmediatamente
aade la pelcula a la cola del usuario. Como una confirmacin y una oportunidad para que
las recomendaciones, una superposicin de dilogo se muestra en la parte superior de la
pgina de la pelcula. Al igual que Amazon, Netflix tiene un motor de recomendacin
sofisticado. La apuesta es que, dado que el usuario ha expresado su inters en un artculo
(camisa o una pelcula), el sitio puede encontrar otros artculos similares a lo que sugieren.
Amazon hace esto en una pgina aparte. Netflix hace en una superposicin que es
fcilmente desestim haciendo clic en cualquier lugar fuera de la superposicin (o haciendo
clic en el botn de cerrar en la parte superior o inferior). En una versin anterior de Netflix
(o si JavaScript est desactivado), esto se convierte en una experiencia de varias pginas.

Proceso de recubrimiento del cuadro de dilogo

Cualquier interruptor de pgina es una interrupcin al flujo mental del usuario. Adems,
cualquier cambio de contexto es una oportunidad para un usuario dejar el sitio. Buscamos
una experiencia que tiene como poca friccin mental posible. Pero a veces es necesario el
flujo de paso a paso. El enfoque de Netflix acaba de describir (Figura 8-9) utiliza un proceso
de superposicin de dilogo para encapsular un flujo de varios paso dentro de un cuadro
de dilogo del recubrimiento. Hay recubrimientos que nos permiten mantener el contexto
de la pgina, sin embargo presentan un espacio virtual para mantener una conversacin
con el usuario.

Haciendo que uno se sienta ligero La caja de luz

El efecto es agradable porque enfoca al usuario en la tarea. Pero lo que es elegante sobre
el flujo es la primera pgina es vistoso y dado en una manera simple, agradable. El proceso
parece que podra ser simple y siente la contratacin. Los pasos intermedios son por lo
general una accin sola.

Estado claro

Lo importante es dar una idea de lo que los usuarios estn tratando con cuando empiezan.
Por lo general, tres pasos son ideales. En este caso, hay cinco pasos. Pero como hemos
mencionado, los primeros pasos son acciones individuales.

Proceso Configurador
A veces un flujo de proceso est destinado a invocar deleite. En estos casos, es el factor de
acoplamiento que se convierte en ms importante. Esto es cierto con diferentes interfaces
de procesos Configurador en la Web. Podemos ver esto especialmente en el juego con
configuradores de automviles. Porsche ofrece un configurador que permite a los usuarios
crear su propio Porsche.
Ser capaz de ajustar los colores, ruedas, interiores y opciones para un coche y ver los
resultados en tiempo real es una experiencia atractiva. Avances en directo permiten al
usuario ver el efecto de sus cambios en una versin simulada de la cosa real.

Retroalimentacin inmediata
Imagnese si esto se convierte en una experiencia multi-pgina. Cada panel pedira el color,
el estilo de la rueda, el material interior, configuracin salpicadero, y varias otras opciones.
Al final, usted vera su coche. No es convincente? Al hacer de la experiencia de participar,
los usuarios son ms propensos a experimentar y enamorarse del coche que han
"diseado".
El hecho de que la decisin entre una experiencia de una sola pgina y una experiencia de
varias pginas no son mutuamente excluyentes. Individual pginas flujos de trabajo pueden
vivir dentro de un flujo de trabajo de varias pginas.
Hay una naturaleza dinmica a este proceso configurador. A medida que el usuario
selecciona los elementos a aadir a la computadora, el precio se actualiza de forma
dinmica utilizando una tcnica de Spotlight En la esquina superior derecha de la pgina, la
configuracin del sistema y el precio se resaltan para indicar la informacin actualizada. La
desventaja es que si este usuario se desplaza demasiado lejos, ella no puede ver el punto
de mira de actualizacin desde el panel de resumen no es visible.

Proceso de una pgina esttica

Slo hay que poner el flujo completo en una sola pgina en un proceso de una sola pgina
esttica. El usuario ve todas las tareas necesarias para completar el proceso completo. Esto
puede ser tanto bueno como malo. Al ver a un paso para completar el proceso puede
animar a los usuarios para terminar la tarea. Pero si el paso solo parece demasiado largo o
demasiado confuso, el usuario ms probable es que rescatar del proceso temprano. En
otras palabras, si la colocacin de todas las tareas en una sola pgina es suficiente para
hacer que el usuario ofrezca de garanta, no es una buena idea.
Dado que el flujo personalizado contiene muchas opciones para la inclusin de un artculo,
se requiere una buena dosis de handholding. Un proceso de varias pginas se ajusta bien a
guiar al usuario a travs de un complejo conjunto de tareas.

Haciendo que se sienta ligero

En este proceso de una sola pgina esttica, muchas opciones estn en mora y una forma
simplificada se presenta al usuario. Varias pginas se comprimen en una sola pgina. Por
supuesto, una pgina de largo como ste tambin puede ser desalentador. Pero eBay ha
hecho un buen trabajo de conseguir lo esencial en una sola pgina. Cada paso est
claramente grit con una frontera clara y un nmero de paso grande. Adems, el color se
utiliza para simplificar an ms los pasos. Los dos pasos en verde son sobre el artculo que
el usuario est vendiendo. Los dos ltimos pasos en azul son por el dinero. El cdigo de
colores da la impresin de que slo hay cuatro pasos en total: artculo, foto, descripcin y
precios.

Pginas mltiples no necesariamente son malas

Un proceso de una sola pgina esttica puede funcionar bien. A veces es bueno para romper
lo que podra ser un proceso de una sola pgina esttica en un proceso de varias pginas.
Varias pginas pueden proporcionar la CHUNKING natural necesaria. Ellos dicen "Ya hemos
acabado con ese paso, ahora pasar a la siguiente."