2022/10/03 14:33
入力の負担を減らすデザインを模索しています｜
これまでExcelで作っていた出荷依頼書を、Kintone→プリントクリエイターで作成することに成功！・・・したはいいものの、実際に使ってもらう段階で躓いています。「なんかたくさん記入するところがあって、やめちゃいました」とのこと。
フィールド20項目のうち、自動入力や通常は変更しない項目もあるので、普段記入するのは7項目(赤マーカーの場所)です。
現状の課題
・どこに注目するべきか分かりづらく、本来の入力よりも複雑そうに見えてしまう
・文字が多く、視線誘導ができていない
こういった課題を解決し、入力の負担が少ないデザインに変更したり、優先度の高いものを見やすくする方法はないものでしょうか？アイデアお待ちしております。
使用可能カスタマイズ
・TiSプラグイン
・無料プラグイン
・JS
共有する
ミュートしたユーザーの投稿です。
投稿を表示皆様の投稿の内容に同意です。
手間をかけたくない時の案として
フィールド名に環境文字🔵などで目立たせるを提案します
例
🔵商品名🔵
ミュートしたユーザーの投稿です。
投稿を表示ミュートしたユーザーの投稿です。
投稿を表示おはようございます。
たなよしさんのコメントに被るのですが、入力しないといけない部分だけ
上にギュッと集めるのが良いと思います。
その際はマウス持ち替え不要にするためにTisさんとこの
フィールド遷移キー追加プラグインを使いましょう。
ところで商品コードと商品名がそれぞれルックアップになってますが
なぜなのでしょうか？できれば片方だけにしたほうが……。
入力「できる」部分が多いだけで、ウッ、っとなる人も多いです。
ちなみに私も良かれと思って帳票に似せたフォーマットにしてしまいがちです……。
ミュートしたユーザーの投稿です。
投稿を表示いくつかアイデアを記しておきます。
①入力するフィールドだけ上に並べて、
全体の構成を縦方向ではなく、横方向にする。
②TISさんの入力ヒント表示プラグインを使って、
入力が必要なフィールドを分かりやすくする。
https://www.tis2010.jp/placeholder/
③Ribbitさんのツールチッププラグインを使って、
入力が必要なフィールドを分かりやすくする。
https://ribbit.konomi.app/blog/kintone-plugin-tooltip
②③は見た目の好み問題ですが。
ミュートしたユーザーの投稿です。
投稿を表示Web屋さんだった頃の知識から・・・。
視線はZもしくはFのカタチで画面上を移動します。
最初に入力した項目から次に移動するときの視線の動きを意識する配置にするか、単純に入力すべき箇所に色を付けてしまうかでしょうか。
あるいは他のフィールドと異なる状態にすることで、画面上で目立つようにしてしまうことで「これだけ入力すればええんやな」となるかと思います。
例えば
・CSSで7項目だけフィールド名に異なる色を使う
・CSSで7項目だけフィールド名をボールドにする
・フィールド名に絵文字を使う
などでも十分に視線を誘導できるかなと。
最後の切り札は、入力すべき項目は画面をスクロールさせなくても全て見えるように配置することかなと。