ウェブページで表示するフォントの種類が変われば、文字の見た目の大きさが変わってしまい、レイアウトが崩れてしまうことがある。デザインの統一感や可読性のためにも、文字の見た目の大きさが変わらないように注意しよう。 表示に使用するフォントの種類が変わると、同じフォントサイズで表示していても文字の見た目の大きさが変わってしまう。デザインによっては...
Ajaxを駆使したWebサイトは、SEOやアクセシビリティの点で不利だと言われることがある。JavaScriptを無効にすると、一切のコンテンツが表示されなくなってしまうためだ。 しかし、ちょっとした気遣いで問題なく利用するコンテンツを作ることができる。ここでは、そんなテクニックを紹介しよう。 まずは、悪い例を3つ続けて紹介する。 悪例1：JavaScriptで後からコンテンツを...
Yahoo! Japanのトップページは公共スペースを意識して設計されたことを前回説明した。今回はユーザー、広告主、他部署との関係を足がかりに、トップのリニューアルを探ってみたい。 データの説得力 ポータルサイトのトップページは、複数存在する自社サービスの担当部署や広告主との関係を保ちつつ、主役である利用者と良い関係を築かなくてはいけません。利用者とひと...
本連載「トップページにみる日本のウェブデザイン」では、ポータルサイトやECサイト、ウェブサービスなどのトップページのデザインを、担当者の話を聞きながら探っていく企画。第1回目の今回は誰もが知っているYahoo! Japanのトップページだ。 日本独自の要素を盛り込んだYahoo! Japan 2008年1月1日にリニューアルしたYahoo! JAPAN。そのトップページは、サービス開始以来の大きな...
ウェブサイトのアドレスが長いと、覚えるのも入力するのも大変だ。Tony Patton氏が、動的なコンテンツに関してURLのマッピングを行ったり、URLを短くするサードパーティのサービスを利用したりする際に起こる問題について議論する。 ウェブ上に存在するものすべての入り口として、URLは利用者にとって重要な役割を果たす。また、目にも指にも優しく入力を行いやすいユーザ...
Yahoo!JAPANが早速、iPhone向けサイトの試作を開始しているというニュースがありました。皆さんが運営するサイトでは対応するのでしょうか。コメントで是非教えて下さい。 iPhone争奪戦で最初に手を挙げたのはソフトバンクモバイルだった。昨晩は各ニュースサイトの記事やブログエントリ、それらに付いたはてなブックマークのコメントをネタに、ひとしきり盛り上がったので...
わかりにくいフォームはユーザーを戸惑わせ、離脱させてしまう。フォームのインタフェースデザインで利用できるセレクタと、各ブラウザの対応状況をまとめた。 フォームのインターフェースデザイン フォームはユーザーから情報を送ってもらうのに欠かせない要素だ。ユーザーが入力で迷うことのないように、わかりやすくデザインすることが求められる要素でもある。 ...
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)