手軽に始められる知識整理ツールいろいろ
情報過多時代に必要な知識の整理を始めようで紹介した Roam Research をはじめとした知識整理 / 管理ツールは、2019 年から今年にかけて登場したものばかり。それぞれ特徴があって面白いですが、未熟なものばかりです。幾つか検討した末 Roam Research を使うことに決めましたが、スタートアップに投資するような気持ちで課金しています。 新しいものに飛び込む前に、今できること、今あるもので知識の整理をしてみたい方もいると思います。Roam Research や Obsidian をはじめとした知識管理を目的としたツールと同じようにはいきませんが、工夫次第でそれぞれ独自の強みを活かした自分だけのデータベースが作れます。 Evernote 機能が豊富で、いきなりサービスがなくなる心配がないのを選ぶなら Evernote 一択。前世代感がありますが、あらゆる情報をひとつのデータベー
情報過多時代に必要な知識の整理を始めよう
情報をもつことに意味はない 20 年くらい前だと情報を手に入れることすら敷居がありましたし、「情報を持っている」だけでも価値がありました。Web が広く使われるようになる前の時代に生きていた方であれば、情報を見つけることの苦労は分かると思います。 今はどうでしょうか。 もはや RSS リーダーとかを使って情報が集まる場所を作る手間すら必要ありません。 Twitter や Facebook を立ち上げるだけで波のように情報が押し寄せてきます。毎分 570 web サイトが公開されるくらいのスピードで情報が増えているわけですから、「情報を持っている」ことに大きな価値がある時代ではありません。今持っていなかったとしても、検索すればたくさん出てきます。 もちろん、web で流れている情報がすべて質の良いものではないですが、それでも良い情報はたくさん見つけることができます。Web から離れて書籍を読
カードUIとコンテンツのパッケージング
小さなパッケージとしてのカード 前回の記事で、メッセージのやりとりという文脈にカード UI が組合わさることで、新たな利用者体験を提供できるのではないかという話をしました。コンテンツを『ページ』としてではなく、『小さなパッケージ』にして利用者に配信することが主流になりつつある現在。これは、Web 上の情報のあり方を再考せざるを得ないと同時に、利用者にとって理解しやすい（ページに代わる）メタファが必要とされているのだと思います。小さなパッケージの表現方法としてカード UI は、無視できないデザインパターンのひとつです。 カード UI の可能性を最初に感じたのは、2010 年に登場したPinterest。たくさんの画像を全面に出しつつ、概要や操作を統一感を持たせてコンパクトに表現しています。Pinterest がブレークした頃、無限スクロールや、隙間なく敷き詰めたグリッド表現が注目されました。
人との関わりから考えるタッチUIのあり方
タッチ UI のデザインで難しいのは、表層的な部分だけを設計すれば良いものになるわけではないという点です。技術もきちんと理解することで、Web なら Web らしい、アプリならアプリらしいデザインになります。表層的な部分から入ると、見た目は良いけど使い難くなったり、「なんとなく違う」という声に繋がることもあります。 だからといって、絵を描きながら UI を模索することを否定しているわけではありません。しかしながら絵を描く過程があったとしても、人がデバイスとどのように関わるのかを理解していることが前提になります。人はどのように UI に触れて、どのようなフィードバック（アウトプット）を期待しているのでしょうか。 タッチデバイスにある新しい挑戦 多くの方がタッチデバイスを扱うようになって数年経ちますが、今はもう画面に触れるだけが唯一の方法ではありません。人とデバイスの関係はより親密になったと同
世界最初のWebサイトが教えてくれるデザインの原則
4月30日は World Wide Web にとって重要な日。先日 CERN が、W3 の関連技術をパブリックドメインにしてから、20 年を迎えました。CERN 公式サイト では W3 の歴史を振り返ると共に、1993 年に公開された 最初の Web サイト もオリジナルの URL に再公開されました。 世界最初の Web サイト（上図）は、コンテンツとデザインに関する講演をする際に何度か取り上げています。例えば、2011年ロフトワークが主催した いまさら聞けない！？ 企業のスマートフォン対応 で、20年前に作られたサイトにも関わらずスマートフォン対応されていると紹介しました。 シンプルなマークアップですし、装飾も一切ないので表示されて当然かもしれません。しかし、今まで私たちが作ったサイトの中で、作った当時には予測もしなかったデバイスでも情報をきちんと伝えることができるのがどれだけあるでし
2012年 デザインの4つの課題
ここ 1, 2 年でアプリが爆発的に増えただけでなく、スマートフォンの普及により Web がさらに身近になりました。便利な世の中になったかのように見えますが、今見るトレンドから新たな課題が浮き彫りになりました。今年末から来年にかけて、デザインの観点から解決していきたい課題が 4 つあります。こうした課題を Web やイベント、会合を通して議論できたらなと考えています。 一貫性のないジェスチャーインタラクション マルチタッチスクリーンは、インタラクションデザイナーに新たな可能性を提示たのと同時に、大きな課題を残しています。ジェスチャーUIの課題と対策でも指摘しましたが、現状ジェスチャーにはスタンダードと呼べる操作がなく、アプリごとに異なる解釈をしています。 iPhone のメールアプリで左から右へスワイプをすると「削除」のボタンが右側に表示されますが、同じジェスチャーを Twitter 公式
変化する媒体、進化するクリエイティブ
クリエイティブは、媒体の特性と配信方法に影響されることがあります。 音楽の世界を見てみましょう。 アルバムの起源ともいえるレコード（LP）が生まれたのは 1948 年（音楽を録音・再生できるレコード自体は 19世紀からあります）。LPは、両面におよそ 20 数分の音楽を保管することができました。ミュージシャンは 20 x 2 分の範囲に入るように音楽を構成しました。ラベルのデザインも LP ならではのものが生まれましたし、ジャケットにしても同様のことがいえます。 その後、さらに小さく、さらに多くの曲を保管できる CD が普及しはじめます。曲の長さも大幅に増え、トラック数も自在に増やせることから、その特徴を活かした曲が作られるようになりました。裏返して再生する必要がなくなった CD のラベルは、LP に比べて大胆になり、ジャケットも印刷技術の発展の恩恵を受け、デザインも多彩になりました。 ボ
人の行為をデザインする時代
今年初めて開催された IxDA (Interaction Design Association) 主催のイベント Interaction Awards 2012。既に来年のアワードに向けて作品を募集中ですが、今年の受賞者も素晴らしいのばかりです。デバイスを隣り合わせにするだけで、様々な音を奏でることができる LoopLoop や、地元の食材を使いたい人たちが繋がることができる FoodHub など、ビジュアルだけでなくコンセプトも洗練されたものばかりです。 このアワードが他と異なるところが、カテゴリの分け方です。以下がカテゴリの一覧ですが、他では見ないユニークな視点で分類されています。 Connecting (繋がり) 人と人、人とコミュニティとの対話を円滑にする Disrupting (破壊) 現存の製品やサービスを再構築し、新しい価値観を生む Empowering (力付ける) 人々が
インタラクションと形状の間にあるデザインの行方
7月26日に開催された PARC forum で、ドン・ノーマンと前田ジョンの対談がありました。そのときの模様が公開されていたので、早速見てみました。「デザインは複雑」と言うノーマン氏と、「シンブルを生み出そう」と考える前田氏。デザインの教育からイノベーションまで「デザインとは？」という深い議題についてディスカッションされました。 今回の対談で気になったのが、両者が考えるデザインの視点が異なることから、会話が噛み合ないときがあるという点でした。前田氏は「フォーム（形状）としてのデザイン」の重要性を説いており、フォームが製品と人を繋ぎ合わせる重要な要素であるとしていました。タイポグラフィ、包丁、椅子など、様々な例を通して、フォームが人々に感情を与えたり、機能的なニーズに応えていると話していました。 一方、ノーマン氏は「インタラクションとしてのデザイン」について話していました。人がどのように製
目的とインターフェイスの関係で変わるシンプルの意味
先日、帰省した際に母と家電量販店を訪れました。そこで、いろいろな製品を見学したり質問に応えながら雑談していたわけですが、母が興味深い言葉を残していました。 「私とあなたではシンプルの意味合いが違う」 例えば Apple TV は、TVに接続するとパソコンからメディアをストリーミングしてくれるだけでなく、TV番組や映画、YouTube も見れるようになります。録画して残すという考えから、クラウドを利用してオンデマンドでいつでも好きな時間に見るこという考えに変わります。何が出来るのかを理解しているのであれば 1台で様々な役割を果たす Apple TV のようなデバイスは便利でシンプルです。 しかし、1台で何でも出来るということがシンプルにならない場合があります。使い方によって様々なメディア体験ができる Apple TV より、録画・観覧するためのデッキ、ケーブルTVをみるためのチャンネル、ゲー
WD101: Webのデザインは枠のない世界である
このシリーズでは Web Design101（WD101）と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 Webは見た目のコントロールがきかない モニターの外をデザインするのが大半である Webは寛容性をデザインする場である Webサイトのデザインは、グラフィックデザインやエディトリアルデザインと同じような感覚でデザインをすると、柔軟性・拡張性が欠けたものになるだけでなく、特定の環境でしか見れないものになることがあります。 こうなるひとつの要因として、グラフィックデザインやエディトリアルデザインが、特定の環境で見るということを前提にしてデザインしているからだと考えられます。A4の紙であったり、名刺サイズだったり、特注のコーティングを施したビルボードなど、決められた枠の中で世界を作り上げるデザインに対し、Webは枠があるようで
UXとUIが混同されるワケ
最近 UX と UI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。
スタートアップとデザインについて
Pinterest, Path, Instagram など、アプリのスタートアップでデザインが重要であると言われるようになってから久しいです。しかし、デザイナーという存在の理解はされているのかというと時々分からなくなります。 考えるきっかけを与えてくれたのが、Wells Riley 氏が公開した「Startups, This is How Design Works」というページ。デザインの全体像が分かる素晴らしいまとめではありますが、デザイナーへの期待値を不意に高めている部分があります。 アプリデザインに絞って考えたとしても、そこで必要とされるデザインは、インタラクション、グラフィック、アーキテクチャ、タイポグラフィ、コーディング、ユーザースタディなど多岐にわたります。これらを総括して「デザイン」と呼ぶわけですが、デザイナーも総括した存在ではありません。インタラクションデザイナーはグラフィ
習慣になるまでの UI と操作の変化
タッチしてもらうための第一歩 タッチデバイスへの違和感や不安をもっている方はまだ少なくないと思います。 毎日の生活に登場するタッチデバイスの代表といえば、ATMや電車の切符販売機がありますが、処理速度が遅くスクリーンのオブジェクトを触れている感覚はあまりありません。そのせいか、スクリーンを強く押している方をたまに見かけます。また、タッチインターフェイスだけでなく、触れて押すことができる物理的なボタンが用意されている場合もあります。タッチへの不安を解消するための配慮なのかもしれません。 毎日の生活から比較すると、タッチデバイスでスイスイいろいろな操作が出来るというのは、未知の世界に見えてもおかしくありません。操作の仕方が分かる iPad や Galaxy の CM が TV で流れているとはいえ、「本当にタッチでこんなに動くのか」という不安をもっている方もいるはずです。 UI デザインのひと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
could