テラハウス訪問で考えた教育のこと仕事のこと : could
仕事教育 テラハウス訪問で考えた教育のこと仕事のこと 先日、東中野にあるテラハウス ICAキャリア開発研究所の見学に行きました。テラハウスは再就職訓練を実施している施設。東京都産業労働局には職業能力開発センターや職業能力開発校といった組織がありますが、テラハウスは民間委託訓練施設に属します。教務部長の金澤さま、キョウリツネットの新井さまと牧原さまにお時間をいただいて、職務訓練の現場について、そして教育する側からみた Web の仕事についてお話を伺いました。 再就職訓練という一度社会に出ている方を対象にして短期間で Web の仕事ができるためのスキルを教える場。3ヶ月の授業と1ヶ月、Webサイト制作会社にてインターンとして働くことが出来るカリキュラムになっています。週に5日の授業はトータルで360時間ありますが、その間に「使う拡張子はなに？」から具体的なワークフローの実践まで幅広く学ぶわけで
Ask Twitter: 使っているサイト制作ソフトは何ですか？ : could
仕事意見 Ask Twitter: 使っているサイト制作ソフトは何ですか？ エディタは何度か放浪しながら、そのときのワークフローに合ったものを使っています。今でもメインは相変わらず skEdit ですが、サイト管理の機能がとても良い Coda も併用しています。Coda はまだまだエディタとしては物足りないですが、バージョンが上がる度に良くなってきていますし、1.6.1 に導入された プラグイン でどれだけ多くの開発者の協力を得ることが出来るのかが今後の鍵でしょう。 また、CSSEdit を開発している MacRabbit が Expresso という本格的なエディタを開発しているのも見逃せません。こちらも Sugars という拡張機能が備わっており、カスタマイズ性も高いです。 そんなにエディタ変えてコーディング面倒そうと感じる方もいるかもしれませんが、コードのスニペッツの多くは Text
インテルのソーシャルメディアガイドライン
インテルは比較的早い時期からブログを始めており、更新頻度も高くコメントも受け付けています (日本語版はこちら)。ブログというツールは気軽に導入出来たとしても、顧客と企業を繋げるひとつの窓口として運営していくのは大変なことです。インテルほどの大きな企業がどのようにソーシャルメディアと付き合っているのでしょうか。インテルでは Intel Social Media Guidelines というガイドラインを設けています。ブログだけでなく Wiki や SNS にも通じるこのガイドライン。当然インテル向けに書かれている内容ですが、応用出来そうな内容です。 ブログを長くしている方にとっては『当たり前』な内容かもしれませんが、社内やチームの共有ツールとしてこうしたガイドラインはあったほうが良いでしょう。 透明であること ブログを書く際は本名を書き、何の仕事をしているのか明示すること 慎重に情報を公開
iPhoneから学ぶユーザビリティの極意
iPhoneは、今までとは少し違った使い方や考え方を必要とするデバイスです。Appleらしい使いやすくするための工夫が随所見られますが、だからと言って万人受けするわけでもありませんし、僕のような Mac 使いとそうでない方とでは iPhone の捉え方は随分違います。Create with Contextはデザインリサーチを行っている会社で、iPhone 3G が発売された夏頃に iPhone のユーザーテストを行ったそうです。その結果は SlideShare に掲載されている「How people really use the iPhone」で読むことが出来ます。 iPhoneを聞いたことあるけどほとんど触ったことない方や、聞いたことなくて初めて使う方など、僕のようなヘビーユーザー以外を対象に行われたこの調査。タスク別に調査やインタビューも行われており、iPhoneのインターフェイスで具
サイト制作に便利なOmniGraffleステンシル : could
UIワイヤーフレーム サイト制作に便利なOmniGraffleステンシル 制作メンバーの体勢やスケジュールによっては HTML でプロトタイプを作ることがありますが、そうでない場合はワイヤーフレームを OmniGraffle で作っています。 OmniGraffle では、オブジェクトを揃えたり調整が簡単ですし、マルチページにも対応しているのでクリックしたら別ページに移動といった効果も作れます。もちろん書き出した PDF もクリック可能なマルチページになっているので、他の方との共有した際もページの遷移がみえやすいです。レイヤーの表示・非表示といったアクションもオブジェクトに充てることが出来るので、ダイナミックなページも表現出来なくはないですが、レイヤーの表示・非表示は PDF に書き出した際になくなってしまうのが残念。Professional版ではプレゼンテーションモードがあるので、出先で
Twitterを使った社会活動 : could
様々な使い方や機能をあらかじめ提供している他サービスとは異なり、Twitterは大変シンプルなサービス。こうした機能を最小限に削ぎ落としたサービスは「こういうことが出来る」という明確な使い方が提示しにくい故、使い始めに苦労する場合もあります。明確な使い方がないのは同時に、工夫次第で使い方はいろいろあるわけです。英語圏で利用している方は多いので、リーチ出来る数も多いですし、ほぼリアルタイムでの対応が出来ることから、口コミやサポートのツールとして Twitter アカウントを持っている方も少なくありません。 また Twitter API を利用することで、具体的な使い方を提示出来るサービスをつくることも可能です。先月の Web Directions East で講演した Dan Cederholm も Twitter API を使って Foamee というサービスを立ち上げています。サービスの
Emergencyというモバイルアプリをモックアップしました
7月は青森でセミナーをした思い出に残る月ですが、同時に岩手・宮城内陸地震に遭遇した月でもあります。地震が大嫌いな私にとっては地上14階の地震エクスペリエンスはかなり恐ろしかったわけですが、同時に気付きがある瞬間でもありました。地震が発生した数分後、母からメールが来ました。青森にいることを知っていたので心配してメールをしてくれたわけですが、書き出しが「電話が繋がらないのでメールしました」になっていました。 恐らく携帯電話のネットワークが災害時はパンク状態になって繋がらなかったのでしょう。しかし、ネットではあっさりコンタクトがとれたわけです。メールだけではなく、ウェブサイトへのアクセスも同様です。地震が発生するとネットユーザーは真っ先にウェブに情報をアップしています。例えば「揺れた」「地震」と書き込む人は Twitter だけでも結構います (プライベートモードにしている人も含めたらもっといる
Macを使った情報フィルターの考え方について話しました : could
プレゼン講演 Macを使った情報フィルターの考え方について話しました 11月に開催される Web Directions East の主催イベントで「Webデザイナーが知っておきたい情報ワークフロー」というタイトルのプレゼンをしました。お忙しい中、見に来ていただいた方々に感謝です。今回は実験的な意味も含めていつもよりトーンを強めて話をしてみました。これが良かったのか悪かったのか分からないですけど、次へ繋げるためにもいろいろ試してみようかなと思う今日この頃です。 情報過多と言われているウェブは、実はというとフィルタが破綻しているだけであるという仮説の基に話を進めていた今回のプレゼン。ツールや自分なりのワークスタイルを明確にして自分のフィルタを作っていこうという内容でした。お勧めのツールを紹介したいという思いもありつつも、ツールに合わせるのではなく、自分に合ったツールを見つけてほしいという思いが
年々検索されなくなっているユーザビリティ
検索語を比較・解析する Google Trends というのがありますが、それとは別で Google Insights というツールがあります。地域・時間枠などで検索語の傾向を調査出来るのが特徴です。ウェブマーケティングに役立ちそうなツールですが、検索をする人たちの趣向と自分の興味がどれだけマッチしているのか確かめるのにも使えそうです。 試しに「interaction design」「web analytics」「information architecture」「usability」というウェブサイト制作において重要なキーワードを入力してみました。以下がその結果になります。世界全体で調べた比較グラフ 日本語で同じように書くと違う結果になるかもしれないと思い、今度は「インタラクション」「サイト解析」「情報構造」「ユーザビリティ」と入力して調べてみました。以下がその結果になります。日本語で調
ライブアイコンを使った情報の見せ方
デバイスが違えば情報との関わり方は変わってきます。同じウェブからの情報を受信するといってもパソコンとモバイル機器では関わり方とアプローチに違いがあります。最も大きな違いであり、課題になるのが、モバイル機器でははるかに小さなスクリーン上で多くの情報を掲載しなければならないという点。『モバイル (移動)』という環境化の中で、欲しいときに必要な情報をすぐに出す必要があります。スクリーンが小さい割にはパソコンより多くの情報を目の前に出せるようにしておく必要があるわけです。 こうした難しい課題の中、モバイルインターフェイスで適応されているテクニックが「ライブアイコン」という概念。パソコンのアイコンといえば、アプリケーションを概念的に象徴するシンボルですが、突然形が変わるということはありません。しかし iPhone や Sony Ericsson の Xperia X1 のアイコンはアプリケーションに
UCDがもたらすビジネスメリット
利用者のニーズやどのように使うのかを理解して作られたサービスや製品を「利用者を中心にしたデザイン (UCD/User Centered Design) 」といいます。作り手であるデザイナーやプログラマーの方は UCD を意識している方はいると思いますが、言葉だけに注目していると作り手視点でビジネスと結びつかないように見受けられます。Apple, BMW, IKEA, Nike をみても分かるように、サービスや製品を『デザイン』することで、人々に愛される企業になることさえあります。表層的なデザインではなく、利用者中心としたデザインをすることのメリットは何でしょうか。 戦略の統一化 UCDアプローチをとることで、サービスと製品に機関戦略のフレームワークがつくりやすくなります。また、縦割りの組織からコラボレーションが生まれる組織へ生まれ変わる可能性もあります。共通のビジョンをもって組織を動かすと
プレゼンワークショップを開催しました : could
プレゼンワークショップ プレゼンワークショップを開催しました あまりイベントを企画するということをしない私ですが、先日 bookslooe の坂本さんとの共催で「プレゼンテーション」をテーマにワークショップを開催しました。話す側と聞く側に分かれているセミナーではなく、ワークショップ形式で何かしたいよねという坂本さんの発案からスタートした今回の企画。何か有益な情報を得たか得てないかという表層的なものではなく、アイデアを共有したときに何がおこるのかという雰囲気やエネルギーに興味があったのでワークショップは以前からやってみたかったです。ミツエーリンクスさんのご協力も得て、設備も揃ったセミナールームで広々とワークショップを行うことが出来ました。 ワークショップは来ている方も能動的なアクションを必要とするのと、プレゼンの経験がないとなかなか発表し難いだろうということで、今回は告知をほとんどしない招待
UX を構成する要素と測定方法
ユーザーエクスペリエンス (UX) という言葉は、体験という意味も含まれていることもあり、曖昧で測定し難いもののように捉えがちです。作る私たちがよく使う言葉ですし、今やセールストークとして使われている場合もあるかもしれませんが、「じゃ、実際どうやって効果を報告するの？」ということになると、難しい課題です。しかし、主観的な感想を述べることだけが UX の測定方法ではありません。UX はウェブサイトやアプリケーションを構成するひとつの独立した要素ではなく、以下の 6 つの要素の集合体といって良いでしょう。 コンピュータとのインタラクション 情報構造 (IA) インタラクションデザイン ユーザーインターフェイスデザイン ユーザビリティ ビジュアルデザイン 上記に挙げた要素の中には、既に解析や分析がされているものもあると思います。つまり、今まで使ってきたツールやメソッドを採用し、それらを複合するこ
北京オリンピックに関するインフォグラフィック : could
スポーツ視覚化 北京オリンピックに関するインフォグラフィック Olympic Pictograms 象形文字のような競技ピクトグラム Google Maps Summer Games 2008 メダルの数も分かるスペシャル版 Google Maps。サイトに貼付けることも出来ます。他にもトーチリレーもありますね BBC Sport’s Olympic Map 衛星写真にオーバーレイした形で施設や競技が行われる場所が分かるようになっています。BBCの記者が Twitter をした場所まで表示されてます El mejor nadador de la historia 8冠を達成したマイケル・フェルプスの泳ぎを分析したビデオ。見ているだけでも興味がわいてきます A Map of Olympic Medals NYTimes は今回かなり気合いが入っています。そのひとつが、このメダルの獲得数を地図
使えそうなニュース特集ページを考えてみました
とりあえず良い兆候がみえはじめた南オセチア紛争。グルジアは小さな共和国ではありますが、ワイン発祥の地としても知られており、以前キンズマラウリというワインを購入したこともあって、知っている国ではありました。それ以上のことはあまり知らなかったわけですが、今回の紛争を聞いたときはびっくりしました。 当然のごとくウェブで情報を集めるわけですが、日本のニュースサイトではどうも良い感じにまとまったページというのがありませんね。「特集」というページが設けられていますが、新着順で並んでいるだけですし、概要を知るにも深く知るにも、物足りない感じがします。結局 Google ニュースへ行くこともありますが、すべての記事が平面上に並べられているので、これはこれで不便だったりします。 文句を言うのは簡単なので、いったい何が課題でどうすると (少なくとも) 自分にとって便利な時事関連の特集ページになるのか考えてみま
建設的な会話をするために気をつけておきたいこと : could
ウェブサイトの構築といっても、立場関係を考慮することなく、コラボレーションのようなデザインプロセスになってきています。デザインプロセスのどのフェイズにおいても、開発メンバーやクライアントを交えて意見を交換するときがあります。皆でサイトを作り上げて行くわけですから、会話をすることはとても大事な時間ではありますが、建設的な意見ばかりが出て来るわけではありません。時には会議が迷走してしまったり、開発メンバーの士気を下げてしまう可能性もあります。 チームメンバーだけでなくクライアントにも伝えておきたい、建設的なフィードバックの仕方。よりよいウェブサイトを皆で作って行くために覚えておきたい項目を5点紹介します。 感情を含む熟語を含めない 「好みではない」「違う気がする」といったネガティブな表現だけでなく、「好きだね」も使うのを控えたほうが良いです。もちろん、違う意見を言うことは悪い事ではないですし、
ピクサーが考えるイノベーションの鍵
正直言って、12月の公開まで待てない Pixar の新作「Wall-E」。Pixar は初の長編 CG 映画「トイストーリー」以来、ひとつもハズレ映画を作っていないとんでもない映像制作会社です。圧巻の映像美も素晴らしいですが、シーンの見せ方や、ストーリーにたくさんのアイデアが盛り込まれていて、新作が出る度に驚きと感動があるのが最大の魅力だと思います。アニメーションの世界でイノベーションを続けている Pixar ですが、その秘密は何なのでしょうか。 「Mr.インクレディブル」「レミーのおいしいレストラン」の監督を務めるブラッド・バードが The McKinsey Quartlerly のインタビュー (GigaOM のレポート) でイノベーションのためのキーポイントについて語っています。アニメーションスタジオからの視点ではありますが、参考になるところは数多くあります。 厄介者達を集めよ 皆と
オフラインとオンラインの口コミのバランス
毎日 35億の口コミ会話がアメリカで行われていると言われています。Keller Fay Group の調査によると、そのうちオンラインで行われている口コミはわずか 7%。実際会って行われる口コミが圧倒的に多く (75%)、次に多いのは電話 (17%) だそうです。SNS やブログなどオンラインにおけるコミュニケーションは多様なものになってきてはいるものの、オフラインの口コミは依然最も強いわけです。 上記と似たような結果は BIGresearch が、15,727人を対象にしたアンケート結果にも表れています。 インターネットを利用して製品やサービスのリサーチをする方はいると思いますが、そういったネットを利活用している方でも、オンラインツールを使うより実際人と会ったときに話したり (72.7%) 電話 (55.0%) やメール (63.2%) で伝える場合のほうが多いそうです。「これが良い！」
ウェブデザインの十戒
ウェブデザインにおいて鉄則という言葉を使うのは個人的にあまり好きではないですが、共通するルールというか、考えておきたいところは幾つかあります。ひとつはウェブという媒体を理解することだと思いますが、サイトを構築する前に考え起きたいことは他にもいろいろあります。 先日 Business Week に掲載された「The 10 Commandments of Web Design」では、Don Norman, Jeffrey Zeldman, John Maeda をはじめ 15名の著名人が集まってウェブデザインの十戒をまとめています。Best and Worst of the Web のギャラリーを一緒にみて参考にすると良いと思います。 汝、Flashを悪用するべからず コンテンツを隠すべからず ページを散らかすべからず 汝、反射効果を使い過ぎることなかれ Web 2.0 企業を名付けるとき余計
クリエイティブになるための4つの視点
クリエイティブという言葉を聞くと、何か前例のないものを生み出す力だったり、アーティスティックな部分を指す場合があると思います。しかし、クリエイティブな実際そういったアートもしくはデザインだけに特定しているものではなく、すべてに関係しているものです。実は誰でも毎日クリエイティブな瞬間はあります。 私たちは毎日のように課題や問題に出くわします。それらをいかに解決するかを考える・・・これだけでもクリエイティブです。何も考えずに済ましていることも実はクリエイティブの結果だったりします。時間がかかったり出来ないと思っていることも工夫することで解決することもクリエイティブでしょうし、限られた時間の中で出来ることをするということもクリエイティブです。 「どうなったらクリエイティブになれるのか」という言葉をたまに耳にしますが、クリエイティブになるのは意外なほど単純であると同時に難しいものだと思います。クリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
