入力抵抗を少なくできるかも、なミニマムなフォームインタフェースの一例
2014年04月09日-
スポンサード リンク
Minimal Form Interface | Codrops
入力抵抗を少なくできるかも、なミニマムなフォームインタフェースの一例。
フォームにはたった1つのinputしか用意されておらず1個1個の質問に答えていけば完了するというUIの実装デモです。
デザインがフラットでいい感じにアニメーションする部分もトレンドにのっている感じでいいのですが、入力抵抗を少なくすることでコンバージョンが上がるかも、ということで登録フォーム等でのテストをしてみてもよいのかもしれません。
関連エントリ
- クレジットカード入力補助フォームの実装ができるjQueryプラグイン「Creditly.js」
- フォームでの洗練されたアイテムへのタグ付けUI実装jQueryプラグイン「taggingJS」
- 複数画面にわたるステップ別のカッコいいフォームを実装できる「Ideal Forms 3」
関連の記事検索:Webデザイン
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 約7500種の汎用ピクトグラムアイコン集「Phosphor Icons」
- ほぼCSSで実装されたUIフレームワーク「Ellegant CSS」
- TailwindCSSベースの150種類以上のUIライブラリ「SailboatUI」
- 1700種類以上のSVGアイコン「MingCute Icon」
- 過去のエントリ