お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久
今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO（入力フォーム最適化）をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル（項目名）」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を
コード書けないWebディレクターが個人サービスを久々に作ってみた感想 : けんすう日記
ハロー nanapiという会社をやりはじめて4年以上たっているのですが、元々プログラマーでもデザイナーでもない、Webディレクター的なポジションの人なので、コードを書いたりデザインをしたりHTMLを書いたりすることはなかったのですね。 で、最近、仕事で「離乳食の基本 」というサイトをやろうとしてですね、自分でサイトを作ってたら楽しくなってしまったので、余暇を使って新しくサイトを作ってみました。 憧れの暗号で投稿できるサービス - Crypt(クリプト) 普通に文章を投稿をするとですね、暗号になるという便利サービスです。単なる暗号だとかわいくないので、Web Fontを使ってかわいくしてみました。 暗号を解くには投稿時に設定したキーワードがいります。それがあると中身が見えます。 楽しいですよね！ なぜ作ったのか 自分１人でサービスを作ると、サービスと脳が直結するのですね。 言葉にする必要がな
ポートフォリオサービスのJAYPEGで出会える凄い日本人クリエイター 20
公開されてから約半年が経った、自分専用のポートフォリオページを作れるWebサービスのJAYPEG。素晴らしい作品が数多く投稿されており、個人的に大好きなサービスです。そんなJAYPEGで作品を見ることができる凄い日本人クリエイターを20人紹介します。 1. ryo_dg 大阪のWeb制作会社でデザイナーとして活躍しているRyo Nakaeさん。自身のポートフォリオサイトを始め、Gunosyのリデザインコンセプトや架空のアプリUIなど、見ていてワクワクするデザインばかりです。 2. suzuki クリエイターチームのナナメウエで活動しているUIデザイナーのTomohiro Suzukiさん。Illustratorの使い方や、チュートリアルなどを紹介しているブログ、Illustrator Maniaを運営されている方でもあります。質感が素敵な作品をイラレでたくさん作られています。 3. ken
トレンドに振り回されない。デザインの考え方を等身大にまとめた本を書きました。
東京都でフリーランスデザイナーをしているイシジマミキのブログです。制作実績やその作り方とか。あと運営しているコワーキングスペース「こけむさズ」に関して。書評などのレビューもします。 1月29日に「スマートフォンデザインでラクするためには」という本を技術評論社さんにて書かせていただきました。 表紙カッコイイ！！！ いつも書いているブログ記事の豪華版 このブログではよく作ったアイコンやロゴ、Webサイトの製作過程を紹介しています。 なぜそれをするのかというとデザインでは「何を考え、どう決断し、どう表現したか」が大切だからです。 「スマートフォンデザインでラクするために」はその「何を考え、どう決断し、どう表現したか」をより掘り下げて232ページ、6万文字弱使って書いています。 いやー豪華ですねー。死ぬかと思った！ 画面に向かうな 「画面に向かうな」とはわたしがよく行うデザインの模索方法です。これ
UXとUIが混同されるワケ
最近 UX と UI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。
eBay でヒドいデザインの方がコンバージョン率が高かった、という話
先日日本のWEBデザインが2003年で止まっていると話題にという記事で楽天のサイトなどのことが取り上げられていましたが、これを読んで思い出したポッドキャストインタビューがあったので一部抜粋してみます。 このインタビューはスタートアップ向けレクチャーイベント ZURBsoapbox シリーズのひとつ。昨年11月に、「サンフランシスコでの投資とギークな日々の20年間」といったタイトルで 500 Startups 代表のエンジェル投資家デイブ・マクルーア氏が語ったものです。 「チームのメンバーに求める特徴は？」という客席からの質問のデザイナーの部分について、彼はこのように答えていました。 一緒に働くのが辛いデザイナーもいた。自分はなんでも知ってる、みたいなデザイナーと働くのにはほんとに苦労した。デザイナーと口論したいわけじゃないんだ。俺が見たいのは数字とお客さんの利用例。そして何がうまくいってい
JavaScriptで作られた、見たことないUIデザインのWebサイト
株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
