タグ

ブックマーク / yasuhisa.com (25)

  • 海外の動向からみるデザインツールの現在

    デザイナーとツールは切っても切り離せない関係です。ときにはデザイナーのスキルはツールの熟練度や使い分けの仕方で決まることもあります。長く使い続けたいですが Web やアプリのデザインは、テクノロジーと密接に繋がる仕事であるが故に、いつの間にか新しいツールが主流になることがあります。 特にここ 10 年でデザインの仕事は大きく変わりました。今でも Web デザイン、アプリデザインにおいて Adobe 製品は多大な影響力をもっていますが、それがほぼ唯一の選択肢だった頃と今は違います。また、今まで以上にデザインにスピードと柔軟性が求められているので、Adobe 以外のツールも必要になってきています。 では実際、世界のデザイナーはどのようなツールを使っているのでしょうか。ニューヨークのデザイナー Khoi Vinh さんが、The Tools Designers Are Using Today で

    海外の動向からみるデザインツールの現在
    semicolon
    semicolon 2015/12/18
  • わたしが広告を掲載しない理由

    このサイトに始めて訪れた方は、広告がないことに気付いたでしょうか? 以前から読者である方のなかには、このサイトにはなぜ広告がないのか不思議に思っている方もいるかもしれません。現在の Web 広告には以下 5 つの問題を抱えていると考えており、掲載を控えています。 技術の問題 ユーザー体験の問題 デザインの問題 コンテンツの問題 モラルの問題 読者の足を引っ張る広告たち 何度か広告ネットワークから掲載オファーをいただいたことがあります。多くの場合、複数の JavaScript を埋め込む必要があり、パフォーマンスへの多大な影響がでることから掲載を断っています。うちのような小さなサイトであれば大きな変化はないかもしれません。しかし、ちょっとしたパフォーマンスへの負債が積み重なれば読者への影響も多大なものになります。 上記の数値は、ある有名な日のブログメディアのトップページのファイルサイズとリ

    わたしが広告を掲載しない理由
    semicolon
    semicolon 2015/08/03
  • パフォーマンスは技術課題ではなくデザインの課題

    人気デザインギャラリーサイトから幾つかモバイル向け 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人によって書かれた文書です。この論題は様々な言語に訳されており、日語で読むこともできます。 クルートレイン マニフェストをすべて読まなくても、最

    クルートレインマニフェストが今に伝えるメッセージ
    semicolon
    semicolon 2011/11/22
  • アドビさんへ3 : could

    Adobe意見 アドビさんへ3 バグも少なくなく不安定なアップグレードがつづくなか、アップグレードポリシーが変更されたことにより不満の色濃くなったところがあると思います。Adobeに必要なのは今まで以上の透明化とコミュニケーションの窓口を増やすことではないでしょうか。 次期バージョンからのアップグレードポリシーの変更とAdobe Creative Cloudの発表で、昨日から Adobeユーザーの間から様々な声が発せられています。今年はサブスクリプションサービスの提供を開始し、さらに Cloud によって価値を高めようとしているものの、思惑どうりにはいっていないようです。今まで過去 2,3 バージョン遡ってアップグレードできたのが、1バージョン前からしかアップグレード価格が適応されなくなるのが大きな原因。今までも利用者の間では「アドビ税」と呼ばれている Creative Suite ですが

    アドビさんへ3 : could
  • 企業の透明化がブランドを高める理由

    デザインに関わる様々な物事を再考しなければならない時期にきていると考え、2008年くらいから Web デザインとそれをとりまく考えや手法を『現在・未来』と照らし合わせながら記事にしています。数年前から気になっているのが、測定の仕方について。ページビューは死んだと言われて久しいですが、未だにページビューを軸にした広告モデルが根強く残っています。また、Like やフォロー数といった近年の『ソーシャル指数』にしても同様で、基的に「どれだけ露出したか」が価値に直結しているのが現状です。 企業が伝えたいイメージを様々な媒体を活用し、何処にでもある状態をつくることで、顧客にイメージを植え付ける 「どれだけ露出したのか」「どれくらい人は時間を過ごしたのか」を大きな価値にしているのがブランディング。企業が伝えたい世界観をひとりでも多くの方に伝えるために、CM、雑誌広告、ビルボードなどを活用します。オフラ

    企業の透明化がブランドを高める理由
  • ブラウンとアップル : could

    Steve Jobs が他界したのがキッカケで、再度アップルのデザインが注目されていますが、忘れてはならないのが Dieter Rams(ディーター・ラムス)の存在。ドイツのインダストリアルデザイナーで Braun社から機能美溢れるシンプルな製品を出したことで知られています。Jonathan Ive も彼のデザイン思考に影響されたと言われていますし、Steve Jobs が、1996年にアップルへ戻ってきてからの製品群は Rams のデザインを彷彿させるものが少なくありません。 Rams & Ives が出演しているドキュメンタリー「Objectified」からのワンシーン Rams は良いデザインを10の提案としてまとめています。 良いデザインは先進的 良いデザインは製品を使いやすくする 良いデザインには美的感覚がある 良いデザインは製品を理解しやすくする 良いデザインは控えめである 良

    ブラウンとアップル : could
  • 公共機関が必要なのはWebサイトではなく配信チャンネル

    佐賀県武雄市が市のページをFacebookへ移行することで話題になっています。ニュースは「市長がはまっている 佐賀県武雄市、市のページをFacebookに完全移行へ」というキャッチーなタイトルが付いていますが、現在の Web サイトの情報は今後アーカイブとして残るみたいですし、会員登録をしなくても Facebook の情報は観覧出来るので、利用者・住民には大きな隔たりはないかもしれません。 公共機関が Facebook を中心とした活動をする、というのは武雄市が最初ではありません。インド デリー市の警察署は、住民から交通ルール違反をしている車・バイクの情報を募集しています。摘発した乗用車の登録番号を発表して、活動を随時知れるようになっています。 日フェイスブック学会というグループを立ち上げるなど、武雄市は Facebook 熱が高いのでこうしたアプローチをとったという考え方も出来ますが、

    公共機関が必要なのはWebサイトではなく配信チャンネル
  • ソーシャルメディアは扉を開けるただの鍵

    Social media Screw Ups – A History は、2004年〜2010年にあったソーシャルメディアを使った失敗を集めたスライド。海外の動向を見ているのであれば、知っている話も幾つか見つけることができると思います。従来、企業は送りたいメッセージやイメージを完全にコントロールすることが出来ました。しかし、ソーシャルメディアの登場でそれが大変難しくなってきたということをこのスライドは示しています。 もちろん、失敗談だけでなく成功も数えきれないほどあります。しかし、ソーシャルメディアを使えば成功に繋がるというわけではありません。ソーシャルメディアは TV や企業ページに代わる新しい情報配信チャンネルとは言い難いですし、Facebook や Twitter のようなツールが広く使われる前からソーシャルメディアの失敗はたくさんあり、今後も数は増え続けることでしょう。 ソーシャル

    ソーシャルメディアは扉を開けるただの鍵
  • ジェスチャーUIの課題と対策

    タブレットやスマートフォンで積極的に導入されているマルチタッチテクノロジー。デジタルなオブジェクトに触れているような感覚が味わえるタッチインターフェイスは、抽象的なマウス操作に比べて直感的だと言われています。スクリーンに触れるだけの動作は直感的で簡単そうですが、これにジェスチャーが加わることで突然ややこしくなる場合があります。感覚的・直感的というよりかは、操作を覚えなくてはならない負荷がかかる可能性もあります。 未来のインターフェイスを語る上でよく出て来るのが映画『マイノリティ・リポート』。この映画に登場するマルチタッチ UI技術は一般化されつつあるといっても過言ではありませんが、大きく腕を振りかざし、長時間立ち続けなければならないのであれば、すぐに疲れてしまいそうです。トム・クルーズ並みの強靭な身体でないと使えない・・・なんてことになると困りますね。 例えば Mac OSX とその上

    ジェスチャーUIの課題と対策
  • 失敗を繰り返そう : could

    言葉 失敗を繰り返そう スタートアップの世界には「Fail often. Fail quickly (失敗を早くたくさんしろ)」という言い回しがありますが、これはデザインや開発にもいえることだと思います。失敗しない方法を学ぶより、失敗したことによって学べることのほうが圧倒的に多いです。 読みにくい記事がある理由 記事ごとにレイアウトや装飾を変えるようになってしばらく経ちます。中にはおもしろいもの、うまく表現されたものもありますが、読みにくい記事も少くないと思います。文章のフローが変則的すぎて読みにくい、色の使い方が読み難くしているものなど様々だと思います。Twitter や はてブにコメントを残す方もいらっしゃるので、どれが評判が良くなかったのかも多少わかります。 なぜ読みにくいのか?なぜそんな記事を作っているのか?それは単純に私が失敗しただけです。 雑誌では奇抜な背景や色を使ったり、変則

    失敗を繰り返そう : could
  • 遊びがないなら未来はない

    新しい文明が築かれるとき、そしてそこで生まれた社会で文化の花が咲くとき、必ずといって良いほど『遊び』が原動力となっている。そう考えたのがオランダの歴史家ヨハン・ホイジンガです。第二次世界大戦の真っ只中に彼は「Homo Ludens ホモ・ルーデンス」を執筆。彼の著書で「遊び」というものが何であるかが定義されており、あらゆる社会活動には遊びから生み出されるインスピレーションは欠かすことが出来ないとしています。 英語Wikipediaに『ホモ・ルーデンス』で挙げられた遊びの定義が掲載されています。 遊びは自由である 遊びは日常でもなければリアルともいえない 遊びは場所と時間の観点でいう日常と分断されている 遊びは秩序を生み出す 遊びは物欲や私益と繋がりがない 様々な人間の活動に遊びの要素を組み合わせることによって効果が促進されると、ここ数年注目を浴びていますが、ホイジンガの考え方はその逆と

    遊びがないなら未来はない
  • CloudApp : could

    ソフトウェア CloudApp CloudApp は、ファイルをアップロードして送信するプロセスだけであれば Dropbox のようなストレージサービスよりさらに手軽です。 最近は Dropbox をはじめ様々なオンラインストレージサービスがあるので、ファイルの共有がしやすい環境になりました。とはいうものの、単にファイルを送信したい場合や短期的にファイルを公開しておきたいときに便利なサービスがなかなかありません。手軽なサービスがないが故に、思わず何メガバイトのファイルをメールに添付している方もいるのではないでしょうか。 今回紹介する CloudApp は、ファイルをアップロードして送信するプロセスだけであれば Dropbox のようなストレージサービスよりさらに手軽です。 会員登録後、デスクトップアプリケーションをダウンロード。メニューバーに雲の形をしたアイコンが表示されます。あとは送信し

    CloudApp : could
  • Girl Talk「All Day」 : could

    音楽 Girl Talk「All Day」 2つかそれ以上の曲を組み合わせてまったく新しい曲を作るマッシュアップですが、372の曲をサンプルしてアルバムを作ってしまったのが Girl Talk の 5 つ目のアルバム「All Day」です。 今やグラミーミュージシャンになった DJ Danger Mouse が火を付けたマッシュアップムーブメント。アメリカではマッシュアップを題材にしているTV番組まで登場し、すっかり市民権を得ているイメージがあります。2つかそれ以上の曲を組み合わせてまったく新しい曲を作るマッシュアップですが、372の曲をサンプルしてアルバムを作ってしまったのが Girl Talk の 5 つ目のアルバム「All Day」です。単純計算で 1 分間に 6 つのサンプルがある計算になります。 最新のポップソングから70年代のヘビーメタルまで様々な曲が「ありえない!」と思いつつ

    Girl Talk「All Day」 : could
  • 文脈を理解したWebコミュニケーションデザイン

    パッケージングの違いは文脈の違い 前回の記事「あなたも私もメディアカンパニー」で、コンテンツを制作するだけでなくメディアカンパニーのように配信の仕方にも工夫をしなければならないという話をしました。コンテンツを配信する際に考えておきたいポイントを記事で幾つか紹介していますが、制作者として注目しておきたい要素は「パッケージング」です。情報を利用者・顧客に届けるために、どのようなパッケージングをすると最適なのかを考えなければいけません。 パッケージングは、制作者であれば意識しなくても常に考えていることです。パソコン上で動作する Web ブラウザ上でどのように Web サイトの情報を表示させれば良いかを常に考えていると思います。最近だとスマートフォン向けの Web サイトをどう作るか考えている方も多いでしょう。パッケージングでまず最初に考えておきたいのが、どの情報をどのように見せるかです。 例えば

    文脈を理解したWebコミュニケーションデザイン
  • LEAFから始まるソーシャルメディアの対話

    SIPSからみえてくる課題 先日サトナオ・オープン・ラボがソーシャルメディアに対応した新しい生活者消費行動モデル概念「SIPS」を発表しました。今の時代における消費者の行動を Sympathize (共感する)、 Identify (確認する)、Participate(参加する)、Share & Spread(共有・拡散する)という4つのステージに分解。共感から共有へ。そしてまた共感へと繋がるサイクルを分かりやすく表現しています。資金をもつ企業だけが情報を伝達できるのではなく誰もが影響力をもつということを前提に、顧客とどのようにコミュニケーションをとれば良いか考える上において SIPS は基といえるのではないでしょうか。 しかしながら、SIPS のサイクルには幾つか検討しなければならない点があります。 解説ではソーシャルメディアという一般消費者も影響力がある世界を意識してはいるものの、「

    LEAFから始まるソーシャルメディアの対話
  • らくだをデザインしていませんか?

    A camel is a horse designed by committee. (ラクダとは委員会によって設計された馬である)Alec Issigonis らくださんがかわいそうですが、いろいろなアイデアを盛り込むことで結果的に何がなんだか分からない不細工なものが出来てしまうという意味が込められています。「We just made a camel(らくだをつくってしまった)」という表現を使う場合がありますが、語源は上記の格言になります。デザインの決定権をもっている人がたくさんいて、彼等の意見をすべて取り入れてしまうことで最初のビジョンとはかけ離れたものになってしまう・・・なんとも人ごとではないシナリオです。 以前「デザインが失敗してしまう理由」でもデザインをしない方や知識のない方が決定権をもつことが失敗に繋がると紹介しました。プロジェクトに携わっているのであれば誰でも言いたいことはあり

    らくだをデザインしていませんか?
  • モバイル開発に欠かせないテストツール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 も含め諸々ダウンロードしなければいけませんし

    モバイル開発に欠かせないテストツール14選
  • コンテンツの質を上げるための第一歩

    昔から量より質だった 「Top 25 Blogs About Blogging」では、ブログに関するアドバイスなどを記載しているブログのトップ25がリストされています。GoogleAlexa のスコアなどを基にランキングされているこのリスト。複数のライターを抱える大規模サイトもあり、それらは毎日情報を更新していますが、大半は毎日更新していないのが分かります。平均で 2,3日に一回更新しています。同サイトは「Top 25 SEO Blog」や「Top 25 Web Design Blogs」という別分野のトップ 25 を同じ採点方法でランキングを出していますが、こちらも傾向が似ていて毎日更新しているサイトがトップに来ているわけではなさそうです。 数より質を評価しているのは人間だけでなく検索エンジンもそうである 2年以上前に作られたランキングなので最新のランキングでは異なるサイトが並ぶ可

    コンテンツの質を上げるための第一歩
  • 企業がTwitterをするべきではない10の理由+

    海外では 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の

    企業がTwitterをするべきではない10の理由+