改めてWebサイトの品質について考える
制作における品質とは？ Webサイトにおける品質（クオリティ）とはどういう意味でしょうか。 制作者であれば同じように捉えているかのようにみえる言葉ですが、大きく 2 つの見方があると思います。ひとつは、様々な状況に堪えられるように必要最低限の見た目と操作性を保証するという意味での品質。もうひとつは、与えられた状況の中で最高の見た目と操作性を実現するという意味での品質です。どちらも「品質」という言葉で表現できるものの、見ている方向は大きく異なります。 品質に対する捉え方の違いを考える上で スターバックスの日本サイトと、米国サイトは良い比較になります。いずれもレスポンシブ Web サイトですが、スマートフォンとデスクトップで見た目を大きく変えている日本サイトに対して、米国のアプローチは極めてシンプルです。アイコンの使い方やグラフィックも日本語版のほうがバラエティに富んでいますし、ナビゲーション
モバイル開発に欠かせないテストツール14選
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
Google Font API で手軽に始めるフォント遊び
昨日開催された WDE ex -vol9 (Twitter TL) の懇親会で「Google がフォントのホスティングやれば良いじゃないか」という話題が出ていたのですが、朝起きたら Google Font API として現実的なものとなっていました。Web Font をホスティングしているサービスは海外で既に幾つかありますが、ほとんどが JavaScript のコードを貼付ける方法が採用されており、中には body 内に記述しなければならないものもあり、エレガントな方法とはいえませんでした。 今回公開された Google の API は JavaScript を使うのではなく、CSS をリンクするだけ。使いたいフォントをディレクトリから選び、リンクした CSS ファイルに変数としてフォント名を記述するだけになります。シンプルかつ簡単です。 <link rel="stylesheet" ty
404ページのデザイン提案【前編】
Twitterのほうでひっそりと告知しましたが、404ページのデザインを変更してみました。なぜこんなところから始めたのかというと、サイト制作でいつも後回しになってしまう部分なので考えてみたかったですし、1ページ完結型なので早く形に出来るというのが理由です。いわゆるエラーページなわけですが、「見つかりませんでした」という結果表示ではなく何か補助出来ないかというのがテーマでした。 機械的なエラーの表示の仕方はケアが必要です。多くの利用者はエラーをみると、たとえシステムエラーでそうなったとしても、自分のせいにしてしまう場合があります。メッセージの出し方によっては「何か誤操作をしてしまったか」「そもそも何が起こったの？」「もしかして壊した？」といった感情を引き出してしまう可能性があります。利用者が悪くないのに、悪いと突き出してしまうような見せ方だけは避けなくてはいけません。 専門用語を使ったり、簡
「セマンティックなマーク付けとメタデータの活用」に参加してきました : could
インターネットセミナー 「セマンティックなマーク付けとメタデータの活用」に参加してきました 「セマンティック HTML/XHTML」著者、神崎正英さんのセミナーに参加してきました。マークアップはビジュアルデザインをブラウザ上に表示させるための枠組みという要素が未だに強い中、彼のセマンティックWebに対するビジョンは非常に感銘を受けました。 先週の土曜日になりますが、サイバーガーデンbiz主催、神崎正英さんによる「セマンティックなマーク付けとメタデータの活用」というセミナーに参加してきました。2時間半という長丁場でしたが、セマンティクウェブというスケールの大きい話なので、時間がいくらあっても足りない感じがしました。その中、神崎さんの見解も交えてコンパクトにまとまった内容だと思いました。 スライドは既に公開されているので参考にどうぞ。 何が簡単でシンプルなのか 今回のセッションで「簡単」と「シ
UIデザインガイドラインのまとめ : could
UIUXガイドライン UIデザインガイドラインのまとめ デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G
今使っている WordPress プラグイン : could
wordpressプラグイン 今使っている WordPress プラグイン タグや個別ページもあらかじめ実装されているので、プラグインがなくてもそれなりに良い感じのサイトを作ることが出来る WordPress ですが、それでもやっぱりプラグインがあると便利です。サイトのコンセプトによって今後プラグインを増やしたり PHP を書き込むといった作業が発生すると思いますが、greenhugでも使っているプラグインを紹介したいと思います。 wp-cache WordPress はダイナミックにページを生成するので再構築する手間がないですが、サーバーへの負担が大きくなります。このプラグインでキャッシュページを作り、表示速度を上げています。 Gravatar コメントに自分のカスタムアイコンを表示させることが出来るようになります。Gravatar の登録に関しては lomoさんのエントリーが参考になり
怠っているのは私です : could
デザイン考え方 怠っているのは私です 昨日は坂本さんとの久々に会食。坂本さんとは「変革期のウェブ」で対談したとき以来だったので、随分ご無沙汰していましたが、３時間という長い会話もあっという間に過ぎました。本当はポッドキャストの収録をかねてだったのですが、予約したところが個室にも関わらず想像以上にオープンスペースだったことと、席が向かい合っているけど離れすぎているということで断念。次回は必ず収録致します、はい。（渋谷周辺で対談に向いてそうな場所ってないですかねぇ。多少音があっても良いのですが） 坂本さんは某大手企業に所属している、日本ではまだ数少ない IA (Information Architecture) の専門家です。デザイナーやマークアップエンジニア、そしてディレクターのポジションにいる方も IA は頭の片隅に置いて制作に携わっていると思いますが、それを専門的な視点で吟味したりアイデ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
