使いやすいフォームデザインのための新しい４つのルール
大規模なECサイトにおけるUXチームのリードであり、レンセラー工科大学でヒューマン・コンピューター・インタラクションの修士号を取得しています。Webサイト、Twitter。 私たちは日々、オンライン上でフォームを使っています。購入を完了するため、メーリングリストやソーシャルネットワークなどに登録するため、ディスカッションに参加するため、美味しそうなランチの写真を投稿するためなど、フォームを使う場面はさまざまです。オンラインで情報を入力するために、フォームは必要不可欠と言っても過言ではありません。 しかし、長きに渡ってフォームの改善はあまり見られませんでした。「使える」ものではあったものの、「使いやすい」ものには至らなかったのです。 近年では新しいテクニックを正しく使うことで、デザイナーはより早く、簡単で、生産性のあるフォームの作成が可能になっています。 フォームは短ければ良いのか 「フォー
シンプルで使い勝手がよさそうな25のフォームのPSD | 日刊ウェブログ式
Stacked Login Form これは使い勝手がよさそうですね。 Download Login Window 2/Lite こちらも上のものと似ていますが、使いやすそうです。 Download Login modal box ログインフォームと会員登録が一緒になったもの Download Clean & Simple Signup Form (PSD) 確認パスワードを入れさせるタイプのログインフォーム Download Search boxes いろいろなデザインの検索ボックス Download デザインがシンプルなので、いろんなサイトで使えそうでいいですね。続きはこちらからどうぞ 参照: 25 Fantastic Free Form and Field PSDs 関連記事 シンプルで上質なウェブデザインの国内サイトまとめ シンプルで使い勝手がよさそうな25のフォームのPSD 煙を
三都物語 - マイ・フェイバリット関西
電車で行く関西のおでかけコンシェルジュ「マイ・フェイバリット関西」が、大阪・京都・神戸の最新観光スポット情報やモデルコース、おトクな新幹線＆ホテル宿泊プランを紹介。あなただけのお気に入りがきっと見つかりますスペシャルコンテンツ OSAKA KITA 24 HOURS OSAKA STATION CITY BRAND NEW OSAKA モデルコース OSAKA TOWN スポット情報 梅田・北新地エリア 淀屋橋・北浜エリア 心斎橋・堀江エリア なんば・道頓堀エリア 京橋・天満橋エリア 新幹線＋ホテルプラン 特集：グランヴィア大阪で 楽しむプラン 九州発 旅行会社 イチオシプラン 中国地方発 おすすめプラン一覧 北陸地方発 おすすめプラン一覧 三都物語 おすすめホテル一覧 お問い合わせ ご利用案内 プライバシーポリシー ※ お問い合わせ/ご利用案内/プライバシーポリシーからはマ
[css] フォームのボタンをスタイルシートで画像ボタンに変更する
フォームのボタンについては以前、buttonタグにボタン画像をそのまま入れるという手法を書きましたが、 もう一つ、ボタンの見た目をCSSで変更する手法がございます。 この記事ではCSSでスタイリッシュなフォームボタンを作る方法について解説します。 メリットとしては、ロールオーバーアクションをCSSで制御出来るという点と、 タイプ属性にimageを指定しないので、送信やリセットなどの機能を殺さないという点があります。 ただし、CSSでのロールオーバーはIE6未対応なので、気になる方はJavascriptと併用してください。 （個人的にはスルーしても問題ないと思っています） (X)HTMLソース buttonとinputどっちでもOK <button id="submit" type="submit">Submit</button> <input id="submit" type="submi
![[css] フォームのボタンをスタイルシートで画像ボタンに変更する](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
Designing For Explicit Choice — Smashing Magazine
In this article, Colleen Roller will show us that defaults are powerful because they provide a way for users to passively decide, thereby easing the difficulty and effort associated with decision-making. Also, that providing a default option is not always appropriate. Sometimes, it’s better for users to make an explicit choice — especially when they are more likely to follow through with a decisio
スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グラフィカルなアンケートフォームが作れる『Typeform』 | 100SHIKI
『Jetpack』にフォームが実装されたので試してみたよ | 鉄王