デザイナーとツールは切っても切り離せない関係です。ときにはデザイナーのスキルはツールの熟練度や使い分けの仕方で決まることもあります。長く使い続けたいですが Web やアプリのデザインは、テクノロジーと密接に繋がる仕事であるが故に、いつの間にか新しいツールが主流になることがあります。 特にここ 10 年でデザインの仕事は大きく変わりました。今でも Web デザイン、アプリデザインにおいて Adobe 製品は多大な影響力をもっていますが、それがほぼ唯一の選択肢だった頃と今は違います。また、今まで以上にデザインにスピードと柔軟性が求められているので、Adobe 以外のツールも必要になってきています。 では実際、世界のデザイナーはどのようなツールを使っているのでしょうか。ニューヨークのデザイナー Khoi Vinh さんが、The Tools Designers Are Using Today で
このサイトに始めて訪れた方は、広告がないことに気付いたでしょうか？ 以前から読者である方のなかには、このサイトにはなぜ広告がないのか不思議に思っている方もいるかもしれません。現在の Web 広告には以下 5 つの問題を抱えていると考えており、掲載を控えています。 技術の問題 ユーザー体験の問題 デザインの問題 コンテンツの問題 モラルの問題 読者の足を引っ張る広告たち 何度か広告ネットワークから掲載オファーをいただいたことがあります。多くの場合、複数の JavaScript を埋め込む必要があり、パフォーマンスへの多大な影響がでることから掲載を断っています。うちのような小さなサイトであれば大きな変化はないかもしれません。しかし、ちょっとしたパフォーマンスへの負債が積み重なれば読者への影響も多大なものになります。 上記の数値は、ある有名な日本のブログメディアのトップページのファイルサイズとリ
人気デザインギャラリーサイトから幾つかモバイル向け Web サイトのパフォーマンスを検証してみました。以下が各サイトのリクエスト数とファイルサイズになります。 FELISSIMO 500色の色えんぴつ: 81リクエスト / 1.94MB 旅館 大村屋 55リクエスト / 1.52MB UR オンラインストア 90リクエスト / 705kb JiNS PC 78リクエスト / 1.39MB らでぃっしゅレシピ 69リクエスト / 987kb 明治北海道十勝カマンベールチーズ 54リクエスト / 1.12MB いずれもスクリーンショットでは素晴らしい見た目で使いやすそうに見えますが、中身はかなり重いことが分かります。1MB 以下に抑えているサイトもありますが、それでもかなりリクエスト数が多いのが分かります。リクエスト数が多いということは、回線が安定しない場合、すべての要素が読み込まれない可能性
1517年、マルティン・ルターが 95ヶ条の論題を発表し、カトリック教会中心のヨーロッパ社会に大きな影響を及ぼしました。そのおよそ 400 年後に同じように 95 の論題を発表した人たちがいます。その論題は TV や新聞といったマスメディアが多大な影響をもっていた当時、大きな衝撃を与えました。本当にそんな時代がやってくるのかと疑った人もいたでしょう。しかし、それは振り返ってみると今を予言しているかのような内容です。 その論題とは1999年に発表された Cluetrain Manifesto（クルートレイン マニフェスト）。Rick Levine, Christopher Locke, Doc Searls, David Weinberger の3人によって書かれた文書です。この論題は様々な言語に訳されており、日本語で読むこともできます。 クルートレイン マニフェストをすべて読まなくても、最
Adobe意見 アドビさんへ３ バグも少なくなく不安定なアップグレードがつづくなか、アップグレードポリシーが変更されたことにより不満の色濃くなったところがあると思います。Adobeに必要なのは今まで以上の透明化とコミュニケーションの窓口を増やすことではないでしょうか。 次期バージョンからのアップグレードポリシーの変更とAdobe Creative Cloudの発表で、昨日から Adobeユーザーの間から様々な声が発せられています。今年はサブスクリプションサービスの提供を開始し、さらに Cloud によって価値を高めようとしているものの、思惑どうりにはいっていないようです。今まで過去 2,3 バージョン遡ってアップグレードできたのが、1バージョン前からしかアップグレード価格が適応されなくなるのが大きな原因。今までも利用者の間では「アドビ税」と呼ばれている Creative Suite ですが
デザインに関わる様々な物事を再考しなければならない時期にきていると考え、2008年くらいから Web デザインとそれをとりまく考えや手法を『現在・未来』と照らし合わせながら記事にしています。数年前から気になっているのが、測定の仕方について。ページビューは死んだと言われて久しいですが、未だにページビューを軸にした広告モデルが根強く残っています。また、Like やフォロー数といった近年の『ソーシャル指数』にしても同様で、基本的に「どれだけ露出したか」が価値に直結しているのが現状です。 企業が伝えたいイメージを様々な媒体を活用し、何処にでもある状態をつくることで、顧客にイメージを植え付ける 「どれだけ露出したのか」「どれくらい人は時間を過ごしたのか」を大きな価値にしているのがブランディング。企業が伝えたい世界観をひとりでも多くの方に伝えるために、CM、雑誌広告、ビルボードなどを活用します。オフラ
Steve Jobs が他界したのがキッカケで、再度アップルのデザインが注目されていますが、忘れてはならないのが Dieter Rams（ディーター・ラムス）の存在。ドイツのインダストリアルデザイナーで Braun社から機能美溢れるシンプルな製品を出したことで知られています。Jonathan Ive も彼のデザイン思考に影響されたと言われていますし、Steve Jobs が、1996年にアップルへ戻ってきてからの製品群は Rams のデザインを彷彿させるものが少なくありません。 Rams & Ives が出演しているドキュメンタリー「Objectified」からのワンシーン Rams は良いデザインを10の提案としてまとめています。 良いデザインは先進的 良いデザインは製品を使いやすくする 良いデザインには美的感覚がある 良いデザインは製品を理解しやすくする 良いデザインは控えめである 良
佐賀県武雄市が市のページをFacebookへ移行することで話題になっています。ニュースは「市長がはまっている 佐賀県武雄市、市のページをFacebookに完全移行へ」というキャッチーなタイトルが付いていますが、現在の Web サイトの情報は今後アーカイブとして残るみたいですし、会員登録をしなくても Facebook の情報は観覧出来るので、利用者・住民には大きな隔たりはないかもしれません。 公共機関が Facebook を中心とした活動をする、というのは武雄市が最初ではありません。インド デリー市の警察署は、住民から交通ルール違反をしている車・バイクの情報を募集しています。摘発した乗用車の登録番号を発表して、活動を随時知れるようになっています。 日本フェイスブック学会というグループを立ち上げるなど、武雄市は Facebook 熱が高いのでこうしたアプローチをとったという考え方も出来ますが、
Social media Screw Ups – A History は、2004年〜2010年にあったソーシャルメディアを使った失敗を集めたスライド。海外の動向を見ているのであれば、知っている話も幾つか見つけることができると思います。従来、企業は送りたいメッセージやイメージを完全にコントロールすることが出来ました。しかし、ソーシャルメディアの登場でそれが大変難しくなってきたということをこのスライドは示しています。 もちろん、失敗談だけでなく成功も数えきれないほどあります。しかし、ソーシャルメディアを使えば成功に繋がるというわけではありません。ソーシャルメディアは TV や企業ページに代わる新しい情報配信チャンネルとは言い難いですし、Facebook や Twitter のようなツールが広く使われる前からソーシャルメディアの失敗はたくさんあり、今後も数は増え続けることでしょう。 ソーシャル
タブレットやスマートフォンで積極的に導入されているマルチタッチテクノロジー。デジタルなオブジェクトに触れているような感覚が味わえるタッチインターフェイスは、抽象的なマウス操作に比べて直感的だと言われています。スクリーンに触れるだけの動作は直感的で簡単そうですが、これにジェスチャーが加わることで突然ややこしくなる場合があります。感覚的・直感的というよりかは、操作を覚えなくてはならない負荷がかかる可能性もあります。 未来のインターフェイスを語る上でよく出て来るのが映画『マイノリティ・リポート』。この映画に登場するマルチタッチ UI の技術は一般化されつつあるといっても過言ではありませんが、大きく腕を振りかざし、長時間立ち続けなければならないのであれば、すぐに疲れてしまいそうです。トム・クルーズ並みの強靭な身体でないと使えない・・・なんてことになると困りますね。 例えば Mac OSX とその上
言葉 失敗を繰り返そう スタートアップの世界には「Fail often. Fail quickly (失敗を早くたくさんしろ)」という言い回しがありますが、これはデザインや開発にもいえることだと思います。失敗しない方法を学ぶより、失敗したことによって学べることのほうが圧倒的に多いです。 読みにくい記事がある理由 記事ごとにレイアウトや装飾を変えるようになってしばらく経ちます。中にはおもしろいもの、うまく表現されたものもありますが、読みにくい記事も少くないと思います。文章のフローが変則的すぎて読みにくい、色の使い方が読み難くしているものなど様々だと思います。Twitter や はてブにコメントを残す方もいらっしゃるので、どれが評判が良くなかったのかも多少わかります。 なぜ読みにくいのか？なぜそんな記事を作っているのか？それは単純に私が失敗しただけです。 雑誌では奇抜な背景や色を使ったり、変則
新しい文明が築かれるとき、そしてそこで生まれた社会で文化の花が咲くとき、必ずといって良いほど『遊び』が原動力となっている。そう考えたのがオランダの歴史家ヨハン・ホイジンガです。第二次世界大戦の真っ只中に彼は「Homo Ludens ホモ・ルーデンス」を執筆。彼の著書で「遊び」というものが何であるかが定義されており、あらゆる社会活動には遊びから生み出されるインスピレーションは欠かすことが出来ないとしています。 英語版 Wikipediaに『ホモ・ルーデンス』で挙げられた遊びの定義が掲載されています。 遊びは自由である 遊びは日常でもなければリアルともいえない 遊びは場所と時間の観点でいう日常と分断されている 遊びは秩序を生み出す 遊びは物欲や私益と繋がりがない 様々な人間の活動に遊びの要素を組み合わせることによって効果が促進されると、ここ数年注目を浴びていますが、ホイジンガの考え方はその逆と
ソフトウェア CloudApp CloudApp は、ファイルをアップロードして送信するプロセスだけであれば Dropbox のようなストレージサービスよりさらに手軽です。 最近は Dropbox をはじめ様々なオンラインストレージサービスがあるので、ファイルの共有がしやすい環境になりました。とはいうものの、単にファイルを送信したい場合や短期的にファイルを公開しておきたいときに便利なサービスがなかなかありません。手軽なサービスがないが故に、思わず何メガバイトのファイルをメールに添付している方もいるのではないでしょうか。 今回紹介する CloudApp は、ファイルをアップロードして送信するプロセスだけであれば Dropbox のようなストレージサービスよりさらに手軽です。 会員登録後、デスクトップアプリケーションをダウンロード。メニューバーに雲の形をしたアイコンが表示されます。あとは送信し
音楽 Girl Talk「All Day」 ２つかそれ以上の曲を組み合わせてまったく新しい曲を作るマッシュアップですが、372の曲をサンプルしてアルバムを作ってしまったのが Girl Talk の 5 つ目のアルバム「All Day」です。 今やグラミーミュージシャンになった DJ Danger Mouse が火を付けたマッシュアップムーブメント。アメリカではマッシュアップを題材にしているTV番組まで登場し、すっかり市民権を得ているイメージがあります。２つかそれ以上の曲を組み合わせてまったく新しい曲を作るマッシュアップですが、372の曲をサンプルしてアルバムを作ってしまったのが Girl Talk の 5 つ目のアルバム「All Day」です。単純計算で 1 分間に 6 つのサンプルがある計算になります。 最新のポップソングから70年代のヘビーメタルまで様々な曲が「ありえない！」と思いつつ
パッケージングの違いは文脈の違い 前回の記事「あなたも私もメディアカンパニー」で、コンテンツを制作するだけでなくメディアカンパニーのように配信の仕方にも工夫をしなければならないという話をしました。コンテンツを配信する際に考えておきたいポイントを記事で幾つか紹介していますが、制作者として注目しておきたい要素は「パッケージング」です。情報を利用者・顧客に届けるために、どのようなパッケージングをすると最適なのかを考えなければいけません。 パッケージングは、制作者であれば意識しなくても常に考えていることです。パソコン上で動作する Web ブラウザ上でどのように Web サイトの情報を表示させれば良いかを常に考えていると思います。最近だとスマートフォン向けの Web サイトをどう作るか考えている方も多いでしょう。パッケージングでまず最初に考えておきたいのが、どの情報をどのように見せるかです。 例えば
SIPSからみえてくる課題 先日サトナオ・オープン・ラボがソーシャルメディアに対応した新しい生活者消費行動モデル概念「SIPS」を発表しました。今の時代における消費者の行動を Sympathize (共感する）、 Identify (確認する）、Participate（参加する）、Share & Spread（共有・拡散する）という４つのステージに分解。共感から共有へ。そしてまた共感へと繋がるサイクルを分かりやすく表現しています。資金をもつ企業だけが情報を伝達できるのではなく誰もが影響力をもつということを前提に、顧客とどのようにコミュニケーションをとれば良いか考える上において SIPS は基本といえるのではないでしょうか。 しかしながら、SIPS のサイクルには幾つか検討しなければならない点があります。 解説ではソーシャルメディアという一般消費者も影響力がある世界を意識してはいるものの、「
A camel is a horse designed by committee. (ラクダとは委員会によって設計された馬である)Alec Issigonis らくださんがかわいそうですが、いろいろなアイデアを盛り込むことで結果的に何がなんだか分からない不細工なものが出来てしまうという意味が込められています。「We just made a camel（らくだをつくってしまった）」という表現を使う場合がありますが、語源は上記の格言になります。デザインの決定権をもっている人がたくさんいて、彼等の意見をすべて取り入れてしまうことで最初のビジョンとはかけ離れたものになってしまう・・・なんとも人ごとではないシナリオです。 以前「デザインが失敗してしまう理由」でもデザインをしない方や知識のない方が決定権をもつことが失敗に繋がると紹介しました。プロジェクトに携わっているのであれば誰でも言いたいことはあり
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 も含め諸々ダウンロードしなければいけませんし
昔から量より質だった 「Top 25 Blogs About Blogging」では、ブログに関するアドバイスなどを記載しているブログのトップ25がリストされています。Google や Alexa のスコアなどを基にランキングされているこのリスト。複数のライターを抱える大規模サイトもあり、それらは毎日情報を更新していますが、大半は毎日更新していないのが分かります。平均で 2,3日に一回更新しています。同サイトは「Top 25 SEO Blog」や「Top 25 Web Design Blogs」という別分野のトップ 25 を同じ採点方法でランキングを出していますが、こちらも傾向が似ていて毎日更新しているサイトがトップに来ているわけではなさそうです。 数より質を評価しているのは人間だけでなく検索エンジンもそうである 2年以上前に作られたランキングなので最新のランキングでは異なるサイトが並ぶ可
海外では Twitter をカスタマーサービスや利用者とのコミュニケーションツールとして利用しているところが増えてきています。自動車メーカーではFord、GM、Honda。スポーツだとChicago Bulls、San Diego Chargers。他にもComcast、Travel Channel、DirecTV、Best Buy、Starbucks、Burger Kingなどなど。参加する企業の数は増え続けています。 Twitterは気軽に参加出来るサービスですが、コミュニケーションとしてではなく、単なる宣伝ツールとして使うとかえってマイナス効果になりかねません。企業によっては Twitter を使う体勢になっていない場合もあります。Top 10 Reasons Your Company Should Not Tweetという記事で、その企業が Twitter をするべきではない10の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
