it-swarm.com.de

Leuchtkasten für die Bearbeitung im Kontext

Einige Websites kombinieren effektiv das Konzept der "In-Context-Bearbeitung" und des Leuchtkastens, damit Benutzer die Aktualisierung des Seiteninhalts problemlos durchführen können. Schauen Sie sich zum Beispiel Schoola an und versuchen Sie, den Titeltext zu ändern. Sie erhalten ein "Bearbeitungsfeld", das gut darauf sitzt und fast die gleiche Dimension wie der Titelbereich hat.

Dieses Modell funktioniert bis zu einem gewissen Grad gut, kann jedoch Schwierigkeiten haben, elegant zu skalieren, z. wenn das "Bearbeitungsfeld" viel größer werden muss als der Bereich, den Sie bearbeiten. Stellen Sie sich vor, das Titelbearbeitungsfeld ist dreimal länger als jetzt. Um es gelinde auszudrücken, visuell könnte es so gut aussehen, wie es jetzt ist.

Ich suche nach einer Alternative, die das Bearbeitungsfeld irgendwie vom Zielbereich löst, den es bearbeitet. Mit anderen Worten, ein Interaktionsmodell, mit dem das Bearbeitungsfeld positioniert werden kann nicht, muss immer über dem bearbeiteten liegen Bereich (z. B. möglicherweise seitlich, möglicherweise als seitenzentrierter Leuchtkasten). Es fällt mir jedoch schwer, die Verknüpfung/den Hinweis bereitzustellen, damit die Benutzer genau wissen, welchen Bereich sie bearbeiten.

3
moey

Was ist mit einem Bearbeitungsfeld, das möglicherweise schwebt oder einen Teil des Ansichtsfensters einnimmt, aber das Live-Vorschaufenster geöffnet lässt und alles auf der Site außer dem Feld für das eine Element, das bearbeitet wird, verkleinert.

Also, in Ihrem Beispiel:

  1. Der Autor klickt auf die Überschrift.
  2. An einer anderen Stelle wird ein neues Bearbeitungsfeld geöffnet, das möglicherweise im unteren Drittel des Ansichtsfensters angedockt ist.
  3. Die Website wird mit einer dunklen durchscheinenden Schicht abgeblendet, aber die Box des Headers bleibt bei voller Helligkeit.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

4
sirtimbly

Haben Sie den gTalk-Stil für einfach, aber elegant und sehr funktional gehalten Pop-out?

enter image description here

Damit sollte das Feld standardmäßig eine Größe und Position haben, die mit dem zu bearbeitenden Feld identisch ist. Die 'Box' kann nach Ermessen des Benutzers bequem herausgeklappt werden, um eine größere Bearbeitung zu ermöglichen.

2
Kris