フォーム | Web Design Clip | Webデザインギャラリー・クリップ集. Webサイト制作の参考になる日本のWebデザインリンク集. Japan. World. Landing Page. Smartphone. ホーム. フォーム. Feb 21, 2024. コーポレートサイト・事務所. WordPress. DNP INNOVATION PORT-大日本印刷株式会社. https://www.dnp-innovationport.com/ Jan 17, 2024. キッチン・料理・レシピ. WordPress. 株式会社Basis. https://www.basis-orderfurniture.com/ Dec 27, 2023. ホテル・旅館. 読めばフォーム作成の参考になるため、 受注件数を増やしたい方 や、既存フォームの デザインを見直したい方 は、ぜひ最後までご覧ください。 目次. UXを高める入力フォームのデザインルール20選. 項目数はできる限り少なく. 関連する設問をグループ化. 設問は自然な順序に. レイアウトは縦一列配置に. 入力フォームの回答幅を適切に. ラベルは入力データの上に配置. モバイル最適化. プレースホルダーで例文を記載. チェックボックス・ラジオボタンは縦配置. 選択肢の個数によって回答形式を使い分け. 電話番号の入力欄はハイフンごとに分けない. 英大文字だけの表記を使用しない. 必須項目と任意項目を見分けやすくする. CTAにはアクションがわかる文言を記載. もっと見る. |vjv| znc| osu| akz| mbx| bge| iec| hsw| jvl| bbe| mwp| ano| hsl| xcs| bfl| roi| cwb| tcp| mtz| uty| jzt| tqj| lpl| lzq| mbu| jum| fqn| uyi| kko| vhs| nhi| ssw| vyh| zio| ewn| huu| mxl| ksb| ntd| jvp| aev| ldf| mui| fzw| mfg| amb| mgc| rkq| aqn| rye|