スマホのUI考２ 〜 フィードバックについて | fladdict
UIについて徒然と考える自分用メモ、２回目はフィードバック。ユーザーに「何かがおきたよ！」と如何に明解に知らせるか？１回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは？ ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
asahi.com（朝日新聞社）：スガキヤのラーメンフォーク、ＮＹ近代美術館で人気爆発 - 社会
日本のＭｏＭＡデザインストアでも、平均月１００本ほど売れるという＝東京都渋谷区神宮前５丁目 ラーメンのめんとスープを一緒に食べられるよう考案された、スガキヤ（名古屋市）の「ラーメンフォーク」。芸術的な形が評価され、米国・ニューヨーク近代美術館（ＭｏＭＡ）のミュージアムショップの商品に採用された。世界各国からの来館者に大人気で、同館で３本の指に入る売れ筋商品という。割りばしに代わる「エコ」な商品としても注目されている。 ２９年に開館したＭｏＭＡは、「モダンアートの殿堂」と呼ばれ、ピカソやゴッホらの超有名作家の作品を一目見ようと、年間数百万人が来館する。館内のミュージアムショップで売られている商品もすべて、ＭｏＭＡのお眼鏡にかなった洗練されたものだけが並べられている。 ラーメンフォークは「Ｒａｍｅｎ Ｓｐｏｏｎ／Ｆｏｒｋ」として、０８年５月から１本１４ドルで売られている。昨年度は年間１２
検索サイトの舞台裏--グーグル幹部が明かす改善手法
サンフランシスコ発--Googleは、こと検索クオリティに関しては複数の顔を持っているようだ。 Googleは、ABスプリットと呼ばれる手法を使って、同社のメイン検索ウェブサイト（簡素な検索ボックスと検索結果の両方について）どのような変更を加えるべきか検討している。Googleの検索プロダクトおよびユーザーエクスペリエンス担当バイスプレジデントであるMarissa Mayer氏は米国時間5月29日、サンフランシスコで開催されているGoogle I/Oカンファレンスで講演した。その中で同氏は、上記の手法について、Googleはユーザーに対し、デザインの異なる複数のページを表示し、その反応を測っていると説明した。 Mayer氏によると、例えばGoogleは、ユーザーに対して表示する検索結果を何件にすべきかを探りたかったという。通常は、10件か20件、25件か30件といったところだろう。この点に
従属欧文、ヒラギノ明朝のもうひとつの秘密 - 記憶の彼方へ
Mac OSXに標準搭載されている日本語書体ヒラギノ明朝w3の見本 この見本のように、日本語書体のセットに含まれる欧文書体のことを「従属欧文」という。本来の欧文書体が「独立した」書体であるのに対して、あくまで日本語書体に「従属している」書体という意味である。写植時代に遡る従属欧文のルーツ、基本的なデザイン上の特徴、そして用途については下を参照のこと。 「和欧混植の問題点 - 欧文フォントと組版（4）」（日本印刷技術協会JAGAT） 「『従属欧文』って、 ご存知ですか?」（MORISAWA news 第20号、2006年11月1日） 実は上のヒラギノ明朝の従属欧文を設計したのは、欧文書体デザイナーの小林章氏である。その設計の経緯について小林氏は、日本語で書かれた欧文書体設計のバイブルともいうべき『欧文書体 その背景と使い方』（美術出版社、2005年）の中でこう書いている。 欧文書体―その背景
【MacBook Air分解：番外編】我々はなぜ「無駄だらけ」と書いたのか - 日経エレクトロニクス - Tech-On!
Tech-On!に掲載した記事「【MacBook Air分解その5】外は無駄なし，中身は無駄だらけ」は，我々の予想を超えて多くの読者に読んでいただいた。そのこと自体は記者にとって望外の喜びである。だだし記事のコメントなどを読んでいて，読者の一部に我々の意図がうまく伝わらなかった懸念を覚えた。Apple社の話題を取りあげると熱狂的なコメントがつくことが多いので，しばらく静観していたところ，米Wired誌のブログ（日本語訳はこちら）で取り上げられて話がややこしくなった。Wired誌の記者はとんでもない勘違いをしているように思える。我々記者や記事に登場する技術者がApple社に嫉妬したり，同社を侮辱しているととられたならば，大間違いである。 先の文章には確かに説明不足の嫌いがあり，それが生んだ勘違いは筆者の不徳の致すところである。協力していただいた技術者たちには何の非もない。だからこそ，恥を承知
Appleファンの怒りが示す設計思想の根本的な違い - 日経エレクトロニクス - Tech-On!
ビジネス分野の物書きならばよく知っているように，カリフォルニア州クパチーノ注）の「神童」の仕事を少しでもけなそうものならば，Appleファンの逆鱗に触れて，たちどころに打ちのめされてしまう。我々がMacBook Airの分解記事で，Apple社の設計は効率の点で改善の余地があると指摘した後に出くわしたのは，ちょっとしたそれだった（関連記事）。我々の主張を米Wired誌のブログが取り上げて以来，記事を非難するコメントが次々に届いている。 注）同地にはApple Inc.の本社がある。 まず背景を整理しておきたい。日本のノート・パソコン・メーカーは，小振りなサブノート・パソコンを長い間手がけてきた。日本の消費者は少々高くてもコンパクトな機種を買ってくれるからで，ほとんどの機種が日本市場だけに向けたものである。たとえば，本誌の記者も重宝がっている，松下電器産業のレッツノート・シリーズ。同社のWe
超薄型ThinkPad、衝撃の発表：日経ビジネスオンライン
気になる記事をスクラップできます。保存した記事は、マイページでスマホ、タブレットからでもご確認頂けます。※会員限定 無料会員登録 詳細 ｜ ログイン Steve Hamm （BusinessWeek誌シニアライター、ニューヨーク） Kenji Hall （BusinessWeek誌、東京支局テクノロジー担当記者） David Rocks （中国、深セン） 米国時間2008年2月14日更新 「Building the Perfect Laptop」 「フィリス！ 社内便用の封筒を持ってきてくれ」。1月15日の昼過ぎ、米ノースカロライナ州モリスビルにあるレノボ・グループの開発拠点で、ノートパソコン開発の責任者（上級副社長）のピーター・ホテンシャス氏がオフィス内を猛然と駆けながら、秘書に向かって大声を上げた ホテンシャス氏はつい今しがた、米アップル（AAPL）のCEO（最高経営責任者）、スティー
MacBook Air分解記事でコメントをした技術者に文句を言う人たち - ARTIFACT@はてブロ
【MacBook Air分解その5】「外は無駄なし，中身は無駄だらけ」 - モバイル - Tech-On! この記事のブクマコメントで「なら作れよ！」と言っている人たちが不思議だ。 MURAMASAやVAIO type 505 EXTREMEといった日本メーカーが作ったWindows薄型ノートPCを知らない ソニー、重量825g、最薄部9.7mmの「バイオノート505エクストリーム」 ソニー、重量約780gの「VAIO type 505 EXTREME」 シャープ、薄型軽量ノート「MURAMASA」3機種5モデル 薄い日本製ノートPCがあったのは知っているけど、コメントしている技術者が偉そうなのでとにかく文句を言いたい 日本のモバイルノートPC業界は、薄さよりも、軽さとバッテリー寿命のほうが重視された結果、Let's Noteが売れたんだろう。MacBook Airは、日本のように1kg台
醤油やオリーブオイルのしずくが垂れるのを防ぐボトル : Gizmodo Japan（ギズモード・ジャパン）
なるほど。これは実用的で便利ですね。 バルセロナのデザイナーNoroさんが提案する、シロップとかオリーブオイルとかを入れるボトルです。 しずくがボトルの表面を伝ってあちこち汚してしまうのを防ぐ二重の口がついています。洗剤の容器とかで見かけるのと同じアイディアを、食品用に応用したってことですよね。いやーこれはいいですね。今すぐ欲しい。デザイン的にも綺麗です。ぜひ製品化をお願いします。
「鏡音リン」のイラストが凄い点：安藤怜のロンドン灯：オルタナティブ・ブログ
すでにネットに流れている「鏡音リン」のラフ画を元に、リンを描いてみると･･････。髪は黄色のショートカットで頭には白いリボン、白いセーラー服に黄色のリボン、黄色のショートパンツ、袖と足は黒といった点が、リンを象徴する記号と言えるでしょう。 こういう風に記号化しやすいデザインというのは、アニメやおもちゃのキャラクター・デザインの世界では、一般的に採用されている手法です。もちろん、「初音ミク」にしろ、「鏡音リン」にしろ、イラストを担当されているKEIさんのデザインや色使いが優れていることは、言うまでもありませんが。 このことは、「プロになること」の一面を示していると思います。つまり、各方面の要求を満たしつつ、自分のオリジナリティをいかに出していくかが、プロとしてやっていく上での重要なポイントであると言えます。もちろん、各方面の言うことを聞きすぎて駄目になってしまうこともありますが･･････
「初音ミク」のイラストの凄い点：安藤怜のロンドン灯：オルタナティブ・ブログ
「初音ミク」ブームが盛り上がった要因の一つに、パッケージに使用されているキャラクター・イメージがあげられます。イラストと簡単なキャラクター設定だけを提示して、その解釈は、ユーザーに委ねる、という手法です。 あれについて、「アニメ風の、いわゆる"萌え"絵が受けた」という指摘がなされています。しかし、それだけでは無いと思います。なによりも、あの「初音ミク」というキャラクターは、誰が書いても初音ミクになる、というわかりやすさがあります。 私は、絵心はまったくありませんが、初音ミクを描いてみろと言われれば、描くことができます。髪は緑で、いわゆるツイン・テールで、服はグレー、袖とスカートとストッキングは黒。幼稚園児に、あのパッケージを見せても、初音ミクと認識できるものを描いてくれるでしょう。絵がうまい人が描いても、下手な人が描いても、アニメにしても、3Dモデルにしても、二頭身にしても、「初音ミク」と
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
TechCrunch Japanese アーカイブ � Apple iPod vs. 糖尿病用インスリンポンプ
There are many founder-focused events but are they actually helpful or just a distraction? Founders need to strike a balance.
「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
となりのインテリア 定規が曲がっていると使いやすいんです。 ArchRuler アーチルーラー
ArchRuler(アーチルーラー)は、定規です。 曲がっています。 真ん中を押さえれば通常の定規のように真っ直ぐになります。 軽い力でもしっかり紙を押さえられます。 素材がたわむ力を利用しています。 1cmほど浮いているので、爪を立てなくても取り上げやすいです。 書類の中に隠れていても見つけやすいです。 贈り物に。 「曲がった定規」と一言添えて。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テレビ高知映像
スティーブ・ジョブズの名言に学ぶ「シンプルをデザインする」5つの秘訣 : earth in us.
レノボX300 封筒に入る超薄型ThinkPad - Engadget Japanese