「チームワークのデザイン」講義資料
「チームワークのデザイン」講義資料 このサイトではサイボウズ・ラボの西尾泰和と竹迫良範が 京都大学サマーデザインスクール 2013で行った 「チームワークのデザイン」の講義資料を公開しています。 わたしたちは、世界中のあらゆるチームを支援できる企業を目指しています。 成果発表会でのスピーチ みなさん、難しい問題を考えるときにはどのようにやっていますか？書き出してから考えることが大事です。目隠し将棋と普通の将棋はどちらが簡単か、暗算と筆算はどちらが簡単か、考えて見れば明らかです。頭のなかだけで考えようとすると、覚えておくために脳の一部が割かれてしまいます。 わたしたちのチームでは最終的に、なんと750枚もの付箋を消費しました。 その大量の付箋をどうするのか？ボトムアップで組み立てることが大事です。わたしたちは予期しないつながりや構造を見出したいのです。トップダウンで構造を決めつけるのではなく
デザインの7か条『誰のためのデザイン？ 認知科学者のデザイン原論』 - RyoAnna
USBメモリをパソコンに挿すと引っかかる事がある。コネクタの半分が空洞、半分が突起になっているため、2分の1の確率で引っかかる。これは、マークやランプを上に向けて挿さないユーザーが悪いのだろうか。『誰のためのデザイン？ 認知科学者のデザイン原論』の著書ノーマンは、このような事例をデザイナーの問題だと主張する。 ノーマンによるデザインの7か条。 外界にある知識と頭の中にある知識の両者を利用する。 作業の構造を単純化する。 対象を目に見えるようにして、実行のへだたりと評価のへだたりに橋をかける。 対応づけを正しくする。 自然の制約や人工的な制約などの力を活用する。 エラーに備えたデザインをする。 以上のすべてがうまくいかないときには標準化をする。 例えば、4番の「対応づけ」の悪い例は、部屋の電灯スイッチ。一般的なスイッチは縦と横に4つ並んでいるが、実際の電灯の配置とは一致していないため、どこを
次は情報処理学会学会誌に関してポリティカルコレクトな表紙かを語ろう - 発声練習
あの表紙に不快を感じるというのは問題ない。ただ、過度な一般化や裏を読み過ぎるのはやめてほしいところ。「無意識の差別（偏り）がある」と指摘されるのは、気分良くはないけれども、基本的にありがたいこと。だけど、社会におけるジェンダー差別への怒りを叩きつけられると「いや、そこまで言わんで良いだろ」とか「もっと＊＊＊なやつが〜にあるじゃない」と言いたくなる。 人工知能学会：学会誌名の変更と新しい表紙デザインのお知らせ Togetter：人工知能学会の表紙は女性蔑視？ コメント欄は「不快に感じること」自体も否定しているようでよろしくない流れになっていると思う。 言われてみれば、「家事＝女性」という印象を与える表紙になっていると思う。あの電源コードみたいなやつは女性が人間でないことを表すための記号なのだろうけど、行動を制限するひもと受け取られても変ではない。でも、私はアニメを見慣れているせいか「古いSF
【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所
ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか？ 使い勝手の良すぎるドロップシャドウに警鐘！シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1：黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか！と目から鱗でした。 その2:シャドウに空の色＆地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ
富士通らくらくホンに見る高齢者に使いやすいUIのあり方 - A Successful Failure
2013年10月02日 富士通らくらくホンに見る高齢者に使いやすいUIのあり方 Tweet 高齢者にも使いやすい携帯電話といえば、富士通のらくらくホンシリーズが有名だが、総務省のICT超高齢社会構想会議の第4回WGにて、富士通研究所の石垣一司氏が高齢者のICT活用について 富士通（研究所）の取組ご紹介と題し、同社の取り組みの紹介を行っている。 非常に示唆に富んだ良い資料であるので、本エントリでは同資料を引用して、高齢者に使いやすいUIの勘所について考えてみたい。本エントリ内の図表は同資料からの引用である。 加齢に伴う身体機能の低下 加齢に伴い身体能力が低下することは誰もが体感することだが、具体的には次のような形として現れる（高齢者にとってのユーザビリティ）。 視覚機能の低下 老眼による近視力の低下 暗順応の低下 視野の狭まり 短い波長の色（青、緑）の感度低下 聴覚機能の低下 高い周波数帯の
「終了前に、ただ伝えてほしい」――多くの開発者に届きますように。
オープンソースの集まりで1度しか実際にお会いしていませんが、お願いがあります。 富士通アクセシビリティ・アシスタンスというサービスが、2013年8月20日で提供終了します。つまり、あと20日。このソフトは視覚障がい者や色覚障がい者の方がどのように色を見ているかを確認できるツールです。Webサイト制作をしている人なら、今は必要なくても、いつか必要になるソフトです。 8月20日までにダウンロードすれば、8月21日以降もローカル環境で普通に使えるので、なんとかメディアで紹介して頂き、提供終了するまでに、少しでも多くの人に知ってもらいたいと考えています。 紙媒体だと、とても間に合わないのですが、ネット媒体なら、なんとかなるかも！と思い、お願いしたいと思いました。 視覚障がい者や色覚障がい者という障がいに興味がないかもしれませんが、外見では判断できない障がいなので、気付いていないだけなのです。 よか
これはウェブページです｡
たいしたページではありません｡ あるのは言葉だけ｡ それをあなたは読んでいます｡ オシャレなデザインや､レスポンシブなレイアウト､魔法のようなスクリプトに私たちは魅了されてしまいました｡ でも､ウェブで一番強力な道具は､今も昔も言葉です｡ 私が書いた言葉を､あなたが読んでいる｡これこそ魔法です｡ 私はブリティッシュコロンビア州の小さな都市にいますが､あなたは別のどこかにいることでしょう｡私は2013年6月20日の早朝にこれを書きましたが､あなたは違う日時にこれを読んでいることでしょう｡私はノートパソコンでこれを書きましたが､あなたは携帯電話でこれを読んでいるかもしれないし､タブレット端末やデスクトップ端末で読んでいるかもしれません｡ 私とあなたがこうして繋がることができたのは､私が書いた言葉をあなたが読んでいるからです｡ウェブとはそういうものです｡場所や端末､タイムゾーンが違っても､このシ
情報化で生まれる新しい学習のかたち［山内祐平］ | VISION | ISSUES | WORKSIGHT
私が研究テーマにしている学習環境デザインとは、情報化により社会が絶えず変化する時代にあって、人が学習して賢くなるために何が必要なのか。ざっくり言うと、そんな内容になります。学習という人間の営みは古くから続いているものですが、情報化をきっかけに大きく変わろうとしており、時代に取り残されないためには、学校・企業組織を問わず、適応を迫られています。例を挙げてみましょう。 今、世界中の大学で「MOOC（ムーク）」（Massive Open Online Courses）が大きなインパクトをもたらしています。これは大学の講義をネットを通じて世界中に公開されるプログラムのこと。過去のオンライン講座と違うのは、授業を撮影した映像を一方的に流すだけに終わらないことです。宿題や試験があり、水準に達すれば修了証も出る。しかも無償です。スタンフォード大学の教員が立ち上げた「コーセラ(Cousera*)」というM
infogra.me | インフォグラフィックスコミュニケーションサービス
制作実績300以上。インフォグラフィック、データビジュアライゼーションの制作に特化したサービスです。
レイアウトが考えやすくなるデザインのルール ｜https://wp.yat-net.com/name
デザインには意味があります。物を配置するにしても、なぜそれを配置するのか？なぜその色味なのか？なぜそこに置くのか？など、実に多くの事を考えてデザインは行われています。 そのためデザイナーが考える事は実に沢山有り大変なのですが、デザインには決められたルールという物が存在し、「こうしなければならないルール」、「こうしてはいけないルール」と言ったものが多数存在します。 デザイナーはそういったルールを知識として蓄えているので、考えるべき点を素早く整理し形にしていくことが出来るのです。 今回はそのルールについて少し述べたいと思いますので、デザインが苦手な人も是非そういったルールについて考えてみて頂ければと思います。 レイアウト ビジュアルは左、テキストは右 人間の脳は左側に配置されたものを感覚的に美しいと感じやすく、右側に配置されたものを理論的な思考で捉えやすくなっています。そのため上記のような写真
ノンデザイナーズデザインブックを読み解く // Speaker Deck
MIND HACKSとインタフェースデザインの心理学を引用しながら、デザインの基本4原則を解説していきます。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック https://speakerdeck.com/ken_c_lo/zurui-design ノンデザイナーのための配色理論 http://www.slideshare.net/saucerjp/ss-14902681 初めての欧文書体 http://www.slideshare.net/shoheiitoh/ss-17245066 0.1ランク上のアイコンの作り方講座 https://speakerdeck.com/is8r/0-dot-1rankushang-falseaikonfalsezuo-rifang-ji
IAできるかな 第1話：「みんなで考える」ということ - MGAスタッフブログ
どうもどうも、インフォメーションアーキテクトの宮内です。 実は「インフォメーションアーキテクト」（以下IA）という肩書きになってから2年経ちました。 元々はマークアップエンジニアとして入社したのですが、ディレクション方面の作業を勝手に手伝っていたら、実装とそれ以外の仕事が半々くらいの状況になり、エクセルとパワポとにらめっこして終わる日も続き、じゃあいっそ名前変える？………みたいなノリで現在に至ります。 ちなみにIAになると社内に発表があったその日、当の本人は風邪で寝込んでました。嗚呼…。 IA何よ、IAっぽいって何よ 現在の仕事内容はざっとこんな感じです。 コーディング、および制作の進行管理 打ち合わせの議事進行、議事録作成 アクセスログ解析、レポート作成 企画・提案に関する諸々のファシリテーション、および提案書の作成 サイトの情報設計全般とサイトマップ・ワイヤーフレーム等々のドキュメント
クリック率の高いテキストリンクの色は？【2013年版】 | ウェブ力学
前回との比較 前回の調査から2年半が経過している訳ですが、今回調べた中でリンクのデフォルト色を使っているサイトはありませんでした。リンクの色はデフォルト色より、やや弱い青色にするというのが浸透してきたように感じます。 NAVERとlivedoorのリンク色が同じになっていたのは経営統合の影響でしょうか。 また、「はてブ」や「にこにこ動画」のように青系でない色を使っているサイトもありました。はてブはリニューアルによって大きく変わったのですが、リンクの色を黒色ベースにしていたんですね。調べるまで気づきませんでした。 最適なリンクの色は？ 「リンクは青色」という認識は多くのユーザーに浸透しているので、一般的には青色をベースにするのが無難と言えます。具体的にはデフォルト色だと少し青が強すぎるので、やや”青”を弱くした色がいいでしょう。 但し、サイトのジャンルによっては青色を避けるというのも一つの選
「誰のためのデザイン？」よりも「何のためのデザイン？」 - UXploration
'Without meaning in our lives, life would be pretty meaningless.' - Darius Pocha 生きるための意味が失われていくと、生きていることそのものに意味がなくなってしまう。それは（ユーザ）エクスペリエンス・デザインにおいても同じことが言えると思います。 優れたユーザエクスペリエンスを実現するために HCD（人間中心設計）への理解を示す企業が増えてきている一方で、手段の目的化という危機に直面してしまっている事態から早急に回避すべきであると考えます。ユーザエクスペリエンス・デザインに携わっている人のバイブルとして親しまれている「誰のためのデザイン？」は我々に顧客中心主義という新たな視点をもたらしてくれました。結果として HCD（人間中心設）が社会的に普及するきっかけにもなりました。ただ、「誰のためのデザイン？（Who）」以
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Basic Design Note
常識を覆す名門女子大の図書館 - ライブドアニュース
日本史や居酒屋を路線図で表現する（路線図ワークショップ）
これはちょっと珍しい、学校や教育関係のアイテム全200種類のアイコン素材 -Freepik | コリス
PC
【森山和道の「ヒトと機械の境界面」】 日常の「ネットワークデザイン」 ～首都大学東京 システムデザイン学部 渡邉研の2012年度卒業・修了制作研究展から