Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
|
10/03/03/0525208storyユーザーにエラーメッセージを読ませるには？hylomによる2010年03月03日 16時41分の掲載非常に難しい問題部門より。あるAnonymous Coward 曰く、本家「How Do You Get Users To Read Error Messa... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 Howtofindtheperfectcolor 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
2月 16, 2010 | LPO対策, 海外情報日本でも、最近 EFO （Entry Form Optimization: エントリーフォーム最適化）といわれるようになったほど、ランディングページ同様に、入力フォームを最適化することに注目が集まりはじめています。個人的には、EFO などという紛ら... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。The Definitive Guide To Styling Web Links以下は、各ポイントを意訳した... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus 今だかつてない使いやすさでUIもクールなマルチアップローダー実装ライブラリ「Plupload」。 F... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Appleの美しいウェブサイトから学ぶ実用的な15のデザインヒントをDesign Shackから紹介します。15 Design Tips to Learn From Apple下記は各ポイントを意訳したものです。 サイトのキャプチャは可能なものは日本サイトのものにしています。はじめにApple社は... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
どうみてもTwitterなWordPress のテーマ、TweetPressをご紹介。 かなり本家Twitterのデザインに 沿っています。これまでDiggや Googleなどもありましたので、 Twitterも出ると思っていたら先日 リリースされました。 そんなTwitterデザインを真似たフリ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
トップページに多くの要素を盛り込まねばならず、情報の整理に悩んでいる方も多いのではないでしょうか。そんな時、ユーザの文脈を考慮することで情報整理方法が見えてきます。 上の画面例はBtoB向け製品を主に扱っているメーカーサイトのトップページです。各製品カテゴリへのテキストリンクがトップページに配置さ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ホワイトの背景にブラックの文字、ブラックの背景にホワイトの文字の組み合わせがベストでしょうか？ウェブデザインにおいて、背景と文字の色の組み合わせ方で可読性を考慮するきっけかになるスタディをDevloungeから紹介します。ホワイトとブラックを使用したコントラストのスタディです。 上段の1と3はホワ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
これ、便利そうなのでメモ的にエントリー。Twitterの入力フォームにある、残り文字数のカウントを実現してくれるjQueryのプラグインです。細かいオプションも充実していて素敵。↑ こんな感じに実装できます。ユニークなのは「文字数制限は140文字、残り30字になったら色を変えて警告する」といったこ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
今日は、Webページのデザイン、特にページを開いたときにまず見える「ファーストビュー」とスクロールの関係について、ユーザーテストの調査データから考え方やちょっとしたノウハウを。ファーストビューで重要なメッセージが全部見えるようにこういうデザイン指示をすることはありませんか？ ユーザーはなかなかスク... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ウェブサイト制作において、多くの情報をいかに整理してユーザに伝えるかは重要なポイントの1つです。よく使われる方法として表組みがありますが、今回は実際の事例をもとにしたケーススタディを通じて、ユーザを混乱させない表組みのコツをご紹介します。表１はよく見かける表組みの例ですが、実際にユーザの立場に立っ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
今や月間で訪れるユーザーが800万人を超えるという日本最大の料理サイト「クックパッド」を創業した佐野陽光氏。Rubyをいち早く採用するなど、先進の技術を積極的に活用しているテクノロジーカンパニーを率いている人物だ。クックパッド株式会社 代表執行役社長 佐野 陽光氏書籍『600万人の女性に支持される... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
本実践メモでも以前に取り上げたように、ここ数年、横幅900px以上を採用するサイトが増えてきています。画面横幅を900px以上にするメリットとデメリット。右端が欠けることに注意横幅の拡大によって、情報を掲載できるスペースは拡大し、実現できる表現の幅も広がります。 もちろんそれらは喜ばしいことですが... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ニュースGoogle、ページの表示範囲シミュレートツール「Browser Size」発表「何％の人がページのどこまで表示できるか」を視覚的に見せてくれるWebデザイナー向けのツールがGoogle Labsに登場した。2009年12月17日 14時48分 更新米Googleは12月16日、Webペー... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。Simple rules for good typographyはじめにここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
年の瀬が迫り、今年も残りわずかとなりました。ちまたではクリスマスや年の瀬の準備など、イベント事で賑わっています。そこで今回はイベント行事で幹事を務めることが多い人に、ぐるなびとFooMoo by HotPepperという主要グルメポータルサイトの忘年会特集を見て忘年会で利用するお店の候補探しをして... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
賢者の意志決定：誰も教えてくれないiPhoneの秘密とiPhoneアプリ販売の現実 (1/2)今日、iPhoneが巨大なエコシステムを構築していることに異論がある方は少ないでしょう。iPhoneがここまで急速に成長した背景、そして、エコシステムの知られざる現実、さらにAndroidとの最終戦争の行... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
