Q&A デザインへの課題や不満をどう捉えますか？
デザインが理解されない、という問題点と、デザイナーの存在価値を認めてもらえない、という不満を混在させると厄介なのかな、と感じているのですが、それら二つはやっぱりイコールでつながるものでしょうか。 匿名 同じ言葉 != 同じ意味 「デザインはビジネスに貢献する重要なポジションになってきている」 デザイナーとそれ以外の方でこの言葉の受け取り方が異なります。私たちデザイナーであれば、重要な存在になることで本来すべき理想的な工程と成果物が作れるようになると考えるでしょう。しかし、その考え方はデザイナー視点であって、他の役職の方が同じように捉えているわけではありません。デザインというものを『導入』すれば儲かるから重要なポジションだと捉えている人もいます。 同じ言葉でもまったく違う捉え方ができるわけですから、誤解も生じます。「デザインは重要」と言われているからといって、デザイナーが想像する重要な存在に
良いデザインの原則と『立ち止まる』こと
「ブラウンとアップル」という記事で、デザイナー Dieter Rams（ディーター・ラムス）が提案した良いデザインの10の原則を紹介しました。1970年代に提案されたものですが、現在にも通じる普遍性のあるメッセージです。これのアップデート版のようなものを、Co.DesignのSuzanne LaBarre さんが提案しています。特にアプリや web サイトをはじめとしたデジタルプロダクトを意識した内容になっています。 良いデザインは様々な影響を考慮している 良いデザインは『スロー』である 良いデザインは正直である 良いデザインは政治的である 良いデザインはシステムを意識している 良いデザインは良いライティングである 良いデザインは多面的である 良いデザインは人とマシンのためにある この中で特に気になった「良いデザインは『スロー』である」から、今後のデザイナーの仕事についてぼんやり考えてみま
改めてWebサイトの品質について考える
制作における品質とは？ Webサイトにおける品質（クオリティ）とはどういう意味でしょうか。 制作者であれば同じように捉えているかのようにみえる言葉ですが、大きく 2 つの見方があると思います。ひとつは、様々な状況に堪えられるように必要最低限の見た目と操作性を保証するという意味での品質。もうひとつは、与えられた状況の中で最高の見た目と操作性を実現するという意味での品質です。どちらも「品質」という言葉で表現できるものの、見ている方向は大きく異なります。 品質に対する捉え方の違いを考える上で スターバックスの日本サイトと、米国サイトは良い比較になります。いずれもレスポンシブ Web サイトですが、スマートフォンとデスクトップで見た目を大きく変えている日本サイトに対して、米国のアプローチは極めてシンプルです。アイコンの使い方やグラフィックも日本語版のほうがバラエティに富んでいますし、ナビゲーション
デザイン批評を始めたい人のためのヒント集 : could
批評は聞くことから始まる デザインをはじめとしたクリエイティブプロセスにおいて意見交換は欠かせません。いちど自分の手から離すことで発見できることはたくさんあります。しかし「これはどうですか？」と見せるだけでは求めるフィードバックを得ることは難しいです。誰もが最初からデザインについて会話ができるわけではないので、デザインの批評（critique）の進め方に注意を払わなければいけません。 わざわざガイドラインまで作ってしまうと、かえって窮屈になってしまいます。構えて会話するより、平等にあれこれ話せるのが理想的です。そうした雰囲気をつくるために、デザインをみせるデザイナーだけが努力すれば良いというわけではありません。批評に参加するすべての方がちょっとした気遣いをすることで良し悪しを決める場から、ゴールに向かうための改善の場になります。 批評する側が気をつけること すぐリアクションしない。どのよう
嫌われないスマホサイトを作るための第一歩
2013年12月21日に WCAN Winter 2013 が開催されました。CSS Nite Shift と同様、WCAN も毎年招待していただいている年末イベント。今回は「スマホサイトが嫌われる理由と改善方法」と題して講演をしました。今年は全国各地でコンテンツ関連の講演・ワークショップを行ってきましたが、そのダイジェスト版のような内容。『スマホサイト』という制作者であれば身近なキーワードと合わせて話をしました。講演の詳細は 鈴木 健太郎さんの記事 がおすすめです。 コミットしている人が少ない領域 「スマホサイトは嫌われている」というキャッチーな題名を付けましたが、D2Cが 2012 年に行った調査をみても分かるとおり、見た目や使い勝手に不満を抱いている人が高いわけではありません。それより目立つのが、コンテンツ。つまり、欲しい情報が見つからないと感じている人が多い点。つまり、見た目は良い
保存アイコンでみえてくるアイコンデザインの勘違い
先日 Goodpatch さんが 保存アイコン＝フロッピーディスクの時代は終わった…？ という興味深い記事が掲載されていました。フロッピーディスクを保存アイコンをとして採用するのは古いのではないか、という議論は国内外で何年かに一回はあります。私も 2009 年に変わりゆく「保存」の存在と題してフロッピーディスクアイコンのあり方も踏まえて、今後の保存の姿を模索していました。また、先月開催された Android Bazaar Conference 2013 Spring でも同じ話題に触れています。 アイコンと問題解決について 様々なデザイナーが新しい保存アイコンを提案しているものの、「うん、これは保存だ」と納得できたものはほとんどなかったと思います。ダウンロードにみえるものも少なくありませんし、中には抽象的すぎて何を意味しているのかさえ分からないのもあります。自分たちのクリエイティブアウトプ
アクセシビリティから変わるビジュアルデザイン
W3C が勧告しているウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 の中に「アクセシビリティの 4 原則」というのがあります。JIS X 8341–3 をはじめ、国内外で定められている Web アクセシビリティの土台のような存在です。久しぶりに、この 4 原則を振り返ってみて気付いたのが、Web デザインの原則と同じではないかという点です。特にビジュアルデザインで気をつけることと重なるところがあります。 アクセシビリティの 4 原則は以下のとおりです（翻訳サイトより抜粋）。 知覚可能 情報およびユーザーインターフェースの構成要素は、ユーザーが知覚できる方法でユーザーに提示可能でなければならない。 操作可能 ユーザーインターフェースの構成要素およびナビゲーションは操作可能でなければならない。 理解可能 情報およびユーザーインターフェースの操作は理解可能でなければなら
利用者の意図から探るサイトデザインの最適化
以前から文脈によってコンテンツ配信が活かされるという話はしてきました。テクノロジーを活かすことで、適確な文脈を読み取ってコンテンツ配信が可能になるのではないかという提案をしてきたわけですが、デザインプロセスとしてコンテキストを考えることが重要になることもあります。今回は企業の製品ページに注目して、文脈とコンテンツ配信がどう結びついているのかを検証していきます。 このように製品ページに HTML版と Flash版と 2つ用意されていることがあります。 同じ AQUOS PHONE の紹介ページですが、ソーシャルメディアで共有されている数から予測すると、アクセス数は HTML ページのほうがはるかに高いと思います。また、購入・お問い合わせまでの導線も明確なので、コンバージョンにも違いがあると予測されます。製品についてもっと知りたいというニーズに応えるのであれば、自己アピールの要素が強いプロモー
コンテンツ視点で考えるレスポンシブ戦略
SEOならレスポンシブに PC版の Facebook でオススメのリンクをみたら、モバイル版だった。 スマホで Twitter を見ていたら、PC版のサイトに誘導されて操作が面倒だった。 モバイルサイトのアドレスに注目すると、「m」「mobile」「i」など、のサブドメインが最初に付いている場合があります。これは、PC版の『本家』Webサイトとは別のバージョンを表示していることを意味しています。スマホやタブレットなど、デバイスに応じて最適化されたサイトを表示しています。 利用者のために最適な環境を提供するという意味では、専用サイトは適した対策です。しかし、SEOの視点で見ると専用サイトを作って、URLを細分化してしまうのは良くない傾向です。モバイルユーザーであれば、モバイルで見たサイトをそのまま共有するでしょうし、デスクトップユーザーにしても同様です。10のリンクが付いたかのように見えても
レスポンシブにデザインするために克服すること : could
画像の課題は解決されつつある 先日 Web担当者 Forum で、レスポンシブ・ウェブデザインの功罪とモバイルファースト という記事が掲載されました。Media Queries を活用するなど実装のための概要を説明した上で、非表示だけど読み込まれているから膨大な画像素材が存在する PC サイトのレスポンシブデザインは不適切であると書かれています。 現存の Web サイトを Media Queries だけでレスポンシブ・ウェブデザインをするのであれば、Web担当者 Forum での指摘は間違っていませんが、実際のところレスポンシブにデザインすることは、Media Queries による対応だけではありません。例えば、画像の表示のさせ方を工夫すれば、記事で指摘している課題はある程度解決できます。Web担の記事からもリンクされている CSS Rador でも取り上げられている解決策もありますが
レスポンシブWebデザインから始まる適応への道
2月22日 Web担当者Forum 主催のイベント 企業サイトのスマホ“対応”とその一歩先の”最適化”とは？ に登壇させていただきました。今回はレスポンシブ Web デザインの話題を中心に、Web への窓口がますます増える今後にどう対応していけば良いのかを、技術・デザイン・企画・そして具体的なソリューションなど様々な視点で講演されました。 今回は、先月執筆したレスポンシブにデザインするために克服することをキッカケで話すことになりました。「未来へレスポンシブに対応するための設計と戦略」と題して、スマートフォンやタブレットだけでなく、もう少し視野を広げてレスポンシブの実現について話をしました。 クロスオーバーする時期が来た 制作者向けのセミナーであれば、レスポンシブ Web デザインを語るのにふさわしい人は他にいると思うのですが、今回は Web担当者Forum という制作者以外の方が多く参加さ
Beyond IE Six というページをつくりました : could
ブラウザ開発 Beyond IE Six というページをつくりました IE6 から、そして IE6 的なメンタリティから抜け出すために何が必要なのか。情報と使える技術をひとつにまとめたページ「Beyond IE Six」を公開しました。 先週いよいよ Internet Explorer (IE) の自動アップグレードが開始されました。これにより、多くの Web 開発者の頭を悩ましていたバージョン 6 (IE6) がなくなるのではないかと期待している方もいると思います。制作者の都合だけでなくても、より早く安全な Web 体験が出来ることを考えると、利用者にもメリットはいくつかあります。 自動アップグレードによって、IE6のシェアは今後さらに下がることでしょう。しかし、真の課題は IE6 がなくなっても残り続けると思います。見た目を同じにするという古い考え方を持ち続けている間は、IE6 がなく
Q&A: 日本語サイトで英語を多用しているのはどう考えていますか？
社会にあるあらゆるデザインについて言えますが、日本語だけで表現できるものにあえて英語を使ったり、アクセントとして英語を使うことがあります。 英語を使うことがかっこいいという理由だけなのでしょうか？ from: Naoyoshi Suzuki 留学１年して帰国した後、唖然としたのが英語表現がおかしい T シャツを着ている人が多かったこと。自分もおかしな英語が記載されたシャツやグッズをもっていたわけですが、少し英語が理解し始めると妙に思える場合がありますね。海外でもおかしな日本語のシャツを着たりタトゥーにしている人はいるので、日本だけの現象ということではありません。 Webサイトデザインでも英語をデザインの一部として利用しているケースが幾つかみられます。英語のラベルをヘッダーやメニューに入れるケースをよく見かけますが、英語をわざわざ使うのも幾つか理由があります。 装飾としての英語 文字が意味を
拡大・縮小機能からみるブラウザの課題
拡大・縮小はレガシー機能？ JIS X 8341-3:2004 には、ブラウザの機能で文字の拡大・縮小ができるようにしたり、ユーザースタイルシートで変更できるようにすることを推奨しています。当時多く方が利用していた IE6 は、ピクセル指定の文字の拡大縮小が出来なかったこともあり、ブラウザの機能とは別に JavaScript で実現した文字サイズ UI が実装されてたのだと推測しています。もちろん、JIS規格が IE 中心で見ていたとは思っていませんが、ブラウザによって拡大・縮小の解釈が様々でした。その名残もあって今でも Web サイトに文字サイズ変更の UIが設置されている場合があります。 今は時代も変わりほとんどのブラウザがピクセル指定がしてあってもレイアウトも文字も拡大・縮小出来る機能を実装しています。こうした時代の変化を考慮して JIS X 8341-3:2010 では、文字に関す
パン屑リストについてもう一度考えてみる
様々なパン屑リスト 利用者が辿ってきた道筋を示し、いつでも先に戻れるような配慮としてパン屑リストがあります。IA の専門家 Keith Instone によると、パン屑リストには以下のタイプがあると言われています。 場所の示す Webサイトをツリー状として捉えたときの利用者の現在地を表示する 経路を示す 利用者が現在地まで辿り着いた道筋を表示する 属性を示す 断面的な検索をして絞り込む際、選択済みの属性を表示する 進行状況を示す アプリケーションの利用の際、タスクの進行状況を表示する それぞれのパン屑リストには特有の機能があり役割を果たして来たわけですが、本当に必要かどうかを再考するべきタイプもあります。例えば経路を示すパン屑の場合、ブラウザで既に実装している「戻る / 履歴」と重複しています。また、利用者が幾つかのページをブラウジングしているだけの場合など経路を残すべきか判断しにくい場合
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
