タグ

アフォーダンスに関するiwwのブックマーク (31)

  • カルチャーの違いを考慮したデザインのポイント

    様々なもののデジタル化が進む中で、デザイナーの役割も大きく変化し始めている。特にインターネットを介したサービスにおいては「design, Design, DESIGNの違いを知っていますか?」でも紹介されている通り、世界中の不特定多数のユーザーを念頭にデザインしなければならない時代になってきている。 それは同時に、受け取り側の趣味嗜好や価値観を十分理解した上で、プロダクトやメッセージングを考える必要があるということでもある。デザインコミュニケーションとして、単純に言葉を翻訳しただけでは不十分なのである。 目で表情を伝える日人、口で表情を伝える欧米人日と欧米では絵文字の表現方法が大きく異なる。特に日では「目」を主な表現として利用しているのに対し、欧米では主に「口」の形の違いで感情を伝えている。 この違いの原因の一つが日常生活における人々の生活習慣の違いだろう。ご存知の通り、花粉症の時期

    カルチャーの違いを考慮したデザインのポイント
  • 「デザインのデ」 #1 メンタルモデル|Yoshihiro Shindo

    解説おそらく多くの方が、左が前に進むボタンで、右が後ろに進むボタンだと思ったのではないでしょうか。このように、モノを使う人が、それがどのように動いているのか心に思い描いたイメージを、「メンタルモデル」と言います。 たとえ、それが間違っていたとしても。 動画の中で、右のボタンは無反応でした。しかし、種明かしをすると、実際は無反応なのではなく、右は前に進むか後ろに進むか切り替えるボタンで、左はその方向に進ませるボタン、だったのです。それをふまえてもう一度上の動画を見てみてください。その通りの動作をしているのが分かると思います。 まだよく分からない人は、次の動画を見てみて下さい。 これは右のボタンの形状を変えて、ランプを追加しただけで、あとの動きは全て同じですが、しっくり来る動作になっていると思います。 今見てきた例のように、メンタルモデルと実際の動作は、違うものになってしまう場合があります。こ

    「デザインのデ」 #1 メンタルモデル|Yoshihiro Shindo
  • 大林寛, コルシカ「学習まんが「アフォーダンス」」 | ÉKRITS / エクリ

    冊子版 ストーリーはそのままに、まんがを全編描き直してフルカラーにアップデートした「新版」を販売しています。

    大林寛, コルシカ「学習まんが「アフォーダンス」」 | ÉKRITS / エクリ
  • アフォーダンスからシグニファイアへ - A Successful Failure

    2012年02月13日 アフォーダンスからシグニファイアへ Tweet D.A.ノーマンが『誰のためのデザイン? 』で紹介した概念、アフォーダンス(affordance)は、UIデザインにおける基的な考え方として受け入れられてきた。UIに関する書籍を紐解けば、アフォーダンスに関する解説を見つけることができるだろう。率直に言ってアフォーダンスの考え方を知らないUI屋、デザイナーはもぐりと看做してよい。 デザイン界におけるアフォーダンス デザイン界においてアフォーダンスは、製品などのモノが、どのように扱われるべきか、どのような性質を持つものかが、ユーザに一目でわかるように付与された(主に)視覚的なサインの意味で使われる。わかり易い例を挙げると、アフォーダンスとは、踏んでは倒せないノコノコにトゲを付けるようなこと、と説明されている(下図)。トゲゾーはトゲという視覚的なサインによって、踏んではい

    iww
    iww 2015/03/29
    シグニファイア(signifier)。 シニフィアン。
  • ホームレスを排除するための“排除アート”がファンシーに進化

    堀口 悠冴 @1921680222dbc 明らかに浮浪者の排除のみの目的なのに、悪意を感じさせないことが大事。長時間座れない椅子や横になって寝れない椅子は来の機能を失いつつも高い芸術性を維持し、景観を守り、なおかつ機能美にも優れている。排除アートに人間の美しさを感じる pic.twitter.com/0q9C3LfRSY 2014-06-09 18:16:33

    ホームレスを排除するための“排除アート”がファンシーに進化
    iww
    iww 2015/01/12
    排除する側も、される側も、もっともっとより高みまで行けるはず。
  • iPhoneアプリ「少年ジャンプ+」のUIが意味不明すぎる - UXエンジニアになりたい人のブログ

    端的に言うと、買ったやつ(購入済みアイテム的なもの)をどうやって見るかで相当迷った。 顛末 こち亀の1〜100巻が無料で読めるキャンペーンがあって、iPhoneアプリ「少年ジャンプ+」だとダウンロードして読めるってことなので、何冊かダウンロードしたんです(ちなみに、キャンペーンはもう終わってますごめんなさい。わたしも今日知ったのです><) キャンペーン期間中はトップページにこち亀全巻無料バナーが張ってあって、そこから読めたのです*1が、日(10/18)の16時の無料期限後、バナーがなくなって導線がどっかいっちゃったのです。 現在のアプリ画面 これがトップページ。 アプリトップ 左右フリックで画面が切り替わります(タブ的なイメージ。この画面だと、左フリックで「連載陣」に、右フリックで「週刊少年ジャンプ」へ) 「連載陣」タブ。一話単位で買って読むことができるようだ(後述するがこの機能は実はも

    iPhoneアプリ「少年ジャンプ+」のUIが意味不明すぎる - UXエンジニアになりたい人のブログ
  • 【画像】 かっこいいデザインにする→利用者が分かりにくくなる→貼り紙されてデザイン崩壊 : 痛いニュース(ノ∀`)

    【画像】 かっこいいデザインにする→利用者が分かりにくくなる→貼り紙されてデザイン崩壊 1 名前: アルゼンチンバックブリーカー(大阪府)@\(^o^)/:2014/07/06(日) 18:32:54.28 ID:jtlvCqZS0.net @デザイナー各位 現実の様子です https://twitter.com/bitsoil/status/485361874918064128/photo/1 コーヒーメーカーのデザイン=デザイナー佐藤可士和氏 (設置店=セブン-イレブン) http://blog.marketing.itmedia.co.jp/kurosu/entry/498.html 2: テキサスクローバーホールド(チベット自治区)@\(^o^)/ 2014/07/06(日) 18:34:33.12 ID:JxLt3I3J0.net これはかしわの力不足 3: ファイヤーバードスプ

    【画像】 かっこいいデザインにする→利用者が分かりにくくなる→貼り紙されてデザイン崩壊 : 痛いニュース(ノ∀`)
    iww
    iww 2014/07/06
    漢字は誰もが理解できる最強のアイコン
  • 小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ

    ビスケットは,開発して新しい機能を追加したときなど,必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます(最近はその暇が無くて他人に任せていたりして,かなりまずいんですが).3年前くらいの面白いエピソードをご紹介しましょう. ちょうど,Androidタブレットで動くビスケットを開発していて(これはまた一般には配布していません.実験環境だけです),それがどのように子どもたちに使われるか見に行きました.僕としても指で直接操作するタブレットのUIの開発は初めてで.実は,マウスとタッチペンの操作は結構似ています.どちらも,非常に小さいエリアを結構正確にポイントできて,ドラッグもできますから.どちらかというと,ペンの方がドラッグが得意でしたね.小さい子はマウスクリックが全然出来ないとか(ボタンを押すときに指先だけ押すということができないので,手を握ってしまって,その結果マウ

    小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ
  • 実例で納得!シニアが使えないサイトの例 | マミオン有限会社-パソコン・数学研修、法人研修

    パソコン教室でシニア層にインターネットの使い方を教えているときほど 「ああ、ここがもう少し改善されれば!」と吠えたくなる時がある。 「知りたい事」「申し込みたいもの」「買いたいもの」があって ワクワクしているのに、多くの人が、若い人に取っては「些細な」ミスで サイト上で目的を達成できずに諦めたり、 諦めきれないからとサポートセンターに電話して 「その情報はホームページに載ってます」と言われ落ち込んだりしている。 今日は大学の公開講座に申し込もうとしている70歳代後半女性の話。 ウキウキの申し込み「大学の公開講座申し込みたいの。英語をやり直したいのよ」といらしたMさん。 「新聞の折り込みで講座を見たのだけど、ホームページから申し込んでって書いてあって。 ホームページを見たのだけどどうすればいいのかわからないけど ホームページからしか申し込めないらしいから、やり方教えて」 とのこと。 チラシに

  • 右か、左か。

    東京駅、総武線地下ホームに下りる階段です。 私の目が悪いだけでしょうか。 どちらへ行けばよいのか、一瞬迷ってしまいました。

    右か、左か。
  • 名古屋市:なごやかベンチ事業(市政情報)

    ページの概要:みんなで名古屋の公園を魅力的にしていくため、市民や企業の皆さまからあたたかいメッセージとご寄付を頂戴して、公園に新しいベンチを設置する「なごやかベンチ事業」の紹介。 みんなで名古屋の公園を魅力的にしていくため、市民や企業の皆さまから「あたたかいメッセージ」と「ご寄附」を頂戴して、公園に新しいベンチを設置する事業です。この事業では、次のような方や場面での寄附を想定しています。公園を利用する、公園を愛する個人・団体・企業等の皆様から結婚・出産・退職など心に残る人生の記念や想い出に大切な人への感謝を表現するきっかけに企業等の社会貢献活動の一環として ベンチに公園へのやさしい想いをメッセージで寄せていただくことで、きれいで快適なベンチを提供し、愛着あふれる魅力的な公園を目指します。

    iww
    iww 2013/05/23
    このバーはすごいな。行政から見たら一石三鳥くらいある。
  • 直感的なUIとは予想した通りの結果が得られるもののこと - ネコメシCEOブログ

    UIデザインの参考に!斬新で美しいUIをもったiPhoneアプリまとめ という記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが、ClearのUIみたいなのを「誰でも直感的に操作できる」などと評価する理由がさっぱり理解できない。 こういうUIは基的にどれも玄人向けで、操作がジェスチャの塊になってしまっているものは、それが使いこなせる俺カッケー感が高くて自己顕示欲を満たしやすい。"そのように操作できるUIデザイン"が気持ちいいのではなく、"そのように操作している自分"が気持ちいいの間違いなんじゃないだろうか。 ボタンが一切なくてシンプルだと気持ちがいいUIになるだって? そんなわけがあるはずない。現実世界はボタンが一切なくてシンプルなUIで溢れているし、そのおかげで毎日いろんな場面でいらいらさせられている。たかが1個のレバーを上げ

    直感的なUIとは予想した通りの結果が得られるもののこと - ネコメシCEOブログ
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2018 GMO Internet, Inc. All Rights Reserved.

    iww
    iww 2013/02/25
    なるほどこのUIはひどいかも
  • 勘違いだらけのAndroid UIデザイン

    【増員!→370名】 開発者、デザイナー必見! アプリ制作勉強会 / 勘違いだらけのAndroid UIデザイン 発表資料(2012年8月21日) http://atnd.org/events/31039 The presentation doc for Smartphone application design seminar on 2012/08/21 by WAVE Multimedia School.

    勘違いだらけのAndroid UIデザイン
  • フェンスを外す人 - β2

    イギリスのチェスタートンという批評家の名言に好きな言葉がある。 「なぜフェンスが建てられたのかわかるまで、決してフェンスをとりはずしてはならない 」 高級なクラブなどに行くと気づくのは、そこにある灰皿が極端に小さいことだ。小さく造形された灰皿はそれだけで独特な美しさを持っているが、ここには原作者の粋なアイデアが詰まっている。小さな灰皿は、一でもたばこを吸えばいっぱいになってしまう。そうすると、スタッフが灰皿を新しいものに替える。そうするとことで、客への細やかなサービスを演出できるし、スタッフに自然と客へ細かく注目させることを可能にしている。 もちろん、これを違うやり方で実現することもできる。たとえばマネージャーが、スタッフに「客を細かく見ろ。灰皿は、客が一たばこを吸ったら必ず変えろ」と言えばいい。そういうマニュアルを作ってもいいし、バックルームに貼り紙をしてもいい。なんらかの指示や号令

    フェンスを外す人 - β2
  • 公共広告「あなたは、このノブを握れますか?」

    92%の男性は、トイレに行った後に「手を洗った」と答えるそうですが、そのうちの34%は嘘をついているそうです。 そんな手を洗わない人間に呆れた人々が、ついに公衆便所へ警告を出しました。 「手を洗え!」と。 発信元となっている’手洗い未遂’撲滅サイト「washyourhands.tv」では、その他数々の’手洗い未遂’行為を動画で見せてくれます。気をつけましょう。 とはいえ、このトイレに入ってしまったら最期…どんなにキレイに手を洗っても、オッさんのナニ(をイメージさせるノブ)を握らなくては、外に出られません。だったら、むしろ、洗わなくていっか!? 「続きを読む」にも写真を上げときます。(かつどん) CAUTION 今、あなたはまさに、このオッさんとトイレ以上のものを共有しようとしている。 CAUTION あなたは、手を洗った。だけど、このオッさんは、洗っていない。 washyourhands.

  • 47NEWS(よんななニュース)

    京アニ放火殺人、青葉被告の再犯防止支援は「やれることはやっていた」のに、なぜ防げなかった? 犯罪学の研究者が語る「刑務所の実情」

    47NEWS(よんななニュース)
    iww
    iww 2011/09/08
    自爆スイッチじゃなくて良かった
  • テレビがネットより優れているトコロ または15万件の苦情に見るネットの可能性 - 水色あひるblog

    昨日、ウチからテレビが無くなりました。もちろんブラウン管式の受像機は今も部屋に鎮座ましましており、消えたのはアナログ放送のコンテンツです。深夜のバラエティー番組が好きな私がいつまでテレビ無し生活に耐えられるか試しつつ、何故私はネットに満足せずテレビを欲するのか、砂嵐の画面を見ながら考えてみました。 ◆ テレビがネットより優れているトコロ。それは「テレビは私の怠惰を許してくれる」事でしょう。 ネットには無限のコンテンツがあり、意思をもって何か調べたい時にはテレビには不可能な事を可能にしてくれてとても便利です。が、ただ退屈をしのぎたい時にも、何を見るか自分で考えて、検索して、選ばなければなりません。これが面倒です。苦痛です。 テレビは私に何も要求しません。ただスイッチを入れれば、勝手に一方的にコンテンツを垂れ流してきます。この怠惰、この愚鈍への寛容、この安逸がテレビの素晴らしさです。またコンテ

    テレビがネットより優れているトコロ または15万件の苦情に見るネットの可能性 - 水色あひるblog
  • 【朗報】フリーターの俺(30)、自販機のジュース補充の仕事が決まる! 勝つる2chまとめブログ

    1 :以下、\(^o^)/でVIPがお送りします 2015/08/31(月) 18:41:01.506 ID:03xNJeJp0.net 夢にまで見た正社員やで! これで両親を安心させられる 2 :以下、\(^o^)/でVIPがお送りします 2015/08/31(月) 18:41:16.405 ID:BDPAl+3R0.net やったなw 佐野研二郎さんデザインの東京オリンピックのロゴ使用中止に!!! 【恐怖】ラブライブ!等で人気の声優三森すずこさん、ファンの抗争に巻き込まれガチで危ない目に遭うwwwwwwwwwwwwwwwwwww※犯人画像あり TBS皆川玲奈アナが乳強調wwww 大島由香里アナの巨乳にシートベルトがガッツリい込んでいたwwwww AKB柏木由紀がキス旅2で水着おっぱい披露www(キャプ画像) 4 :以下、\(^o^)/でVIPがお送りします 2015/08/31

    【朗報】フリーターの俺(30)、自販機のジュース補充の仕事が決まる! 勝つる2chまとめブログ
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。