アイコンデザインで注意するポイントが知りたい。 そんなときにおすすめなのが、『10 Mistakes in Icon Design』。アイコンデザインにおける10の間違いだ。 以下にご紹介。 アイコンのデザインの差があまりない アイコンをセットで作る場合、見分けられないデザインはよくない。↓はMac OS Xのユーティティーアイコン。見分けがつきづらく、間違って起動してしまう。 一つのアイコンに要素が多すぎる アイコンの中の要素は少なければ少ないほどよい。要素が多いと、小さくしたときに判別しにくい。 不要な要素を含んでいる 要素を少なくし、メッセージがストレートに伝わる要素だけを置きたい。↓はDBアイコンの例。DBであることがわかっているなら、後者の例にした方がわかりやすい。 アイコンセットに統一性がない アイコンセットは、カラースキーム、遠近感、サイズ、描画技術を統一すべき。 小さいアイ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ウェブサイトに対する 構想と現状のギャップATTA有限会社は、外食産業に関する総合的な情報、商材販売、または飲食店経営者と企業の結びつきをウェブを通じてサポートするために作られた会社だ。福井県の若狭地方で飲食店のチェーンを展開している株式会社フードプランニングの子会社として東京に設立され、主に「繁盛広場ATTA」というサイトで、これから飲食店を開業する人、フランチャイズに加入する人、すでに営業をしている人で悩みのある人に向けて飲食店の開業や運営に関する情報を発信している。 海外商材の仕入れ事業を行っていた親会社であるフードプランニングは、優れた商材を一般に知ってもらう機会がないことに頭を悩ませていた。飲食業界の展示会としては「ホテル・レストランショー」「フード・ケータリングショー」などさまざま実施されているが、開催場所は首都圏であることが多く、地元の福井からの参加は人件費、交通費、出店費用
アクセス向上の入り口「新規ユーザーを増やす」ワザを理解したら、次は「一度来てくれたユーザーにまた来てもらう」ワザだ。多くの新しいユーザーを獲得できたとしても、そのほとんどが「通りすがり」になってしまうと、常に同じだけの新規ユーザーを獲得し続けても永遠にユーザーが増えないことになってしまう。一度来てくれたユーザーに再訪問してもらい、リピーターとなってもらうにはどうすればいいのだろうか？ 69遅い！ イライラ！ もう来ない！ 今や多くのインターネットユーザーはブロードバンド接続になっているため、昔ほどページ全体のサイズに気を遣ったり、大きな画像を使わないように工夫したりする必然性は少なくなった。とは言え、あのグーグルでさえ、ウェブ検索の結果が表示されるまでの応答時間が0.5秒長くなっただけでユーザーが検索を控えるようになったと延べている。そこまで厳密になる必要はないが、サイトが重くなっていない
フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな... フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな時のために optgroup 要素が存在するわけですが、こいつを使用した上で、CSS をあてて見た目を装飾する方法と、一部ブラウザでの注意点などを簡単にまとめてみました。 基本的なことのみで、すごいかっこいい見た目を実現とかそういうのではありませんので、期待せずにどうぞ。 例えば都道府県などの選択をさせる際を想定すると、マークアップ自体はこんな感じになりますよね。面倒なので全部は書きませんが。 <select name="location"> <optgroup la
日経クロステック登録会員になると… ・新着が分かるメールマガジンが届く ・キーワード登録、連載フォローが便利 さらに、有料会員に申し込むとすべての記事が読み放題に！ 有料会員と登録会員の違い
普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
いらないときは隠すインターフェース January 11, 2007 8:00 AM written by watanabe シンプルさを追求するには、削れるものをそぎ落としていく作業と同時に、きちんと意味が伝わるような工夫が必要なのかなと思います。 そういう意味で、シンプルなスペルチェッカーspellifyは参考にできそうです。 ↑ 画面には、フォームしかありませんが・・・ ↑ フォームをクリックすると使い方の説明がすーっとあらわれ、フォームの外をクリックするとすーっと消えます。 あまり使い慣れていない画面ではどうかと思いますが、検索窓のようにある程度何をするかわかっているところで、こうした「隠れ説明」が必要なときだけ出てくるというのも悪くないですね（少なくともちょっとした驚きがありました）。 場所にもよるかと思いますが、「必要なときには表示して、いらないときには隠しておく」というインタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
