小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ
ビスケットは，開発して新しい機能を追加したときなど，必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます（最近はその暇が無くて他人に任せていたりして，かなりまずいんですが）．3年前くらいの面白いエピソードをご紹介しましょう． ちょうど，Androidタブレットで動くビスケットを開発していて（これはまた一般には配布していません．実験環境だけです），それがどのように子どもたちに使われるか見に行きました．僕としても指で直接操作するタブレットのUIの開発は初めてで．実は，マウスとタッチペンの操作は結構似ています．どちらも，非常に小さいエリアを結構正確にポイントできて，ドラッグもできますから．どちらかというと，ペンの方がドラッグが得意でしたね．小さい子はマウスクリックが全然出来ないとか（ボタンを押すときに指先だけ押すということができないので，手を握ってしまって，その結果マウ
クリエイティブな人はココがちょっと違う！２２の違い
クリエイティブな人は他の人と何が違うのでしょうか？ クリエイティブな人と、そうでない人の違いは、外見からだけではわかりません。 クリエイティブな人と普通の人々を分ける大きな違いは、日常のちょっとした物の見方にあります。 以下、クリエイティブな人の２２の特徴です。 1.全然アイデアが出なそうな時にこそ、アイデアが閃く。 いつ凄いひらめきが出てくるのかは本人にもわかりません。それは予想していなかった時に、予想していなかった形で現れてくるのです。 2.夢想ばかりしている クリエイティブな人は頭の中で実際の場所から一瞬にして全く別の場所に行ってしまうことが出来ます。だから実際の場所にいても、そこに必ずしもいるわけではないのです。だから会話中に彼らがぼんやりしていても怒らないようにしましょう。彼らにとってそれは普通のことなのです。
コードが教えてくれるデザイン思考
今プログラミングを教育に取り組もうという声が高まっています。CODE.orgのようなサイトも立ち上がっていますし、Scratch のような子供から楽しめるビジュアルプログラミングもあります。 デザイナーの中でもプログラミングを始めたい方もいると思います。WWDC 2014 で発表された Swift は、スクリプト言語のような感覚でコードが書けるので、始めるには良い機会なのかもしれません。 ただ、デザイナーの立場からみると、プログラミングは遠い存在に見えることがあります。しかし、「問題解決のため」という視点からみると、デザインとプログラミングには共通点がたくさんあります。人間中心デザインに基づいた発想にも、実装可能なところまで落とし込んで模索しないと、夢心地なアイデアになることがあります（もちろん自由な発想が必要なときもありますが）。コードを書くひとの考え方を取り入れることで、アイデアを洗練
URLバーの改善、Object.observe()、アクセシビリティに足りないことなど海外WEBテク20本を一挙公開
URLバーの改善、Object.observe()、アクセシビリティに足りないことなど海外WEBテク20本を一挙公開 斉藤 祐也（株式会社リッチメディア） 斉藤祐也の海外WEBテク定点観測＜Issue.14: 2014/05/01-2014/05/31＞ 今月の定点観測はURLバーの改善、Object.observe()、アクセシビリティに足りないことなどを紹介します。 注目ニュースピックアップ URLバーの改善 – JakeArchibald.com 原題: Improving the URL bar iOS SafariではURLの表示がドメイン名になっています。(URLを表示しているエリアをタップするとURL全体を表示します。) Google Chrome Canaryの、しかもExperimental Flagのオプションを有効化することで同様の機能を利用できるようにしています。
【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く
説得力がグンと上がる！UIデザインの心理学
オライリーから出ている「ユーザーインターフェースデザインの心理学」から使えそうなものを実例を踏まえピックアップ！これでUIデザイン説明の説得力をあげよう！ 情報は一度にすべて見せるのではなく、そのとき必要なものを段階的に開示させた方がよい。 デザイナーが犯しがちな失敗は一度に大量の情報をユーザーに与えてしまうことです。 情報は一度に大量に与えるのではなく、その時点で必要としている情報だけを与えるほうが様々なニーズに対応することができます。 ユーザーの中には大まかな説明でよい人もいれば、詳細を知りたがっている人もいます。 つまりどういう事？ 情報は一度に見せるのではなく段階的に見せる 重要なのはクリック回数ではない。クリックのたびに必要な情報が手に入るのであればユーザーは喜んでクリックする 誰がいつ何を必要としているかを理解する。各段階で何を必要としているか的確に把握していないと、この手法は
デザインとは方程式のようなもの：『Design for Hackers』の著者デビッド・カダヴィの仕事術 | ライフハッカー・ジャパン
── 「これがないと生きられない」というアプリ・ソフト・ツールは？ 間違いなく、ナンバー1は「Evernote」です。何もかもEvernote上でやっています。ブログの下書き、講演準備、アイデアのブレインストーミング、文書処理はすべてEvernote。メールを書くのもEvernote。Gmailに貼り付ける際、箇条書きの丸印などを書き直す必要があるんだけど、それでもEvernoteを使っています。 Evernoteを使い始めたころは、「Inbox」という名のノートブックがあっただけでした。それが今や膨大な量になっていて、それぞれのノートブックに番号を付けているんだけど、そのルールを説明できる自信がありません。それでも、機能していることは確かです。 Siriも使っています。今この瞬間も、部屋の中をウロウロしながらiPhoneのSiriを使って、Evernoteでこの記事を書いているところです
創造性とは何か
創造性，あるいは創造的であることは目的ではない。たとえば，「創造性とは新しい何かを考え出すこと」だとする。では，「新しいこと」が仕事の中で目的となるのか，新しくさえあればいいのか。そうではない。何をするために，新しいことが必要か，によって，新しくても評価されないことはありうる。 何をするために，新しいことが必要なのか，あるいは，逆に，新しいことによって何を達成しようとするのかが，明確でなくてはならない。創造的であること，創造性を発揮すること自体は目的ではないはずなのだ。つまり，こうだ。 現状での，（このままではどうにもならない）“停滞感”， （いまのままでは解決できない）“行き詰まり感”， （これまでのやり方ではこれ以上ムリ）“限界意識”， (このままではまずいという)“危機感”等々， 今のままでは，今までのやり方では，過去の延長線上では，今すぐにはできない事態を打開するために，「何とかす
発想のための「レシピ」や「方程式」は存在しない。 - Think Social Blog
Tweet クーリエ・ジャポン1月号の特集は「未来はこうして創られる」だそうですが、そこに掲載されているMITメディアラボの石井裕教授のインタビューの内容がWebでも読めます。 → MITメディアラボ石井裕副所長インタビュー（前編）: クーリエ・ジャポンの現場から このインタビューのなかで石井教授は「発想において「レシピ」や「方程式」のようなものは存在しません」と言っています。「タンジブル・ビット」という従来のGUIに対するイノベーティブなUIの概念を創造した石井教授が、新しいアイデアを生み出すためにはどうするか？という話をしているのですが、いくつか興味深い点があったので、すこしここで取り上げてみようと思います。 同じ思考ツールを使っても同じ発想が生まれるわけではない。 発想にレシピや方程式はないという石井教授ですが、それは発想の方法はないという意味ではありません。万人に有効な発想の方法が
芸術家とデザイナーの違いはどこにあるのか（坂井 直樹） @gendai_biz
「芸術家とデザイナーの違いは何か?」とたまに聞かれる。この2つは未だに混同されていて、デザインの分野に芸術家がいることは珍しくない。 デザイナーでありながら教育者、研究家、絵本作家などの顔を持つブルーノ･ムナーリは、デザイナーとは何かということについて、著書 『芸術家とデザイナー』のなかで次のように言っている。 〈 デザイナーは、世間によく知られ、広く消費される製品を、最良の方法でつくろうと努めている者である。他方、芸術家がデザイナーの仕事をしようとすると、かならず主観的な方法で行い、自身の「芸術性」を誇示しようとする。そして、製品に自分の信念が息づき、他の人にも伝わることを望む。これは画家であろうと、彫刻家であろうと、建築家であろうと変わらない。 〉 芸術家の目的は「自分の信念を伝える」ことにある。一方、デザイナーの目的は、それにより生み出されたプロダクトが「広く消費される」ことだ。従っ
デザインの仕事にある成熟と熟練
デザインの意味とは … といった禅問答のような質問をときどき耳にします。語源まで辿って「記号を表す」といった説明をする人もいれば、「設計をする」と応える方もいます。装飾という意味合いをデザインから離す人もいますが、装飾もデザインの一部として捉えることもできます。 デザインの定義は読者ひとりひとりに委ねますが、デザインを学習したい場合「人それぞれだから頑張って」で済ますわけにはいきません。デザインの『入り口』が必要ですし、どこへ向かっていくのかという目的地も必要だと思います。 デザイナーの成熟度は、以下のような UI を見たときの反応で判断することができます。 あるサイトの UI を基にしてつくったスケッチ デザイナーによって、この UI に対するリアクションは異なります。大きく分けると 4 つあります。 見た目を変えたい インプットフィールドの見た目が良くない。タイポグラフィの選択が良くな
ソシオメディア | UXデザインプロセスについての考え方
UXデザインのプロセスは、UCD と呼ばれるユーザー中心設計の考え方をベースとしています。ユーザー中心設計の考え方とは、プロジェクトの各工程でユーザーを取り入れるというものです。主に、ユーザー調査の結果を要求分析に取り入れること、設計段階ではプロトタイプ制作とそのユーザー評価を行うこと、そして運用の中で継続的にユーザーからのフィードバックを収集することが重要とされ、製品／サービスのライフサイクルを通じてこれを繰り返します。つまりUXを向上させるためには、Try（試しにやってみる）と Catch（状況を把握して分析する）のセットを反復的に行うことが大切です。 これは別の言い方をすると、デザインには決まった答がなく、常に試行錯誤が必要だということです。反復的デザインは、各フェーズ単位、プロジェクト単位、そしてより大きな事業やブランドといった単位で多層的に試みることが求められています。 ウォータ
成長する発想と成長しない発想 | knowledge / baigie
「自分らしさ」にこだわって働いた結果 私が社会に出たのは1997年。最初の会社は同期だけで500人もいる大企業でした。経営は安定し、福利厚生も充実。在籍しているだけで社会的信用が担保される会社でした。 学生の頃の私は、人とは少し違った視点で物事を捉えると友人から評価されていました。流行りもの、ありがちなもの、浮ついたもの、軽薄なものには与しない。メジャーではなくマイナーを好む自分でありたい。自分だけは本質が見えていると信じ、鋭い指摘を入れ、否定する。それが「自分らしさ」でした。 社会人になっても、「自分らしさ」は絶対に失いたくない、社会に染まりたくない、平凡なサラリーマンになりたくない、と強く思って働いていました。 さほど重要でなくとも、プライベートを優先するのは当たり前でした。職場の飲み会を欠席するのも日常茶飯事です。残業代が出ないのだから、飲み会に出る必要はない。仕事終わりの一杯が楽し
できるWebディレクターは二度、仮説をたてる - クロイシロ|Progettista・Webディレクターの思考
既存PCサイトのリニューアルや新規のスマホサイト展開などが主流となりつつある昨今。 制作作業のディレクションをする上で先方とのキックオフ時などに既存サイトのログやアクセス解析のデータをいただく様にお願いする事があると思います。 Google Analyticsなどアクセス解析からとれるPV、UU、リピート率などから現状分析をし、サイトのあるべき形を探るプロセスは、多様化するサイト制作の第一歩として必要不可欠なものになってきました。 アナリストでしたら現状分析の名の下に批評だけすれば良いかもしれませんが、ディレクション/コンサルが業務であるのなら現状分析が終わったら次は必ず仮説を立てる必要があります。 この時に気をつけたいのは”まずどの立場で仮説を立てるべきか”です。 まずはクライアント目線で仮説を立ててみよう なぜ、まずクライアント目線で仮説を立てるのでしょうか。理由は”今、手元にある現状
美大で紙媒体専攻してた人がWebデザインやることについて - MEMOGRAPHIX
ぼくは美術大学で4年間デザインを勉強してて、なかでも紙媒体のグラフィックデザインを専攻してた。所属研究室もプリントメディアを専門にやるところだったし、卒業制作も、なんか本みたいなの作ってた。だから、ぼくがWebデザインをやっていることについて、意外に思われたり、不思議がられたりすることがある。その研究室でわざわざWebデザインを志す人は殆どいないからだ。 しかし、紙で学んだことが無駄だと思ったことは一度もなくて、むしろWebデザインで非常に役立っている。ぼくが紙媒体を専攻してた理由は、紙は歴史のあるメディアだし、グラフィックデザインの基礎をちゃんと学ぶのに最適と思ったからだ。基礎というのは、タイポグラフィの扱い方とか、ジャンプ率とか、配色とか、そういうデザインの諸ルールのことで、そのルールはそのままWebデザインに通用する。今のWebデザインの流れを見ていると、フラットデザインとか、Web
未来をプロトタイプしよう
2012年12月のプレゼンテーション http://www.yasuhisa.com/could/article/prototype-the-future/
FICC | デジタルエージェンシー
LEADING BRANDS TO DIGITAL WE ARE A DATA-DRIVEN MARKETING AGENCY FICCはデータに基づく論理的なマーケティングを提供するデジタルエージェンシーです。 消費者に価値あるコンテンツと体験を届けるため、戦略立案から施策実行まで一貫して提供しています。
デザイナがエンジニアリング（プログラム）を学ぶコツ | fladdict
最近、色々な方と「表現とエンジニアリングの融合」について、お話を伺ったりしたことからのまとめ。 なぜ表現者はテクノロジーを学習するのが苦手か 表現とエンジニアリングができるハイブリッドな製作者は、理系あるいはエンジニア出身の人間が多い。逆にアーティストや（グラフィック）デザイナーのバックグラウンドから、ハイブリッド型へと移行する人は相対的に少ない。 基本的には、エンジニアのほうが「系統立てて学習する」という点で、ノウハウと教育がある。いわゆる「美的センス」といわれるようなモノであっても、いちどロジック化して自分なりに消化さえできてしまえば、エンジニアは表現やデザインもエンジニアリングの一貫として学習することができる。（逆に、スキルをブレイクダウンして学習するぶん、「作れるけど作りたいものがない」になりがちではある。） 明確なビジョンが学習を阻害する 一方アーティストやデザイナが、なぜテクノ
2013-10-04 - Yamashiro0217の日記
特に非エンジニア向けに書く。 プログラマーの仕事はエディタに向かうことではない。 「お前は何を言っているんだ？」 まぁ、待って欲しい。説明する。 「将棋指しの仕事は駒を動かすことだ」 ？おかしいですよね。将棋指しの仕事は駒を「どう」動かすか考えることだ。 実際にレベルの高い将棋指し同士は、盤面が無くても脳内だけで試合ができる。 もちろん、プログラミングを実際に行なわないとコンピューターは動かない。 さらに例える。 プログラミング作業におけるコードをコンピューターに打つという作業は、 将棋指しが駒を動かす。というのに近い。 ただし、場合によっては駒の重さが30kgぐらいある。 どんだけ優れた将棋指しでも、30kgの駒を100回とか動かしたら、 疲れて頭回らなくて素人にも負けてしまうかもしれない。 30kgもある駒を動かすのは大変だ。 だからプログラマーはエディタ工夫したり、 開発環境工夫した
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
シンプルに考えると答えは出やすいの巻 - よつば手帖