入力抵抗を少なくできるかも、なミニマムなフォームインタフェースの一例
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
最新のブログ記事(新着順)
- Three.jsでパーティクルが雨のように降り注ぐ実装デモ
- ホバーで文字がバラバラと集まるエフェクト実装
- ClipPathを使ったオシャレな画面切り替えスライドショー実装
- テキストをSVGを使って円形アニメーションさせるデモ
- Three.jsをつかった3Dなローディングアニメーション実装
- ホバー時にCSSで下線などをアニメーション表示するサンプル
- iPhone, iPad, Mac, Android などのフリーのベクターモックアップ
- macOS用の使いやすいカラーピッカー「pika」
- CSSでボタンにサイバーパンク効果を与えるサンプル
- カラフルな球体をWEB上でうごかすThree.jsをつかったサンプル
- 過去のエントリ