ショートカットキーはマウスより遅い - WirelessWire News
CTRL+Xでカット、CTRL+Vでペースト。 ショートカットキーの使い方を覚えると、パソコンの達人になったような気分になりますよね。 しかし、実際にはショートカットキーを使用すると、マウスでメニューから「編集」「ペースト」を選ぶよりも平均2秒も遅いのです。 「そんなバカな」 と思いますよね。 しかし、これはTogことブルース・トグナッツィーニがAppleでMacintoshの開発を担当した際に行った膨大な実験の結果、解ったことなのだそうです。 これはTogのWebページでも詳しく紹介されています。 しかし2秒とはとても信じられません。 むしろ逆のようにさえ感じます。 しかしTogの主張によれば、我々ユーザはショートカットキーを選ぶのに2秒かかっているものの、ショートカットにたどり着くまでの時間を喪失している、つまりプチ記憶喪失状態になっているというのです。 こんな不思議な話が、慶應
VASILYデザイナーチームがデザインインスピレーションを受けたアプリまとめ（2015年2月） | 株式会社VASILY(ヴァシリー)
VASILYデザイナーチームが2月にデザインインスピレーションを受けたアプリをご紹介VASILYでは、より良いアウトプットをするためにもデザインインプットの時間を週1回設けています。画面遷移であったり、ちょっとしたアニメーションなど優れたUIをチームで共有し、実際にiQONのUIやUXという部分に反映しようと日々、試行錯誤しております。 今回はその中で、VASILYデザイナーチームが2月にデザインインスピレーションを受けたアプリをいくつかご紹介したいと思います。 1. Spring Apple Design Award 2014にも選ばれている、NY発の新コマースファッションアプリ。 ユーザ発信のコンテンツをブランドが上手く活用するという手法を取り入れています。 買い物本来の楽しさを味わってもらえるよう、あえてシンプルな構成にしているそうで、全体的に繊細で上品なアプリというイメージを
2015年から手を付けておきたいテクノロジをSF映画から考える
『SF映画で学ぶインターフェースデザイン』監訳者の安藤幸央氏に聞く 「年末年始に、何か本を読んでみようか」と思っている、SF好きのエンジニアにお勧めしたい一冊がある。2014年7月に出版された『SF映画で学ぶインターフェースデザイン アイデアと想像力を鍛え上げるための141のレッスン』（丸善出版／Nathan Shedroff、Chiristopher Noessel著／原題『Make It So』）である。 この本は、古今のSF映画に登場する「インターフェース（ユーザーインターフェース、UI）」のデザインに徹底的に着目したものだ。SF映画の中で、人間が機械に意図を伝えたり、逆に人間が機械から情報を受け取ったりするためのUIが、どのようにデザインされ、機能しているかを知ることで、現在、仕事としてUIを作っているデザイナーや開発者が、現実世界における「優れたUIデザイン」の着想を得ることを目
Javaでいかにifやfor文を使わないでコードを書くか考えてみよう : IT速報
1: 以下、＼(^o^)／でVIPがお送りします 2014/12/29(月) 13:23:22.49 ID:aDj/zqBFNIKU.net if文for文使いまくってるのってキモいよな 2: 以下、＼(^o^)／でVIPがお送りします 2014/12/29(月) 13:24:15.50 ID:/y8HWckGNIKU.net じゃあ代わりにswitchとwhile使う 3: 以下、＼(^o^)／でVIPがお送りします 2014/12/29(月) 13:24:18.06 ID:afkjonbrNIKU.net switch 6: 以下、＼(^o^)／でVIPがお送りします 2014/12/29(月) 13:25:46.44 ID:5e4wCC7eNIKU.net ３重switchできたった 4: 以下、＼(^o^)／でVIPがお送りします 2014/12/29(月) 13:25:07.80
オラクル、モバイル用エンタープライズUIのデザインガイドラインを公開「Oracle Alta User Interface」
オラクルは「Oracle Alta User Interface」（オラクル・オルタ・ユーザー・インターフェース）との名称で、エンタープライズ用モバイルアプリケーションのユーザーインターフェイスに関するガイドラインを公開しました。 ガイドラインは4つの原則「モバイル・ファーストのデザイン」「シンプルで整理されたレイアウト」「明確な情報階層」「ユーザー・エクスペリエンスを向上する直感的なコンポーネント」に基づいており、「Style」「Components」「Patterns」「Examples」の4つから構成されています。 Styleではデザインの原則や配色、アイコン、フォントなどについて。Componentsはボタン、チェックボックス、ゲージ、リスト、パネル、テーブルなどUIを構成する部品について。Patternsは、画面の遷移、ダイアログ、ナビゲーションバー、通知などについて。Examp
デカスマホで使いづらいアプリにありがちなデザインと対処法
スマートフォンはデカくなっても手は元のまんまです。親指で快適に素早く使うにはデザインはどう工夫すればいいの？ 注意すべきポイントをまとめてみました。 親指操作をベースにデザインする デザインの専門家Steven Hooberさんが携帯1,333台の使用状況を調べてみた結果では親指操作の人は全体の75%、片手操作の人は49%でした。 日本でも片手の人が多いですけど、大型画面（4インチ以上）だと一番上にコントロールバーがあったりすると親指が届かなくて大変ですよね。
「みんなジョブズに騙されている」増井俊之教授が進歩の止まったコンピュータのUIを問い直す【TechLIONレポ】 - エンジニアtype | 転職type
モノづくりをテーマに行われた『TechLION vol.18』。登壇者は左から寺薗淳也氏、瀬尾浩二郎氏、増井俊之氏 コンピュータはこの30年、まったく進歩していない――。 有名エンジニアによるトークライブの場としてすっかりおなじみになった『TechLION』の壇上で、慶應大学環境情報学部の増井俊之教授は業界の現状を憂えた。 2014年9月に開催された『vol.18』のテーマは「モノづくり」。小惑星探査機『はやぶさ』プロジェクトチームの一員としても知られる会津大の寺薗淳也准教授、面白法人カヤックから独立しフリーのエンジニア/クリエイティブ・ディレクターとして活躍中の瀬尾浩二郎氏とともに、UI研究の第一人者、増井教授は登壇した。 時々刻々と性能が上がっているように見えるコンピュータ（編集部注:増井氏の発言では「計算機」）が、30年にわたってまったく進歩していないと指摘する増井氏の真意とは？ 『
ITエンジニア、プログラマのためのUX設計、情報設計勉強会 - paiza times
Photo by Davidlohr Bueso 今回のpaiza開発日誌は片山がお送りします。 paiza運営元のギノでは、これまでも不定期で社内勉強会を何回かやっていましたが、エンジニアの人数が増えてきてスピーカーの頭数が揃ったので、社内勉強会を定期開催する事にしました。 9月の頭に第一回目の「自社サービスエンジニアの為のUX設計、情報設計勉強会」を開催したので、今回はその内容を共有してみようと思います。 ■今回の勉強会の目的、背景 paizaの開発部隊はそれぞれ色々なバックグラウンドを持ったメンバーで構成されているのですが、普段の業務の中だと、なかなかそれを共有する機会や、お互いを深く知る機会が無いものです。そこで過去の仕事の事だったり、得意分野についての共有を順番に発表する形で社内勉強会をやってみる事にしました。 業務的なTipsの共有も重要ではあるのですが、普段の業務の周辺領域だ
Xcode6でベクター画像を利用する。 - tomoyaonishiのブログ
Xcode6で密かにベクター画像が使えるようになっています。 これを使えば@1x, @2x, @3x画像を用意する煩わしさから解放されます！ 使い方は非常に簡単です。 PDF画像を@1xのサイズで書きだす。 AssetCatalogをクリックする New Image Setで画像セットを追加する 画像のようにAttributesのTypesをVectorsに変更する 作成したPDF画像を置く。 こうすれば後は今までと同じように画像を扱えます。 注意しなければいけないことは完全なベクター画像の対応というわけではなく、ビルド時に@1x, @2xなどの各PNG画像が書き出されるようです。ソースコード上で拡大や縮小ができるわけではないようです。 デザイナーの負担もエンジニアの負担もすごく軽くなりますね。 WWDC 2014 Session Videos - Apple Developer
今のiPhone6 Plusは単なるらくらくホンでファブレットではなかった｜More Access! More Fun
おはようございます。日本を挙げてのiPhone狂想曲から一夜明け、冷静になっているわたしでございます。さておよそ１日経過して使い込んでみると、どうもiPhone6 Plusは自分の思っていたものではないと分かりました。ここからは「iPhone6 Plus買ってうれしーい」とテンション上がっている方には不愉快かもしれないので、飛ばしてほかのサイトに行ってくださることを希望します。あえて不愉快になるものを読む必要は無いです。これしか知らなければ、それで満足できる世界ってあるんですよ。ネットの無かった時代みたいに・・。 最初は小ネタからです バッテリーが高速で減る 新品なのに100％満タンで少し使うだけでもう85％とかになる。100％から一晩おいたら90％ちょいくらいまで減ってました。でかいバッテリー搭載のPlusでさえこうなんですから、普通のiPhone6の人は立ちくらみしているんじゃないでし
ソフトウエアってUI変更すると「使いにくくなった」って言われるけど
携帯ってどの機種でもだいたい同じようなもんなのに、変更すると使えなくなる年寄りがいるけど、あれはアーキテクチャを理解しないで操作を手順で覚えてるからだって指摘を見たことある。 実際、親に携帯の使い方を教えると「このボタンをおして、次にこのボタンをおして、間違えたときにはこのボタンをおして・・・」みたいな感じで必死に暗記しようとしてるのな。 そんな覚え方してたら俺でも使えないわ。 で、Windowsがバージョンアップしたとか、OfficeがリボンUIになったとかでUIの変更があると、ネット上はすごい使いにくなったって声であふれるわけじゃん。 リボンとか、たしかに最初は「あの機能はどこにあるんだよ」って探してイライラする場面があったけど、ちょっと使ったらすぐなれて、かえって探しやすいって思うようになったわ。 俺は多少UIの変更があっても何とも思わない人間だから「使いにくくなった」ってすごい剣幕
成功したがゆえに崩壊しつつあるiOSのシンプル哲学 - UXエンジニアになりたい人のブログ
前回こんな記事を書いた。要約すると「戻る」に手が届かねえって話。 同意も多かったのだが、「左端をエッジスワイプで戻る」が実装されている、というコメントを多くもらった。試してみたところ。。。。おお！すごい！たしかに！iOS7からNavigationControllerのデフォルトの挙動として実装されてるらしい*1。 で、これやってみた人いる？なんかやりづらくなかったですか？やりづらかったですよね？やりづらかったことにしましょう。その経緯とそこから広げて色々書いてみようと思うので！ 長いですごめんなさい。崩壊の話が聞きたい人は「行き詰まり」から読みましょう。 なぜエッジスワイプはやりづらいのか そもそもスワイプとエッジスワイプの違いはわりと難しい。 スワイプは真ん中辺りにポイントして、上下左右に動かす。エッジスワイプは端にポイントして、内側に動かす。 スワイプとエッジスワイプ このブログに来る
スマホページ・アプリのさまざまなUIの特徴と実装の注意点がまとめられた無料のeBook -UXPin
スマホページやスマホアプリで実際に使用されているさまざまなUIエレメント・コンテンツの見せ方・アニメーションの特徴、そしてそれらの実装の際の注意点などを一冊のPDFにまとめた無料のeBookを紹介します。 Mobile UI Design Patterns 2014 本書は以前、紹介したUXPinのシリーズで、ウェブ制作の参考になるPDFが他にも無料でダウンロードできます。 ワイヤーフレームや最近のUIを解説したワイヤフレームガイド 2014年、進化しているWebデザインのトレンドをチェックできる無料のE-Book eBookは全編英語ですが、英語が苦手な人でもグラフィックを見るだけで十分にためになると思います。 本書の中身を簡単に紹介します。
AppleもGoogleもフラットデザインの潮流に乗ったが
その完成度は、やはり先駆者であるMicrosoft、Windows Phoneにはかなわない印象。 途中からUIデザイン方針を変更した他者とは違って、初めからメトロデザインという方針を打ち出し、しっかり整備した上で発表された。サードパーティー製アプリであっても、そのデザインランゲージに則って作られており統一感が違う。UXにおいて、デザインの優劣だけでなく、それが統一されているかどうかは極めて重要。 よくある批判として、フラットデザインはどこがクリッカブルなのか分からないというのがあるが、実際にWindows Phoneを使ってみるとそういったストレスは皆無。 あらためて画面を眺めると、確かにどこが押せるかを判別するのは不可能なように思える。にも関わらずUXに問題を感じないのは、押せるか押せないかが分からないのは問題ではないからだろう。クリッカブルなテキストを使用するのはナビゲーション部分な
iOS開発におけるウィンドウ「UIWindow」の知られざる活用方法とは？ #iOS｜CodeIQ MAGAZINE
iOSアプリではシングルウィンドウしかないと思われがちですが、実は随所で使われているiOSのウィンドウ「UIWindow」。 このUIWindowの知られざる登場シーンや活用法、注意点などについて、DeNAの@sintarioさんに解説レポートを寄稿していただきました。 by 馬場美由紀 （CodeIQ中の人） iOS開発における「ウィンドウ」とは？ デスクトップOSであれば、一つのアプリが複数のウィンドウを同時に展開するマルチウィンドウアプリであることは、ほぼ当たり前ですよね。画面上にいくつものウィンドウを同時に開いて、並べたり切り替えたりしながら画面の広さを活かしたやり方で作業するものです。 これに対して、iOSの世界観は大きく様相が異なります。高精細なRetinaディスプレイが普及したとはいえ、iPhoneの画面はやはりお世辞にも広くはありません。一般的にiOSでは、一つのアプリが画
期待してたJR東日本アプリが予想を裏切らない使いにくさだった件 – Webディレクターのお仕事ブログ
JR東日本アプリ：JR東日本 これ、なんかトップ画面がau損保のクソUIアプリにそっくりだったんで期待MAXでダウンロードしてみたら予想通りの惨状だったのでご紹介。 第一印象 とにかくタップの判定が甘くて押してるのに押せてない、何度もタップさせられるシーンが非常に多い。ものすごいストレス。さらに、通信エラーが頻発するため最初はレビューするのも諦めようかと思ったというかそもそも使うことが無理だった。そしてこいつ、au損保の自転車の日ってアプリにUIデザインが似ている。ANAのアプリとかも最近こんな感じの縦2カラムレイアウトなんだけど流行ってるのか？現在地がわかりにくくて使いづらいんだよなぁ。 というわけでトップ 果たしてこれをトップと呼んでいいかわからないものの、最初にMy駅を選ぶと、その駅がトップになるらしい。乗り入れ路線の電車のリアルタイム発車情報が閲覧できるなど、機能的には面白い。「電
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitterってすげえ頭いいな。
Engadget | Technology News & Reviews
ggsoku.com
UIデザイン、必須ツールメモ
