マジックナンバー７という有名すぎる誤解 多くの人が持っている誤解は、マジックナンバー ７±２という奴である。アメリカの認知心理学者ジョージ・ミラーが1956年に提唱したもので、人間が短期的に大体７個くらいは記憶できる、というものである。この話はかなり多くの人が知っている*1が、これは2001年にネルソン・コウワンによって、否定された。今は４±１が定説となっている Cambridge Journals Online - Behavioral and Brain Sciences - Abstract - The magical number 4 in short-term memory: A reconsideration of mental storage capacity ミラーは短期記憶として人々は７チャンク憶えられる、と結論づけたがそれは荒い予測で、実際の容量を過大評価している。なの

社内のSlackでUI談義が突発的に始まることがあるのだけれども、以前そこで上がったiOS純正メールアプリのUIについてのネタがなかなか面白いのでまとめてみようと思った。結論から言うと、純正メールアプリ、ヤバイ。 まずは観察メールの新規メッセージ画面は他の純正アプリではあまり見かけないようなトランジションを採用していて、開くと元の画面が少し後ろに下がってナビバーだけが見えつつもメッセージ画面が中途半端なモーダルビューで現れたような状態になる。このUIが使いやすいとか何となく見た目がかっこいいとか、そんな上辺だけの理由では絶対ないはずなので、AppleがメールアプリをデザインするときになぜこのUIに至ったのか、その理由を考えてみた。 メールの新規メッセージ画面を開いた状態普段純正メールアプリでメッセージを送信することはほとんどなかったので、まずはいろいろと動きを観察することにした。新規メッセ

SAO The Beginningのαテストに落選したふじもと (@masaki_fujimoto) です。当選されたかたは、無事ログアウトできるといいですね (負け惜しみ感)。 相変わらず長い前置き それはそれとして、最近ディスプレイが余った (別のフロアに1台おきっぱにしてたのを回収してきた) ので、久々にデュアルディスプレイにしてみました。で、画面がひろびろとするのはいいのですが、なんか思ったより快適じゃない感じがしまして、なんでかなぁと思ったら、隣のディスプレイを見たときにアクティブなウィンドウをスイッチするのがかったるいんですよね。一応図にしてみるとこういう感じで: それぞれ27inchで結構大きいので、基本は左側のディスプレイを正面にみておしごとしてます。で、右側にはchatを表示させてて、通知きたらそっちみて、って感じでまぁありがちな感じですね。 で、それはいいんですが、問題

もうヤバイ！　びゅーんって音が出る！　ヤバイ！　誰でも感動する！　ヤバイ！ とだけ書いていたら、上司が悲しそうな顔で「この仕事を辞めたいのか？」と聞いてきたので、ヤバイ理由をマジメに書くことにする。自分のクビがヤバくなってしまった。 百聞は一見にしかず。操作している画面を見るとそのかっこよさがわかる。 動画を見ればわかるが、操作方法は実際カンタン。楽曲パターンを選ぶと、画面上にパッドが現れて、それをなぞれば音が出る。これだけ。感覚としてはKORGの「iKaossilator」（関連記事）に似ているだろうか。 でも、そういうアプリは本当に山ほどあるのだ。PlayGroundならではの、誰でもかっこよく演奏できるヤバイ秘密はどこにあるのか。 触ってみればわかる……というのはズルいので筆者なりの考えを言えば、パッドの配置が絶妙なのである。これに尽きる。 まず、リズムがカンタンに叩けるのが大きい。

オンラインでクレジットカードを使って支払うことは簡単ですよね？この答えはYesでもNoでもあります。Yesの理由は、インターネットが普及された初期からずっとそうしていたから（例：Amazon）。Noの理由は、まったく同じクレジットカードフォームは2つとないからです。 過去20年以上で、私たちはオンライン支払のメンタルモデルを作り上げてきました。「財布からクレジットカードを取り出して、ウェブのフォームに必要なカード情報を入力、そして申込みボタンを押す」というものです。しかし、ユーザーが答えないといけない質問でいっぱいなので、全てを入力するのはとてもややこしい行為になってしまいます。そして言うまでもなく、誰も取扱い説明書なんて読みたくありません。 さまざまな有名ウェブサイト・アプリのクレジットカードフォーム 何かの代金をオンラインで支払う時は、人へ支払う時より2,3倍遅れをとります。端末のボタ

ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という 言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しか し、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるで しょうか？この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 # ソフトウェア部品の流通に今、大きな変化が起きてきています。 数年前のオープンソース環境を覚えているでしょうか？レポジトリは集中管理型の subversion、リリースは zip、テストは手動。Issue の登録もプロジェクトごとにことな るバグ管理システムが使われていたため、とっつきづらかったでしょうし、パッチを送る のも面倒でした。 そんなオープンソースを取り巻く環境が、git や GitH

huin Job : Software Engineer(iOS, Android) Use : Objective-C, Swift, Java Like : Gadget, Apple, Photography, Art, Design, UI, UX More posts by huin. 日本のAppStoreでは未だ公開されていないfacebookの「Paper」ですが、 そのUIは実験的ながらも非常に高い完成度で個人的にはすごく好きなアプリです。 良いアプリがあれば "どうやって作っているのか" が気になるのがイチiOSエンジニアの性なんですが、facebook自体がPaperの裏側について説明した動画をしていて、非常に良い内容だったので紹介します。 なんのイベントなのかはよくわかってないのですが、 公開日は4/18なので比較的最近だと思います。 当然英語なので理解は浅いのです

Learn From What Leading Companies A/B Test Receive the latest discovered UI patterns and leaked experiments from companies such as Amazon, Netflix, Airbnb, Etsy, Google, and Booking.com, etc. We're obsessed with learning about what works and what fails.

Tech Bites: Evolution of F1 Steering Wheels since 1993 - Sauber F1 Team ザウバー、1993年以降のF1ハンドルの進化 1993年C12のハンドルにはボタンが2つしかついていなかったのをご存じだろうか？ ひとつはチーム無線用、ひとつは、テレメトリ・データにマーカーをつける問題ボタンだった。 今回の動画は、1993年以降のハンドルの進化を示している。ボタンやつまみが増えたり移動したりする様子をご覧ください。関連する詳細解説図もお見逃しなく。 2013年06月13日 ザウバーのF1ハンドル詳細解説図 ザウバーF1チームのハンドル： 1993年から2013年 ＋関連記事 2010年09月20日 フェラーリF1ハンドルの進化 ＜写真＞ 2013年06月13日 ザウバーのF1ハンドル詳細解説図 ＋関連記事 2013年04月03日

最近ソーシャルゲームの話題を連投していたので、少し毛色の違う話題について書いておきます。タイトルにもありますが最近行われたクックパッドのiPhoneアプリのアップデートに関してです。どういう話かを簡単に説明すると、先日クックパッドが大幅なUI改変を行なってアプリをアップデートしたら、一部の層にはUIが良くなったと評判が良かったんですが、実際に使っている主婦層だと考えられる人達にウケが悪くAppStoreのレビュー欄が☆1だらけになったという話です。 実際、自分は新UIのクックパッドを初めて触った時、最近のiPhoneアプリにおいて使いやすいとされるUIを盛り込んだ素敵な改善だと感じました。またtwitetrやFacebookなどweb上での反応も比較的、好反応なものが多かったように思います。ですが先にも書いたようにAppStoreのレビュー欄は散々でした。下に挙げたのは一部に過ぎませんが画

.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

Say hello to the second generation of our iconic hand tracking camera We remove boundaries between physical and digital worlds - for anyone, anywhere. Say goodbye to hardware… Say hello to human technology. Our hand tracking and haptics are powering the next wave of human potential. No controllers. No wearables. No touchscreens. Just natural interaction.

When should you use hovercard: A hovercard comes handy when displaying Person bio, Book author and price, Loading related information with Ajax, Editing in place, and what not! Check out the following demos to see some of this stuff in action :) Demos: 1Basic hovercard Hover over the red text to see the hovercard in action: jQuery by John Resig is a cross-browser JS library designed to simplify th

We are excited to announce the acquisition of Octopai, a leading data lineage and catalog platform that provides data discovery and governance for enterprises to enhance their data-driven decision making. Cloudera’s mission since its inception has been to empower organizations to transform all their data to deliver trusted, valuable, and predictive insights. With AI and […] Read blog post