Techcrunch で、「Great Mobile Apps Are Remote Controls For Real Life（すばらしいモバイルアプリは実生活のためのリモコンである）」 という記事が公開されています。リモコンは、ただボタンを１回押すだけでチャンネルを変えたり、利用者が求めている操作を実現することができます。すばらしいアプリも同様に、面倒な操作や画面遷移を辿ることなく、リモコンのように１タップで済むものであると解説しています。その一例として、最近日本でもサービスを開始した Uber が挙げられています。サイトに「ボタンをタップするだけで、Uber アプリはお客様のドライバーを探します。」と書かれているとおり、リモコンのような手軽さが、人気の秘密なのかもしれません。 昨年の記事ですが、今のスマートフォンの存在を上手に表現していますし、スマートフォン向けのアプリや Web
ワインを輸入しているモトックスという会社は、 ブドウのデザインをスマホのカメラで読むことによってワインの情報がわかる 「Wine-Link」というサービスを提供している。 見栄えが悪いバーコードをデザインの一部にしてしまおうという「デザインバーコード」というものが提案されているが、 美しく見せるのはかなり無理があるようである。 Wine-Linkのブドウのデザインは、 計算機での読み取りやすさと見栄えのよさのバランスが秀逸だと思う。 Xeroxは昔「／」と「＼」を組み合わせた「DataGlyph」という二次元バーコードを開発していた。 このようなパタンは遠くから見ると目立たないので、 画像の中に何気なくデータを埋め込むことが可能だというのが売りだったのだが 商売としては成功しなかったようである。
近くの本屋に行ったら（本当は他の本を探しに行ったのだけれど）改装中で無秩序に本が積んであって、たまたま目に留まったので買ってみた。 サインシステムというのは平たく言えば駅などにある案内表示のことで、今では当然のように存在している営団地下鉄（東京メトロ）のそれを整備した本人による解説書がこれ。（案内表示のこと、というのはかなり乱暴な言い方で、本文中では、案内表示だけではなく建物の構造など環境全体をシステムとして捉えよと書いている） 博士論文がベースになっている本ということで、5500円もするのに難解で読めなかったらどうしようと思ったけど、読み易い本だった。しかも、工業デザイン、あるいはデザインそのものの基礎にも触れていて、お得感が高い。 私はそもそも物理的なタイピング速度が遅いし、vimやemacsといったイカしたエディタも操れないので、せめてこうやって知識を肥やしておかなければスーパーハッ
Salesforce Developer Conference Tokyo 2013 での発表資料
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（前編）～Salesforce Developer Conference Tokyo 2013 いま多くの開発者が取り組もうとしているモバイルアプリケーションの開発は、経験の面でも技術の面でも、コンシューマ向けの開発現場が大きく先行しています。 9月6日開催されたSalesforce Developer Conference Tokyo 2013のセッション「B2Cからみたモバイルアプリケーション開発のいまとこれから」では、コンシューマ向けサービス開発の現場に身を置いてきた伊藤直也氏が、モバイルアプリケーション開発を成功させるための方法を、これまでの経験や現在の開発現場で得たノウハウなどを基に語っています。 試行錯誤の回数を増やす、iOSとAndroidは同じように作ってはいけないなど、モバイルアプリケーション開発に関わるエンジ
お金を借りたい。でも職場の同僚、友達、家族にバレてしまったらどうしよう？と不安で、なかなか申し込みができずにいませんか。 誰にもバレずにお金を借りる方法が知りたい！とお悩みの方へ、周囲に知られることなくお金を借りる方法を具体的に解説します。カードローンの在籍確認などバレたくない人が気になるポイントについてまとめましたので、ぜひ参考にしてください。 主婦の方は旦那さんに内緒で、バレずにお金を借りる方法を知りたいですよね。結論から言いますと、消費者金融カードローンなら家族はもちろんのこと、会社の人にもバレずにお金を借りることができます。その中でもおすすめの、「バレないカードローン」として口コミで人気の消費者金融カードローンを紹介します。 ただし、バレないようにするためにはいくつか注意して欲しいこともあるので、そのポイントについてもまとめています。 この記事のポイント カードローン利用がバレる原
【これはとてもひねくれた文章なので、「実用的な情報を速やかに収拾したい忙しいビジネス・パーソン」は読まないほうがいい。警告はした】 【役立つ部分をさくっと読みたい方はシンプル版を用意しました】 fladdict氏の『スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する』は素晴らしい記事だ。 その記事のコメント欄でのやりとりが気になった。 【某氏】 先生！ 設定画面で全てのUI機能要素を ON/OFFしたり、configファイルの編集でボタンのレイアウトを変更できれば良いと思います！ 【fladdict氏】 その思想をつきつめると、設定オンオフで音楽プレイヤーからFacebook閲覧までユーザーが自在に切り替えられる万能アプリへの道に進むのです・・・ 【某氏】 やりたいことが何でもできる万能アプリの複雑性と、デフォルト設定のシンプルさは両立しますからね。初めて
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
1年くらい前に 「CSS で作るスマートフォン向け片手操作メニュー」 って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumbler の Android アプリ （Tumblr for Android） の新規投稿の UI がカッコよかったんで、これを CSS と超簡単な JavaScript （jQuery 使用） で再現してみました。実際のサンプルは下記に。 CSS で作る Tumblr モバイルアプリ風メニュー サンプル 現在最新版の Firefox、Safari、Chrome では動くと思います。あと手持ちの iOS 6 Safari では動作確認しました。他のスマートフォンとか知らない。IE？ 一応、IE10 は問題なく動作します。IE9 だと動作はするけどアニメーションとかしないです。 元ネタを下記に貼っておきますね （画像は 「Tumblr Staff」 から
結論から言うと、iPhoneは手での操作に最適化されており、ちんこでの操作には向かないように感じた。 以下いくつか気づいたことを書いてみようと思う。 操作方法 そもそもちんこは指のように任意には動かせない。 そこで、左手でiPhoneを支えたまま、利き腕でちんこを持ってタッチペンの要領で操作することにした。 つまり座った状態で自分の股間を覗きこむような姿勢になる。これ以外の姿勢は難しいと思う。 感想冷たい まず最初に思ったのがこれだ。季節のせいもあり、画面に触れるたびにちんこが冷たい。 この点に関しては夏場ならそれほど気にならないかもしれない。 マルチタッチができない ちんこは一本しかなく、したがって、拡大・縮小等のピンチ操作が行えない。 はてブやtwitterを閲覧する程度ならそれほど困りはしないものの、ピンチ操作が必須のアプリを使う場合には指での操作を考えたほうがいい。 細かい操作が難
Twitterで「ボタンと間違いやすいサイン」について呟いたら・・・ いつのまにか「間違いやすいエレベーターボタンのデザインの話」に巻き込まれてたでござる。 面白そうだったので、自分でも考えてみたり。コアコンセプトは以下のような感じ。 安全側にマージンを設ける 表現の為に安全を犠牲にしない 迷ったらコンサバに。チューニング芸で頑張る。 視覚的／言語的にハンディキャップがある人にリスクを負わせない。「ってか、そこは周囲の人で吸収する社会にしようぜ！」という思想を、そこはかとなく埋め込む。 ボタンの文言とか 「開く＆閉じる」や「開＆閉」は、漢字が似てて視認性が悪いのでボツ。「あける＆とじる」や「あける＆しめる」は、「る」が被るのでボツ。「Open & Close」は視認性が悪いし子供がわかんないのでボツ。 で「ひらく」と「しまる」に決定。 「とじる」や「しめる」じゃなくて「しまる」にした最大の
と、いうわけで転職しました 本来の職種は相変わらず 「前例の無い事をなんとか形にして」をなんとかするデベロッパとしてですが、 「UX Developer として組織的に UX とかそういうの強くして」というのも兼任しております で、入社して1週間経って、早々と「じゃあ、出来る UX デザイナー/ディレクター/エンジニア を社外から引っ張るとか、採用募るとか、属人性の高い他力本願にしないで、組織として体制を整える方向で行きましょうよ」ということで作ったのがこのスライドです このスライドについて 昨今、割とどのソフトウェア・Webサービス開発の現場でも「UI/UX デザイナーを募集します」と求人出しています。 しかし、求人出してるところって、そもそもそういう人材が不在で、受け入れ態勢整ってない事多いのが実情です。 そして、その後どうなるかというと、その人の属人性に大きく依存した働きのみが期待さ
It’s that time of year again, time for our “Best of…” series, where we look back over the past year and pick our favorite freebies and resources. For this week, we’ve went back through all the UI PSDs that we’ve covered over the past year and picked the ones that really stand out. Because there are so many very good ones to sift through, it’s always a difficult choice, but here are the ones we thi
ぼくはライフワークとして画面をチカチカさせる活動をしてるのだけど，周りの人にあまり理解してもらえなくて，まぶしいとか，そんな低俗なことをやって，みたいな反応をされる． けど，画面をチカチカさせるだけでも，いろいろと工夫できることとかある．今日はこれまでの活動の振り返りと，それで得たノウハウを共有しようと思います． 過去の活動 これまでに，いろいろ画面をチカチカさせるやつ作っているので，順に紹介します． コード残ってるのは2010年からだけど，一番古いのは中学生のときにRPGツクールで作った画面がチカチカするゲームで，途中まではRPGとして遊べるけどストーリーが進むと画面が高速で点滅し始めてそれ以降何もできなくなるというゲームでした． 古くはポケモンショックというイベントもあったけど，ぼくは関西に住んでて見れなかった． ウェブページをチカチカさせる このbookmarkletを起動するとウェ
もっとサービスのデザインを良くしたい、UIが分かりやすいサービスを作りたい、というエンジニア向けの勉強会です。 創業者の佐野がcookpad.comを立ち上げて以来、クックパッドはUIデザインに非常に強いこだわりを持って、ものづくりを行ってきました。 その「こだわり」の一端をこの勉強会で共有し、みなさまと意見交換できる場にしたいと思っています。 ■発表内容/発表者 「UI/UXのためのSass〜技術面から考えるサービスデザイン〜」 池田 拓司 （＠tikeda） サービスデザイン部 デザイン・UIグループ 「密着！クックパッドiPadアプリ開発の100日間～クックパッドのUI改善プロセス～」 片山 育美 （＠monja415） サービスデザイン部 デザイン・UIグループ 「UIで変わるマネタイズ～今すぐできる3つのコツ〜」 高本 大輔（＠dsk1124） 会員事業部 ◆開催概要 日時：7/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く