Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。
使い易いユーザーインタフェースとは何かを勉強しています。 そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください - また、それが使い易いと感じた理由を教えてください 条件は以下、 - 一般的なパソコンのディスプレイ、マウス、キーボードで触れるイン...
ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛...
UIデザインやモックアップ作成のための素材を探している。そんなときにおすすめなのが、『A UI Design and Prototyping Treasure Chest』。UIデザイン / モックアップ作成に使える素材集です。テンプレートやアイコンなど、いろいろと揃っていますね。Browser ...
第36回 手品とインタフェース2009年10月14日（これまでの増井俊之の「界面潮流」はこちら）奇術や手品は人間の錯覚や勘違いを最大限に利用したエンターテインメントです。人間は錯覚や勘違いの固まりですから、突然何かが変化しても気付かなかったり/慣れたものを見逃すことが多かったり/手品の達人は観客の...
はじめに島津悠樹と申します。Yahoo!ブックマークのディレクションを担当しています。本エントリーでは、エンジニアのみなさまや企画担当の方を対象にサービス普及施策のヒントとなるような話題をお届けします。 「サービス普及のために何をすべきか？」 おそらくサービス関係者にとって永遠のテーマといえるこの...
Twitterのほうでひっそりと告知しましたが、404ページのデザインを変更してみました。なぜこんなところから始めたのかというと、サイト制作でいつも後回しになってしまう部分なので考えてみたかったですし、1ページ完結型なので早く形に出来るというのが理由です。いわゆるエラーページなわけですが、「見つか...
大企業向けのソフトウェアによくありますが、開発期間や予算の都合でインターフェイスも含めすべてプログラマーが作る場合があります。すべてに言えるわけではありませんが、プログラマーが UI デザインまで受け持つことで結果的に使い難いソフトウェアになることもあります。プログラマー Ian Voyce さん...
いつも素敵なアイデアを連発している37signalsですが、今回はUIデザインに関するノウハウがシェアされていましたよ。シンプルですが、かなり使えそうなのでご紹介。彼らが問題にしているのは、ユーザー体験をどう設計して、それをどうチームに使えるか、という点。いままでは画面の遷移図を描いたり、ユーザー...
WebとUIをつなぐトリックスター（5）仲里淳 2009/9/11※ トリックスター……この連載でのトリックスターのイメージは、相反する2つの者同士が、別個に機能する共同体をつなぐ役目を果たす人。閉鎖的な空間に風穴を開けて風通しを良くする人。エンジニアとコーダー、デザイナの機能システムが組み合わさ...
不動産情報サイトや転職情報サイトなど、多くの情報を掲載しているサイトでは、ユーザが複数の条件を指定して検索する、という機能が非常に重要になっています。そのサイトで紹介している各情報の属性は、 個人、法人のいずれも募集している 個人だけ募集している 法人だけ募集している の三通りがあります。 それを...
写真共有サイトとして知られている Flickr ですが、写真だけでなくスクリーンショットや動画など様々な種類の画像が公開されており、それぞれ独自のコミュニティ (Group) が作られています。もちろん、ユーザーインターフェイス関連の Group も幾つか存在します。今回はその中からオススメのを紹...
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY.Janko Jovanovic氏がSmashing Magazineにおいて10 UI Design Patt...
『 uiwebdesigninterface 』
またしても「本当に使えるものだけご紹介」シリーズ。Smashing Magazineで「40+ Helpful Resources On User Interface Design Patterns」なる記事があったので全部開いてみて本当に使えそうなものだけピックアップしてみましたよ。40個は多い...
ウェブサイトで連続的な複数のページがある場合、そのナビゲーションには 「次（Next）」 と 「前（Previous）」 が使われることが多いが、これにはいつも、何かスッキリしないものを感じている。 ブログに代表されるように、たいていの場合は「日時の降順」、つまり「新しい順」に並んでいること...
Inspired Magazineというサイトで、ユーザビリティーを学ぶための20サイトが紹介されています。ざっといくつかご紹介。» UX Booth デザイナー、デベロッパのためになるユーザビリティーレビュー » UX Magazine 記事ごとにいろいろな角度からユーザビリティーに関して考察し...
前の記事 「最古の彫刻」：7万年前の抽象芸術と3万年前のビーナス像電気自動車のバッテリー自動交換ステーション、横浜で公開(動画) 次の記事「タッチスクリーン上に物理ボタンを出現・格納」新技術(動画)2009年5月14日Priya Ganapatiさまざまなボタンを提供できるATMの試作品。Phot...
日本語, コンピュータ今日の日記は長いです。 スクロールバーの問題どうしてブラウザで、長文が読めないのでしょうか。今回はスクロールという機能に限定して、考えてみましょう。 スクロールの問題スクロールには様々な問題点があります。その中で、長文が読めない理由と関連が深いのは、下記の三点です。 スクロー...
はじめに島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース（以下UI）設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。エンジニア...
アプリケーションに必ずあるコマンドのひとつに「保存」があります。このメタファーとしてフロッピーディスクが長く採用されています。採用された当時は「フロッピーディスクのアイコンがあるから何かを記録するものだろう。よってこれは保存するという意味だ」と関連づけすることが出来たと思いますが今はその逆で「保存...
ウェブサイトを設計する際に、ナビゲーションメニューを左右のどちらに設置するかで悩んだ経験はありませんか？ 弊社でウェブサイトを設計する際には、「コンテンツ」と「ナビゲーションによる誘導」のいずれが大事かによって設置位置を判断しています。 ■ナビゲーションによる誘導が重要な場合はナビゲーションを左に...
