it-swarm.com.de

Bestmögliche Benutzererfahrung für Anhänge?

Ich arbeite als Ein-Mann-Benutzeroberflächenteam für Kanbanery und arbeite derzeit an der Verbesserung unserer Benutzeroberfläche und Benutzererfahrung für Aufgabenanhänge. Derzeit unterstützen wir zwei Arten von Aufgabenanhängen: reguläre Anhänge (nur als Liste angezeigt) und Anhänge, die wir in der Vorschau anzeigen können (Bilder usw.) und die eine Miniaturansicht generieren.

Meine Aufgabe ist es, deutlich zu machen, wie man eine Vorschau anzeigt und wie man Anhänge herunterlädt, ohne sie zu beschäftigt zu machen (unsere Benutzeroberfläche ist so wie sie ist ziemlich beschäftigt).

enter image description here

Wenn Sie derzeit auf eine Miniaturansicht klicken, wird das Bild zu einem modalen Fenster erweitert, und durch Klicken auf den Titel (oder das Symbol "Pfeil nach unten") wird es heruntergeladen. Ich denke nicht, dass das offensichtlich genug ist. Ich mag auch nicht die Tatsache, dass große Bilder so viel Platz beanspruchen.

Irgendwelche Ideen, wie man es verbessern kann?

2
Mariusz Ciesla

Wenn Sie Ihre Benutzeroberfläche nicht überladen möchten und Anhänge mit und ohne Vorschau haben, würde ich mich an eine einfache Liste halten, dieser Liste einen möglichst kleinen Daumen hinzufügen und eine Vorschau-Box (wie eine Lightbox) erstellen, die dieses Element nicht abdeckt/list, um die nächste/vorherige Vorschau beim Hover zu vereinfachen (oder Vorschau/Zoom-Schaltfläche hinzufügen).

Etwas wie das:

hover zoom

Sie können auch die Schaltflächen "Weiter"/"Zurück" im Leuchtkasten erstellen und den Link in der Fußzeile des Leuchtkastens herunterladen, um die Navigation durch vorschaufähige Anhänge zu vereinfachen ...

Um es auch eleganter zu machen, würde ich mich an quadratische Daumen halten ...

4
rombarcz

Haben Sie keine Angst, Textlinks zu verwenden, Google liebt sie natürlich. So behandelt Google Anhänge in Google Mail:

attachemnts in gmail

Jetzt finde ich das ziemlich hässlich und unorganisiert, aber die UX funktioniert sehr gut. Ich weiß genau, wie man jeden herunterlädt und wie man jeden anzeigt usw.

Sie könnten so etwas tun:

hover over

Es könnte schweben oder einfach da sein. (Sie müssen keinen Schlagschatten verwenden, haha)

6
jonshariat