Enterprise: Symbole: Das Symbol "Ändern" ist falsch, wenn das lebendige Design verwendet wird

Erstellt am 13. März 2020  ·  39Kommentare  ·  Quelle: infor-design/enterprise

Beschreibe den Fehler
Das Symbol "Ändern" unterscheidet sich bei der Verwendung des lebhaften Designs im Vergleich zum subtilen Design. Glauben Sie, dass das Symbol im subtilen Thema richtig ist.

Fortpflanzen

  1. Verwenden des vorhandenen Beispiels test-form-buttons.html
  2. Ändern Sie die Definition einer Spalte, um das Symbol "Ändern" zu verwenden
  3. Klicken Sie auf das Mehr-Symbol, um das Thema zwischen Subtil und Vibrant zu ändern

Erwartetes Verhalten
Das Symbol "Ändern" wäre unabhängig vom Thema gleich.

Ausführung
v4.27.0-dev

[2] design landmark type

Alle 39 Kommentare

image

Fast alle Symbole sind in jedem Thema unterschiedlich. Das war ein Teil des Punktes. Also ich halte diese Annahme für falsch.

Ist die Bedeutung wirklich eine ganz andere? IE ist man wie ein Hauptbuch und man ist ein "Stift" bearbeiten? Was bedeutet ändern, wenn ja, damit ich es den Entwicklern beschreiben kann.

@tmcconechy Ich bin auch etwas verwirrt. Es scheint, dass die SVG-HTML-Dateien der Symbole von ids-identity stammen, aber in der Live-Demo von design.infor.com sehe ich die Symbole richtig: https://design.infor.com/code/ids-enterprise /latest/demo/components/icons/example-index?theme=uplift&variant=light

Ich habe auch ein anderes Symbol mit diesem Problem, 'Update-Preview'image das wird wie ein Aktualisierungssymbol in uplift angezeigt
image

Die Website design.infor.com zeigt den Uplift-Stil der Symbole. Und die Designer, die diese gemacht haben, haben bestimmte Entscheidungen getroffen. Also ich stimme dem irgendwie zu

update-preview -> sieht genauso aus wie reload
amend -> sieht identisch aus wie edit und hat seine Bedeutung verloren.
gesperrt -> auch das gesperrt/entsperr-Symbol sieht aus wie eine Handtasche

@inforandy - Könnten Sie dies zur Überprüfung der Designliste hinzufügen.

Hallo @tmcconechy, gibt es dazu ein Update?

@inforandy @lucacolumbu - Haben wir Designressourcen zur Verfügung, die diese Symbole korrigieren können? Vielen Dank

@tmcconechy danke tim, wird jemand nachschauen lassen

@tmcconechy hey tim, dies sind die richtigen lebendigen Symbole, die wir als Ersatz für die subtilen Symbole gedacht haben. Beim Entwerfen des Uplift-Sets haben wir die meisten objektspezifischen Formen, wie z. das gleiche gilt für die Update-Vorschau – statt einer kontextspezifischen Form, wie sie in den subtilen Symbolen zu sehen ist, haben wir uns auf die grundlegende Aktion reduziert, die "Aktualisieren" oder "Aktualisieren" war. Wenn diese Symbole in diesen Kontexten nicht ihren beabsichtigten Zweck erfüllen, können wir vielleicht auf andere Symbole innerhalb des Uplift-Sets verweisen.

Ich sehe @elizabethhartley, ich denke, die Beschwerde ist, dass es in dem anderen Thema eine Bedeutung hatte, die jetzt nicht mehr dieselbe ist. Funktioniert das mit dieser Erklärung? @claudenbach @nbcp ? Ich denke, meine Folgefrage wäre, was ist der Unterschied zwischen Ändern und Bearbeiten? Klingt nach einem anderen Wort für dieselbe Aktion?

Wie für Update-Vorschau? Was macht das? Ist Auffrischen dasselbe?

Endergebnis dieser Ausgabe:

Behalten wie es ist / Änderung abgelehnt:
update-preview -> jetzt weniger objektspezifisch, sieht also ähnlich aus wie reload
ändern -> jetzt weniger objektspezifisch, sieht also ähnlich aus wie edit

Schon erledigt:
gesperrt -> auch das gesperrt/entsperr-Symbol sieht aus wie eine Handtasche

Wenn ich das richtig verstehe, erscheint dies willkürlich und falsch. die Landmark-Implementierung von "amend" ist für eine Helferliste. Das allgemeine Symbol "Bearbeiten" hat nicht dieselbe Bedeutung. Das ist meiner Meinung nach ein Rückschritt. Die Änderung des Symbols auf IDS-Ebene berücksichtigte nicht angemessen, wie andere Produkte es derzeit verwenden und welche Auswirkungen diese Entscheidung nachgelagert hat.

So wie ich es sehe liegen die aktuellen Probleme bei:

ändern -
Vorschau aktualisieren -

Kannst du @jamie-norman erklären, was die machen? Es ist wahrscheinlich willkürlich, sie so zu ändern, dass sie mit Bearbeiten und Neuladen identisch sind. Aber ich denke, wir könnten uns vielleicht einige einfallen lassen, die die Verwendung auf eine nicht objektspezifische Weise erfassen (was die einzigen Änderungen im Uplift war). Das ist mein Vorschlag...

Können wir mit dem, was die beiden tun, neu starten?

@jamie-norman könnte ich eine kurze Erklärung dafür bekommen. Wir werden eine Design-Jira erstellen, um zu versuchen, sie weiter zu korrigieren, um sie besser an den Fall + die Designänderung anzupassen. https://jira.infor.com/browse/HLPE-363

cc @inforandy

Das Symbol "Ändern" wurde für eine Helferliste verwendet, die eine Auswahlliste ähnlich der Funktionsweise der Nachschlage-/Auswahlliste (Suchlistensymbol) aufruft. Bei "Vorschau aktualisieren" bin ich mir nicht ganz sicher.
Schnelles Gif: https://recordit.co/hFytWvNGTp

Übrigens, die Update-Vorschau sollte als "Vorschau" verwendet werden. Können wir diesen Namen auch bitte in "Vorschau" ändern, um Verwirrung für uns alle zu vermeiden? Die Bedeutung ist völlig daneben, wie es aussieht, genau wie das Aktualisierungssymbol, warum brauchen wir überhaupt 3 verschiedene Symbolnamen für dasselbe Symbol? refresh, refresh-current, update-preview sieht alles gleich aus (https://design.infor.com/product/identity/icons).

Ich glaube, das Vorschausymbol sollte ähnlich aussehen wie zuvor in https://design.infor.com/code/ids-enterprise/4.26.0/demo/components/icons/example-index?theme=uplift&variant=light since es repräsentiert die Handlung besser.

siehe https://jira.lawson.com/browse/LMCLIENT-29584 für mehr Kontext

Ja, ich sehe, wir haben kein Vorschausymbol. Ich würde denken, wir würden. Wir müssen vielleicht ein Vorschausymbol hinzufügen, damit es beides gibt. Fügen Sie dann ein anderes Symbol zum Ändern hinzu (Ändern ist das Hinzufügen zu einem Ledger, da Sie es nicht bearbeiten, das Sie immer hinzufügen).

@tmcconechy Ich habe das eye Symbol für die Vorschau in den letzten Designs verwendet.

Wenn das Ändern einem Ledger hinzugefügt wird, sollte das Symbol dann hinzugefügt werden?

wir wollen uns nicht wieder angewöhnen, zu präskriptiv zu sein.

Der spezielle Fall, auf den ich mich beziehe, ist das Aufrufen einer Helferliste, die es dem Benutzer ermöglicht, ein Feld mit einem Wert aus einem vordefinierten Satz auszufüllen. "Ändern" ist also nicht wirklich wörtlich. Es wird hinzugefügt, aber aus einer Liste, daher weiß ich nicht, ob ein einfaches "Hinzufügen" -Symbol ausreichen würde. Ich glaube, ich habe darum gebeten, dass Symbole nicht ersetzt oder veraltet werden, ohne ihre Verwendung in anderen Produktteams zu verstehen

Ich bin mir ziemlich sicher, dass Ledger eine gängige Sache ist. Also vielleicht ein + auf ein Dokument oder so? Denken Sie nicht, dass es nur ein Symbol zum Hinzufügen ist. Aber ich denke, ein neues Vorschaudokument (wie eine Vorschau zum Drucken) könnte funktionieren, was immer wir wollen. Ist das nicht normalerweise eher ein Dokument mit einer Lupe darauf?

add row
add report
add document
@jamie-norman hier sind ein paar Icons, die ausreichen könnten – was denkst du?

Guten Morgen, danke für den ganzen Input. Wir sollten uns etwas Zeit nehmen, um weiter darüber zu sprechen, die Anfrage zu verstehen und zu sehen, wie wir vorankommen können. @jamie- norman @elizabethhartley , ich habe ein paar Fragen, wir hatten ein altes "Amend"-Icon, warum haben wir es nicht in den neuen Style umgewandelt.

Ich bin neu, also wäre es toll, ein Treffen zu haben, um zu diskutieren. Danke A

image

ein paar schnelle Ideen zum Hinzufügen zur Liste.

Wenn Sie einen Anruf aufbauen möchten, ist das für mich in Ordnung. Sollte wohl auch Phillip Patton mit einbeziehen

@jamie-norman die sehen gut aus. Ich werde ein Treffen arrangieren, um mich einzuholen und das voranzubringen. Können Sie mir die Datei senden, in der Sie die Symbole erstellt haben?

Helferliste.zip
Ich habe sie in Illustrator erstellt, sie in Sketch gezogen und dann exportiert.

@jamie-norman DANKE

@jamie-norman figma Datei hier

Hallo zusammen, es ist schon eine Weile her, gibt es dazu schon ein Update? Haben wir eine Entwurfsvorschau der neuen vorgeschlagenen Symbole? Ich denke, es reicht mir, solange sie sich nicht mit der Bedeutung anderer vorhandener Symbole überschneiden, um Verwirrung zu vermeiden.

Ich habe einen weiteren Fall gefunden, bei dem das Symbol seine Bedeutung verloren hat. Das ist im Baum. Früher hatten wir ein "#icon-tree-node"-Symbol, das wie eine Basisebene eines UI-Baums aussah. Jetzt ist es nur ein Kreis, der wie ein Optionsfeld aussieht, das Sie auswählen können. Das ist verwirrend.

Können wir das auch ändern?

Vergleichen:
https://master-enterprise.demo.design.infor.com/components/tree/example-select-multiple.html?theme=uplift&variant=light&colors=0066D4

Mit
https://master-enterprise.demo.design.infor.com/components/tree/example-select-multiple.html

Zusätzlicher Kontext: https://github.com/infor-design/enterprise/issues/3936#issuecomment -632654115

Screen Shot 2020-05-27 at 10 18 27 AM

Hier sind vier Optionen zum Ändern, lassen Sie mich wissen, was Sie denken @aaron-usiskin @jamie-norman

@elizabethhartley meine Präferenz ist Option 1, da diese im Kontext einer Liste verwendet wird

@jamie-norman super! Wir fügen dies jetzt in die Datei ids-icons-standard.sketch in design system/sketch/theme-uplift

@elizabethhartley reparieren wir andere hier erwähnte Symbole?

  • Icon-Baum-Knoten (bedeutung verloren)
  • Vorschau aktualisieren
  • ändern (du erwähntest)

@tmcconechy das sind verschiedene Tickets in unserem Jira-Board – wir werden sie separat behandeln

Ich habe https://github.com/infor-design/enterprise/issues/3978 hinzugefügt, um die beiden anderen

Ein neues Amend-Symbol wurde entworfen und genehmigt:

https://jira.infor.com/browse/HLPE-363

Das Icon wurde hier in das Designsystem eingebunden:
https://github.com/infor-design/design-system/pull/447

Ein PR für das geänderte Symbol (4.30) hinzugefügt. Schließen Sie dies, wenn dies erledigt ist. Beachten Sie noch einmal, dass ich #3978 für die restlichen Symbole erstellt habe.

PR: https://github.com/infor-design/enterprise/pull/3979/files

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen