it-swarm.com.de

Schnittstelle für Bildeditor-App mit vielen Tools für kleine Touchscreens?

Ich mache eine Bildeditor-App für Telefone mit Touchscreens. Es wird Werkzeuge geben, die verwandten Desktop-Anwendungen ähnlich sind, wie Pinsel, Bleistift, Gummi, Maske, Fleck, Zuschneiden, Text usw. Werkzeuge.

Für einen flüssigen Workflow halte ich diese für wichtig:

  • insbesondere auf kleinen Bildschirmen sollte der größte Teil des Bildschirms dem Bildbearbeitungsbereich und Dingen wie Symbolleisten gewidmet sein.

  • der Benutzer muss in der Lage sein, mit minimalem Aufwand schnell zwischen bestimmten Werkzeugen zu wechseln. Ich stelle mir vor, dass es wichtig ist, schnell zwischen Pinsel und Radiergummi wechseln zu können und schnell auf Rückgängig/Wiederherstellen drücken zu können, wenn Sie beispielsweise etwas zeichnen.

Ich denke, dass die auf Symbolleisten basierende Benutzeroberfläche von GIMP und Inkscape für diese Art von Anwendungen gut funktioniert, aber auf kleinen Bildschirmen ist einfach kein Platz für große Symbolleisten.

Ich habe bereits eine Symbolleiste am oberen Bildschirmrand, die Platz für etwa 7 oder 8 Verknüpfungssymbole bietet, einschließlich der Grundlagen wie Rückgängig und Wiederherstellen, da dies eine einfache Möglichkeit zu sein scheint, mit einem Klick auf Vorgänge zuzugreifen. Ohne die Symbolleiste zu vergrößern, gibt es nur genug Platz für eine Handvoll anderer Symbole.

Ich suche nach Ideen, wie ich diesen Raum optimal nutzen kann.

Einige Ideen, die ich hatte:

  • Machen Sie die Hälfte der Symbolleiste horizontal scrollbar, sodass Sie nach links/rechts wischen können, um andere Werkzeugschaltflächen sichtbar zu machen. Dies scheint fummelig und schwer zu entdecken und ist nicht besonders gut, wenn Sie regelmäßig ein Werkzeug verwenden, das ganz links und ein anderes ganz rechts angezeigt wird.

  • Reduzieren Sie die Anzahl der Werkzeuge, indem Sie einige kombinieren. Zum Beispiel werden Bleistift und Fleck zu konfigurierbaren Modi des Pinselwerkzeugs. Dies kann in einigen Fällen nicht intuitiv sein und führt zusätzliche Schritte zum Umschalten zwischen Bleistift- und Pinselmodus ein (aber wenn dies selten ist, ist dies keine große Sache).

  • Ermöglichen Sie dem Benutzer, zu ändern, welche Werkzeuge in der Symbolleiste angezeigt werden, damit der Benutzer schnell entscheiden kann, zwischen welchen Werkzeugen er wechseln kann. Wenn Sie beispielsweise zweimal auf ein Symbol tippen, wird ihnen ein Menü angezeigt, in dem Sie die Symbolleistenschaltfläche gegen ein anderes Werkzeug austauschen können. Dies hat Ähnlichkeiten mit dem vorherigen Punkt.

Gibt es etwas Offensichtliches, das mir fehlt?

4
jcdnton

Ich denke, das Wichtigste bei der Arbeit an Bildern auf mobilen Bildschirmen ist die Bildschirmfläche. Sie möchten mehr Bild und weniger Benutzeroberfläche, damit Sie die feinen Details sehen können, die Sie bearbeiten. Deshalb schlage ich vor, dass Sie sie alle so weit wie möglich einpacken.

Hier ist ein kurzes Modell einer Lösung:

Die Schaltfläche befindet sich unten links und der Bildschirm ist sauber. Sie können kneifen, um hinein- und herauszuzoomen.

Button in lower left

Durch Tippen auf das Werkzeugsymbol wird das Navigationssystem aller Werkzeuge angezeigt. Beachten Sie das dunkle Dreieck auf # 3, dies zeigt an, dass dort mehr Werkzeuge versteckt sind. Wenn Sie auf das Symbol tippen und es gedrückt halten, gelangen Sie zur 3. SS, in der weitere Tools angezeigt werden.

Tapped brings up nav of tools

2nd nav

Die Bildbearbeitung erfordert viel Präzisionsarbeit, und es ist am wichtigsten, diese Änderungen zu sehen.

2
jonshariat

Zwei weitere Ideen:

1.) Erstellen Sie eine Schaltfläche, die eine Ebene mit allen Werkzeugen öffnet. So etwas in der Art (aber mit Werkzeugen statt Knöpfen natürlich):

enter image description here

2.) Machen Sie eine "Schublade" zum Herausziehen. So etwas wie die Android Benachrichtigungsleiste: Android notification

Oder die Google iPhone App:

Google App

Persönlich denke ich, dass die 1.) wahrscheinlich besser funktioniert. Natürlich ist es vorzuziehen, immer alle Tools zur Verfügung zu haben, aber Sie müssen Prioritäten mit begrenztem Platz setzen.

Bearbeiten: Haben Sie sich Photoshop für iPhone angesehen? Es könnte vielleicht sogar auf eine Symbolleiste mit den am häufigsten verwendeten 3-4 Werkzeugen plus einer Schaltfläche für den Rest der Werkzeuge reduziert werden. Hier ist ein Screenshot (ich denke, es ist eine veraltete Version, aber das Prinzip hat sich nicht geändert):

enter image description here

Hoffe das hilft, Phil

1
Phil

Geben Sie 30 US-Dollar aus, holen Sie sich Dutzende Apps aus dem App Store und probieren Sie sie aus. Persönliche Vorlieben auf Anhieb:

Bildbearbeitungs-Benutzeroberflächen, die mir gefallen:

  • kamera +
  • TiltShiftGen
  • artRage

Andere zu berücksichtigen:

  • photoForge
  • photoForge2
  • TouchRetouch
  • PhotoWizard
  • Iris
  • Perfektes Foto
  • Pinsel

und viele andere...

0
DA01