¿Editar en lugar vs. Página de edición separada/modal?

Question

Tengo algunos datos que se dividen en secciones, al igual que la función Reanudar de StackOverflow Carreras (no es datos de currículum, sin embargo), que se puede editar/crear a través de una aplicación web jQuery. Es un poco más jerárquico (los trabajos pueden tener sub-trabajos, etc.) así que dependiendo del método de CRUD que tome, significa diferentes cantidades de trabajo. No me importa gastar el tiempo para hacerlo bien, pero no quiero perder mucho tiempo haciendo algo que no sea una experiencia de usuario óptima.

Ha habido alguna investigación llevada a cabo en los diferentes estilos de "editar" este tipo de segmentación, datos de texto jerárquico:

1. Editar en su lugar (por ejemplo, hace clic en un elemento de formulario como el título del trabajo, resulta modificable, a continuación, hacer clic en "OK" y se salva)

2. botón Editar que le lleva a una nueva pantalla (como StackOverflow actualmente)

3. botón Editar que aparece un formulario modal

4. Todos los campos están abiertos y editables, solo botón (como StackOverflow Carreras) guardar

¿Hay un consenso general sobre cuando esas formas diferentes deben ser usados ​​para proporcionar la mejor experiencia de usuario?

Answer 1

Depende. Si su base de usuarios es conocedora de la web, recomendaría un enfoque de edición in situ debido al flujo de edición natural que proporciona.

---

Editar en lugar

Al editar una sección de una jerarquía, que se edita en línea con el resto de la información. Esto le permite comprobar cómo se aplican sus ediciones a la otra información, , ya que las está haciendo (en lugar de tener que moverse hacia adelante y hacia atrás entre pantallas).

En términos de usabilidad, un escenario donde los elementos agrupados son editables a la vez es bueno, ya que guarda varios clics. Por ejemplo, si un trabajo tiene los siguientes elementos de datos:

Title 
Description 
Positions 

Es bueno para proporcionar un mecanismo para editar todos a la vez junto con la edición de cada elemento en el comportamiento lugar.

La edición en línea también protege las demás secciones de la jerarquía para que no se actualicen accidentalmente.

---

modal Editar

Este método de edición introduce una barrera entre la jerarquía en su conjunto y la sección que está editando (es decir, la relación entre la información que está entrando y es el lugar en el la jerarquía no es inmediatamente evidente al mirar la interfaz de usuario).

---

Nueva pantalla

Al igual que con el modal de edición, se pierde la relación de la información editada a toda la jerarquía. Sin embargo, es una configuración muy básica que la mayoría de su base de usuarios comprenderá de inmediato. También protege todo el documento contra actualizaciones accidentales.

---

Todos los campos abiertos

Esto proporciona la ventaja de mantener la información editada en su contexto (como con edición en el lugar) y es muy sencillo. No hay una curva de aprendizaje que requiera que el usuario sepa que tiene que hacer clic en un elemento para editarlo.

Sin embargo, como alguien que tiene más de una forma arruinada por mis niños curiosos, no me gusta cómo expone toda la jerarquía a actualizaciones no deseadas.