Enterprise: アイコンインジケーターリクエスト

作成日 2021年01月25日  ·  18コメント  ·  ソース: infor-design/enterprise

機能リクエストは問題やユースケースに関連していますか?

Infor WFMチームはシフトリクエスト設定の新機能に取り組んでおり、従業員はユーザー側から個人設定を送信できます。スケジューラーはすべてのリクエストをチェックし、それに応じてWebアプリでシフトを割り当てます。 シフトステータスを表すために、6つの類似しているがわずかに異なるアイコンインジケータが必要です。1。作業要求2.非作業要求3.名誉ある作業要求4.拒否された作業要求5.名誉ある非作業要求6.拒否された非作業要求。 アイコンのサイズは、最小の15(H)* 37(W)ピクセルのスペースに収まる必要があります。 通常のサイズはシフトカードで標準化されているように32/24/16になります。

希望するソリューションを説明してください
これらの6つのステータスの6つの類似しているがわずかに異なるアイコンインジケータ。

検討した代替案を説明してください
背景色が異なるアイコン、制約:シフトパネルには既存の色があり、混乱しやすく、読みにくいです。

追加のコンテキスト
私はクロエ・チェンで、デザインの仕事を手伝っています。 コラボレーションの方法や、Figmaファイルが必要な場合はお知らせください。
ご不明な点がございましたら、いつでもお気軽にご連絡ください:chloe。 [email protected]
IconIndicators

[2] design type

最も参考になるコメント

これに戻って、WFMに既存のIDSアイコンを最大限に活用する方法を見つけてくれてありがとう! このアイコンがWFM以外でもどのように価値があるかがわかります。 これが私たちの現在の状況であり、まもなくIDSにアップロードする予定です。
Screen Shot 2021-02-10 at 11 01 23 AM

全てのコメント18件

これについては、スプリント計画で説明します。 現在、アイコンをスケッチする必要がありますが、誰かが現在取り組んでいます。 したがって、後で追加することができます。 すぐにいくつかの詳細を提供します

ありがとう。 最小のアイコンサイズ(15 * 37ピクセルセル内)の読みやすさと視認性を考慮してください。

Figmaファイルを参照し、コピーしてブラウザに貼り付けてくださいhttps://www.figma.com/file/9EVrLj3TM13Mxclqgq1MYC/Schedule-Request?node-id=0%3A1
「アイコンインジケータ」セッションを参照してください。
ありがとう

ねえ@InforChloeChen ! これらのアイコンを追加すると、他のすべてのインフォアチームが利用できるようになるので、自分の役割を果たして、それらが価値があるかどうかを判断したいと思います(したがって、難しい感情はありません)。 UIのアイコンの必要性について話していただけますか? これらのアイコンがテキストで表示されていない場合、混乱したり、意味が明確に伝わらない可能性があることを考慮することが重要です。 いくつか質問に答えていただけませんか。

  • アイコンの人間の形がアイコンの意味とどのように関係しているのですか?
  • IDSの既存のステータスアイコンを検討しましたか?
  • この記事の内容のいくつかを確認して、改善できる点があるかどうかを確認してください。 https://uxplanet.org/checklist-for-using-icons-in-ui-acb6dee36e8a

私の他の懸念は、ステータスとしての色の使用です。 これにはアクセスできません。 さらに、3つの基本サイズを決定しました。

大:24、
通常:18
小:10

本当に小さいものはほとんど小さすぎて私には見えません

こんにちは、 @ kevinwhitedesign 、これらのアイコンが収まる場合は、他の領域で再利用できるようにしておくとよいでしょう。 これらのアイコンは、従業員からの個人的な要求のステータスを表します。 これらすべてのアイコンインジケーター(6つの異なるステータス)を表示できるのは、スケジューラーと管理者だけです。 スケジューラーが要求を確認してシフトセルをホバーすると、アシスタント情報プロバイダーとして、より大きなサイズのアイコンとシフト情報がポップアップに表示されます。 ユーザーフローの詳細については、インジケーターのデザインセッションをご覧ください。
Figmaファイルhttps://www.figma.com/file/9EVrLj3TM13Mxclqgq1MYC/Schedule-Request?node-id=0%3A1

  • 人間の形は従業員に関連しており、アクセシビリティを通過させるためにそれを削除することができます。
  • 既存のIDSアイコンライブラリでは、6つの類似した形のアイコンは見つかりませんでした。 何かお勧めはありますか?
  • すべてのアイコンは未定です。 ルールに合わせて自由に調整してください。

ところで、アイコンの最小サイズは12または14px(推奨)です。
ありがとう

ねえ@InforChloeChenええ-あなたが作業している開発者はIDSを介してアクセスアイコンを使用していますか? それとも、独自のスタンドアロンライブラリがありますか? これらがチームが内部で使用するアイコンである場合は、サイズを適用できますが、Timが前述した10、18、および24のアイコンサイズをお勧めします[使用のみ可能]。

ええ、これらは少し具体的であるように見えますが、ここでプレビューできるステータスのようなアイコンがありますhttps://master-enterprise.demo.design.infor.com/components/alerts/example-index.html?theme=uplift&variant = light&colors = 0066D4

それらの他の答えはいいですね! @laurensteiger + @elizabethhartleyと簡単に会いましょう。そこから、行くことができます。

先週お会いできてありがとうございました。 ステータスについて話し合った後、既存のアイコンを添付して先に進みます。 ただし、ライブラリにない最初のアイコンをライブラリに追加するには、ヘルプが必要になる場合があります。 2番目のアイコン-動作しないリクエスト(メモの中央にある十字)は存在しましたが、チェックマークが見つかりませんでした。 このFigmaファイルで更新されたアイコンを参照してください: https ://www.figma.com/file/9EVrLj3TM13Mxclqgq1MYC/Schedule-Request?node-id = 0%3A1

icon update

開けない場合はお知らせください。
ありがとう

これに戻って、WFMに既存のIDSアイコンを最大限に活用する方法を見つけてくれてありがとう! このアイコンがWFM以外でもどのように価値があるかがわかります。 これが私たちの現在の状況であり、まもなくIDSにアップロードする予定です。
Screen Shot 2021-02-10 at 11 01 23 AM

@kevinwhitedesignに感謝します。PRを追加したら、私に知らせて(または見づらい)チェックしてください...

@tmcconechyで素晴らしい@laurensteigerからのPRを探してください。 このアイコンはどのリリースで利用できると思いますか?

今後2週間以内に来ると4.38になります...

これで問題は解決しました。

私の他の懸念は、ステータスとしての色の使用です。 これにはアクセスできません。 さらに、3つの基本サイズを決定しました。

大:24、
通常:18
小:10

本当に小さいものはほとんど小さすぎて私には見えません

申し訳ありませんが、もう1つ質問があります。スペースの制限により、アイコンのサイズは24、18、10ピクセルになるとのことですが、まだこのサイズガイドに従っていると思います。

@InforChloeChen最新のデザインシステムアイコンファイルを確認したところ、両方の承認アイコンが18pxサイズに設定されています。 @tmcconechyどうやら、クロエのチームの開発者はアイコンにアクセスできません。あなたの側にアイコンが表示されていますか?

はい、 https://master-enterprise.demo.design.infor.com/components/icons/example-index.htmlでそれらを確認しています。
Screen Shot 2021-04-30 at 10 52 21 AM

それらにアクセスしようとすると、どこを見ていますか? 使用しているIDSのバージョンを確認してください。 そして、その最新のものを確認してください

@InforChloeChen Timは、IDS環境でそれらを使用しています。開発者に確認してください。

このページは役に立ちましたか?
0 / 5 - 0 評価