トーク

ユーザー画像
2022/04/24 17:17

こんにちは。ほりです。

実は投稿する側は初めてです。
ちょっとした雑談程度にお付き合いくださいませ。

kintoneでは、フィールドと呼ばれる部品を組み合わせてレコードを作りますが、みなさん、フィールドの配置方法に工夫などしていますでしょうか?

私は色々な方のご意見を参考にこんなことをやってます。
・不要になったフィールドは消さずに下の方に移動して、不要グループに隠してしまう
・一覧に見せなくてもいいフィールドには絵文字で×を付けておく
・ある程度の塊で「ーーーー」を入れてなんとなくエリア分けする
・横に長くなりすぎないようにして横スクロールさせないようにする

みなさまのアイデアがありましたら、ぜひ教えてくださいませ~(∩´∀`)∩


この投稿を共有する
閉じる
4件のコメント (新着順)
ユーザー画像
ユーザー画像
Drunkard
2022/04/27 11:48

カスタマイズで
「kintone.app.record.setFieldShown('フィールド名', false);」
としています。


ユーザー画像
ユーザー画像
たなよし@Twitterもやってるよ
2022/04/25 15:28

『良いUI』という意味でのフィールドの設置に関してのお話しですね。

Web屋さん的な良いUIの事例なんかは、検索するとイロイロと出てきますので、レコード登録画面にも応用できるかと思います。

ワタシは「横に伸びようが、縦に伸びようが、順番に入れていきやすいように並べとけばいい」という考え方です。
F型で追う画面になると思うので、そこまで考えなくても大丈夫じゃないのかなぁと。

『一覧』の設定にはちょっとだけこだわりたくなりますが・・・。



ユーザー画像
ユーザー画像
ほり(hori hiromi)
2022/04/27 06:40

なるほど、順番に入れていきやすい…これは確かに重要ですね。
入れながらあっちこっち行くと、長いページではかなりストレスになりますもんね。

使いやすいUIっていうのはちょっとした工夫の積み重ねと思ってます。
パッと見、地味ですごくなくても、日々の入力が少しでも楽になれば利用者が気持ちよく使ってくれるかな~(´ω`*)とか考えております。


ユーザー画像
ユーザー画像
のりへー
2022/04/25 10:17

こんにちは、のりへーです。
私はこんな事やってます!

➀ほりさんと同じく、項目を罫線フィールドで分ける
②縦にも罫線入れたいときはラベルフィールドで『 | 』を3つほど改行して並べる。
 ※➀②を組み合わせてカードっぽい見栄えにしたりもします。
 ※難点として、スマホアプリで見たときにめちゃくちゃな見栄えになってしまいます。 
③限界まで短くしたスペースフィールドを一番左に配置し、少し項目を下げてみる
④きったんさんと同じくグループフィールドを使う。

あと最近、スマホでも見やすいようにCustomineのタブ分けカスタマイズも始めてみました。

標準機能だけでやるとフィールド数が多いアプリはどうしてもスマホでは見にくくなってしまうのが
悩ましいなと思いっています。。



ユーザー画像
ユーザー画像
ほり(hori hiromi)
2022/04/27 06:34

縦のラインに「|」を使うのはいいアイデアですね!
これは思いつかなかった~。カードっぽい見た目は使いどころがありそうです。

スペースで距離感を調整する、というのもなるほど~と思いました。

項目多いと見た目が結構大事になってきますよね。
参考にさせてもらいます!


ユーザー画像
ユーザー画像
きったん
2022/04/24 18:46

こんばんは。きったんです。

僕も横スクロールにはならないようにしています。

あとは、データに必要で表示に必要でないものは、「システム使用欄」というグループに入れて非表示にしています。なんかカッコよく見えるから(笑)

フィールド名を表示すると縦に長くなりそうなものは非表示にしてラベルで工夫しています。

フォームに関しては、前にも言ったことありますが、accessみたいにもっと自由にフィールドを配置したいですね…。



ユーザー画像
ユーザー画像
ほり(hori hiromi)
2022/04/25 08:45

フィールド名とラベルの使い分け!
ラベルは注意書きとしての使い方が多かったのでなるほどと思いました!

システム使用欄、カッコいいですね。
それ、うちも使おうかな〜

フィールドもう少し自由に配置できたら…は思いますね。でもこだわりが際限なくなる気もするので今のところ割り切って使ってます😅