マジックナンバー７の誤解 : みんな、他人の頭を過大評価しすぎているんじゃないだろうか。それって不幸だ。 - たたたた。
マジックナンバー７という有名すぎる誤解 多くの人が持っている誤解は、マジックナンバー ７±２という奴である。アメリカの認知心理学者ジョージ・ミラーが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 ミラーは短期記憶として人々は７チャンク憶えられる、と結論づけたがそれは荒い予測で、実際の容量を過大評価している。なの
iOS 純正メールアプリのUIがヤバイ件
社内のSlackでUI談義が突発的に始まることがあるのだけれども、以前そこで上がったiOS純正メールアプリのUIについてのネタがなかなか面白いのでまとめてみようと思った。結論から言うと、純正メールアプリ、ヤバイ。 まずは観察メールの新規メッセージ画面は他の純正アプリではあまり見かけないようなトランジションを採用していて、開くと元の画面が少し後ろに下がってナビバーだけが見えつつもメッセージ画面が中途半端なモーダルビューで現れたような状態になる。このUIが使いやすいとか何となく見た目がかっこいいとか、そんな上辺だけの理由では絶対ないはずなので、AppleがメールアプリをデザインするときになぜこのUIに至ったのか、その理由を考えてみた。 メールの新規メッセージ画面を開いた状態普段純正メールアプリでメッセージを送信することはほとんどなかったので、まずはいろいろと動きを観察することにした。新規メッセ
デュアルディスプレイなときに顔の向きでアプリ切り替えてみた | GREE Engineering
SAO The Beginningのαテストに落選したふじもと (@masaki_fujimoto) です。当選されたかたは、無事ログアウトできるといいですね (負け惜しみ感)。 相変わらず長い前置き それはそれとして、最近ディスプレイが余った (別のフロアに1台おきっぱにしてたのを回収してきた) ので、久々にデュアルディスプレイにしてみました。で、画面がひろびろとするのはいいのですが、なんか思ったより快適じゃない感じがしまして、なんでかなぁと思ったら、隣のディスプレイを見たときにアクティブなウィンドウをスイッチするのがかったるいんですよね。一応図にしてみるとこういう感じで: それぞれ27inchで結構大きいので、基本は左側のディスプレイを正面にみておしごとしてます。で、右側にはchatを表示させてて、通知きたらそっちみて、って感じでまぁありがちな感じですね。 で、それはいいんですが、問題
なにこれヤバイ！ 「パラッパ」「Rez」並の衝撃「PlayGround」
もうヤバイ！ びゅーんって音が出る！ ヤバイ！ 誰でも感動する！ ヤバイ！ とだけ書いていたら、上司が悲しそうな顔で「この仕事を辞めたいのか？」と聞いてきたので、ヤバイ理由をマジメに書くことにする。自分のクビがヤバくなってしまった。 百聞は一見にしかず。操作している画面を見るとそのかっこよさがわかる。 動画を見ればわかるが、操作方法は実際カンタン。楽曲パターンを選ぶと、画面上にパッドが現れて、それをなぞれば音が出る。これだけ。感覚としてはKORGの「iKaossilator」（関連記事）に似ているだろうか。 でも、そういうアプリは本当に山ほどあるのだ。PlayGroundならではの、誰でもかっこよく演奏できるヤバイ秘密はどこにあるのか。 触ってみればわかる……というのはズルいので筆者なりの考えを言えば、パッドの配置が絶妙なのである。これに尽きる。 まず、リズムがカンタンに叩けるのが大きい。
クレジットカードフォームの解剖学 | POSTD
オンラインでクレジットカードを使って支払うことは簡単ですよね？この答えはYesでもNoでもあります。Yesの理由は、インターネットが普及された初期からずっとそうしていたから（例：Amazon）。Noの理由は、まったく同じクレジットカードフォームは2つとないからです。 過去20年以上で、私たちはオンライン支払のメンタルモデルを作り上げてきました。「財布からクレジットカードを取り出して、ウェブのフォームに必要なカード情報を入力、そして申込みボタンを押す」というものです。しかし、ユーザーが答えないといけない質問でいっぱいなので、全てを入力するのはとてもややこしい行為になってしまいます。そして言うまでもなく、誰も取扱い説明書なんて読みたくありません。 さまざまな有名ウェブサイト・アプリのクレジットカードフォーム 何かの代金をオンラインで支払う時は、人へ支払う時より2,3倍遅れをとります。端末のボタ
なぜ Web Components はウェブ開発に革命を起こすのか
ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という 言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しか し、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるで しょうか？この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 # ソフトウェア部品の流通に今、大きな変化が起きてきています。 数年前のオープンソース環境を覚えているでしょうか？レポジトリは集中管理型の subversion、リリースは zip、テストは手動。Issue の登録もプロジェクトごとにことな るバグ管理システムが使われていたため、とっつきづらかったでしょうし、パッチを送る のも面倒でした。 そんなオープンソースを取り巻く環境が、git や GitH
facebookの"Building Paper"はすべてのiOSエンジニアが見るべき
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なので比較的最近だと思います。 当然英語なので理解は浅いのです
F1ハンドルの進化 1993年から2013年 動画：ザウバーF1チーム : F1通信
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日
改めて「ユーザー目線」の重要さを考える～クックパッドのアップデート時におけるレビュー悪化に学ぶ～ - 儲かるWEBサービスのネタの種
最近ソーシャルゲームの話題を連投していたので、少し毛色の違う話題について書いておきます。タイトルにもありますが最近行われたクックパッドのiPhoneアプリのアップデートに関してです。どういう話かを簡単に説明すると、先日クックパッドが大幅なUI改変を行なってアプリをアップデートしたら、一部の層にはUIが良くなったと評判が良かったんですが、実際に使っている主婦層だと考えられる人達にウケが悪くAppStoreのレビュー欄が☆1だらけになったという話です。 実際、自分は新UIのクックパッドを初めて触った時、最近のiPhoneアプリにおいて使いやすいとされるUIを盛り込んだ素敵な改善だと感じました。またtwitetrやFacebookなどweb上での反応も比較的、好反応なものが多かったように思います。ですが先にも書いたようにAppStoreのレビュー欄は散々でした。下に挙げたのは一部に過ぎませんが画
Ratchet
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
Android 版 Google 日本語入力をアップデートしました。（1.6.1209.3）
.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
Page not found - お客さまがお探しのページは見つかりませんでした：JR東日本 (East Japan Railway Company)
アクセスされたページはアドレスが変更されたか、削除された可能性があります。 お手数ですがメニューから目的のページをお探しください。 Sorry for the inconvenience caused. The page you're looking for cannot be found. Please search the desired page from menu.
jquery-handsontable @ GitHub
Autoexpanding Type in any cell and see how the grid adds new rows and cols automatically. You can try CTRL+Z and CTRL+Y to undo/redo. Also, why not try CTRL+C, CTRL+V between this and Excel, Google Spreadsheet or LibreOffice! Code: <div id="example1grid" class="dataTable"></div> <script> $("#example1grid").handsontable({ rows: 5, cols: 5, minSpareCols: 1, //always keep at least 1 spare row at the
APP｜Leap Motion
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.
Tumblr
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
Cloudera Blog
It’s hard to believe it’s been 15 years since the global financial crisis of 2007/2008. While this might be a blast from the past we’d rather leave in the proverbial rear-view mirror, in March of 2023 we were back to the future with the collapse of Silicon Valley Bank (SVB), the largest US bank to […] Read blog post
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webcomponents.org - Discuss & share web components
GoodUI
パスワード認証
UIデザインに役立つツール