Macintosh から iPhone へ受け継がれるデザイン原則｜Goodpatch Blog グッドパッチブログ
こんにちは。iOS Developer（当時）のusagimaruです。 先日WWDC 2017が閉幕しましたが、グッドパッチでもデベロッパーを中心にWWDC報告会が開催されるなど、とても注目度が高いイベントでした。個人的には、リフレッシュレートの120Hz化によって今後UIやコンテンツがどのように変わるのか、UIKitレベルで統合されたドラッグ＆ドロップによって体験がどのように変わるのか、HEVC/HEIFコーデックによってコンテンツはどこまで進化するのか、ARKitによってUIがどのように進化するのかが気になります。 WWDCで気になったデザイン系セッション さて、6月後半でそろそろWWDCの熱狂が落ち着いてきた頃合いだと思いますが、平熱に戻った今だからこそ改めてWWDCを振り返ってみたいと思いました。デベロッパーとしては、これからがある意味でWWDC本番なのかもしれません。今回も気に
AppleCEO「アクセシビリティは人間の権利だ」 フェイスブック、マイクロソフト、ヤフー、その他企業の取り組み - 週刊アスキー
home > インフォメーション > AppleCEO「アクセシビリティは人間の権利だ」 フェイスブック、マイクロソフト、ヤフー、その他企業の取り組み 障害者を対象にした技術開発を目指す（ReadWrite Japan提供記事） 世界をより良く変えるのだという理想主義による取り組みのうち、コンシューマ向け技術においてほとんど成功をおさめていないセグメントがある。障害者向けの技術だ。障害者の割合たるや、米国の5人に1人にのぼるという。 「障害を持つアメリカ人法」が制定されて25年を迎えようとしているなか、アクセシビリティ向上のための開発を啓蒙する為のグループが結成された。このTeaching Accessibilityと題される取り組みにおいて、教育者及び技術系企業は力を合わせることになる。 彼らのWebサイトによると、この集まりは「基本的なアクセシビリティの概念、そしてどの様な成功事例があ
Apple Watchの操作はちょっと複雑、簡単な操作ガイドは必要かも
アップルの腕時計型端末Apple Watchのユーザーインターフェイスは、使っているうちに慣れてくると思いますが、最初は操作に少し戸惑います。 Apple Watchの操作には慣れが必要 これは私を含め、既にApple Watchを試着したり、Apple Storeでデモ機に触れたりした人全員が感じていることだと思います。 操作はちょっと複雑かも iPhoneのようにディスプレイをスワイプするのか？画面をタップするのか？新たに搭載されたForce Touch機能で画面を強く押さえれば良いのか？上下にスワイプするのか？ また、デジタルクラウンを回すのか？デジタルクラウンを1度押すのか？2度押すのか？押し続けるのか？デジタルクラウンの下にあるコンタクトボタンはいつ押すのか？ ビジュアルガイドは重宝 redditユーザーのmacamacamac氏が、今回Apple Watchの操作が簡単に分かる
第7回 「気持ちいいUI」って、どういうもの？ | gihyo.jp
前回は、「開発側にとって便利であるがためによく利用されているUIが本当に直感的にわかりやすのか、疑ってみよう」というお話でした。世の中でよく利用されているUIや、あなたやあなたのまわりにいる人たち、すなわちスマートフォンをすごくよく利用していてさまざまなUIに対する経験のある人たちであればすぐに理解できるUIが、実際にそのサイト、アプリケーションを使うユーザー層にとって理解しやすいかどうかはじつはわからないのです。 今回は、「理解しやすい」よりさらに発展した発想である（と筆者が思っている）「気持ちいい」UIと開発者の関係について考えてみたいと思います。 「気持ちいい」を要素分解すると見えてくる そもそも、「気持ちいいUI」とはどういうものなのでしょうか。まずはどういう状況が「気持ちいい」のかを要素分解をしてみましょう。 処理速度が速く、処理の際の待ち時間が少ない わかりやすく直感的
否定派によるフラットデザイン擁護論 - UXエンジニアになりたい人のブログ
わたしはフラットデザインの否定派だ。 コンピューターはあらゆる物事をあらゆる角度から解決してくれる。それゆえ「なにを意図してどう解決させようとしているのか」をうまく伝えないと、とっつきづらさや失望につながってしまう。画面上の凹凸、ウインドウの形、マウスカーソル、タッチスクリーン上のめくれた紙風のエフェクトなど、UI上の様々な表現はコンピューターに『わかりやすさ』『親しみやすさ』を求めて先人たちが苦労を重ねてようやく創り上げた“共通言語”であり、UXの基礎をなすものだ。この先人の知恵と苦労の結晶を単なるオシャレさだけで破壊するのは合理性に欠ける。 というのが基本的な主張だ。もっと端的に行ってしまえば、ボタンも境界もわからないような画面をみてもどう使っていいかわかんないじゃないかバカ、である。いまもその気持ちはあまり変わっていない。 しかし、最近別の視点もあるな、と思い始めたのでそれを記してみ
Windows 8 — 初心者にもパワーユーザーにも期待はずれのユーザビリティ
見えない機能、低下した発見しやすさ、二重の環境による認知的な負荷、シングルウィンドウのUIからくる能力の低下、低い情報密度。ひどいものだ。 Windows 8 — Disappointing Usability for Both Novice and Power Users by Jakob Nielsen on November 19, 2012 日本語版2012年12月6日公開 先日発売されたWindows 8とSurfaceタブレットでMicrosoftはユーザーインタフェース戦略を転換した。フィーチャークリープ訳注と言えるくらい、強力なコマンドを重視するGatesが主導した伝統的GUIスタイルからMicrosoftは軟化したが、今度は必要な機能を隠しながら、大きな色とりどりのタイルで画面を覆いつくし、ユーザビリティを妨げている（訳注： フィーチャークリープとは、電子機器やソフトウェ
実録・80歳の祖父母にiPadを贈った話 ｜ポッケのなかみ
先日思い立ってiPadを地元に住んでいる祖父母にプレゼントしてきましたので、その時のことをお話ししようと思います。 なぜ贈ったのか XPのサポートが切れるため 私が昔使っていたノートパソコンを置いてきてあるのですが、OSがWindows XPです。 公式からのサポートがもうすぐ切れるとのことで、一応IT企業に勤めている人間としてはこのままにしておくのはマズイな～と思いまして。 祖父母にとってはパソコンが難しすぎたため パソコンの使い方、教えました。が、ダブルクリックとローマ字入力がどうしても会得できないみたいでして。 かな入力ですか？キーボード上のどこにどの文字があるかを探すのが大変すぎて断念されてしまいました。 メールでやり取りをしたいため これは、電話の話し声が隣の部屋に丸聞こえなアパートに住んでいる私の都合です。 インターネット回線契約をしているのに使わないのは勿体ないため 祖父母の
iOS 7のユーザーエクスペリエンス評価
フラットデザインは行動のきっかけとなる要素を見えなくしている。また、周辺部付近でのスワイプは、カルーセルやスクロールに干渉する可能性がある。 iOS 7 User-Experience Appraisal by Raluca Budiu on October 12, 2013 日本語版2013年12月2日公開 iOS 7はAppleのタブレットとモバイルデバイス用のオペレーティングシステムだが、iOSの旧バージョンまでの特徴だったスキューモーフィックデザインをやめた。新しい外見はこれまでのバージョンのオペレーティングシステムとは大きく異なっており、Appleがこれまで8年かけて熱心に構築してきた約束事のいくつかを大胆に放棄している。しかし、新デザインは本当に良くなっているのか。新しい外見の好き嫌いにかかわらず、新機能の中にはユーザビリティにとっては歓迎すべき改善もある。その一方、苦痛をもた
facebookで「自分のみ」モードで写真をアップしたら、いろんな人からコメントがついてて吹いたよ。
株式会社クレイジーワークスの代表。家電メーカー系エンジニアでプリンタやSDカード関連の開発に従事。ケータイのアプリやサイト、電子書籍のシステムなどに詳しい。最近、断食にはまる。 昔、旅行した写真が、発掘されたので、なくしそうなので、facebookに「自分のみ」モードで50枚ほどアップロードして寝たんですよ。それで、朝起きたら、いろんな写真に次々とコメントがついていてびっくりしました。ええええ！なんでー！ どうも顔が似ている人が移りこんでいると、適当にタグ付けされるので、そのまんま承認すると、たとえ、自分のみモードでもタグ付けされた人には、公開されるようだ。たくさんアップロードすると、数が多すぎて、わけがわからんので、タグづけしても、どうせ「自分のみ」だからいいやーって、そのまんま確認ボタンを押してしまったら、全然、「自分のみ」じゃなかった!!! ですから、50枚程度アップしたら、その写真
mbp-tokyo.com - mbp tokyo リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
［動画］iOS 7の激変ぶりに困惑する赤ちゃん
「iOS 7」の大幅なデザイン変更に戸惑いを覚えているのは、大人だけではないようです。 今秋の公開が予定されている「iOS 7」では、かつてない程デザインに手が加えられ、賛否両論があるようです。 見た目だけに留まらず、ユーザーインターフェイスにも変更があり、戸惑いを覚えるユーザーが続出するかもしれません。 まさにそれを予言しているかもしれないのがこの動画。 みてのとおり赤ちゃんですが、最初に渡されたiOS 6を慣れた手つきで操る様子は大人顔負けです。 しかしながら、次にiOS 7(ベータ)をインストールしたものを渡されると、文字通りお手上げになってします。 iOS 7では、画面のロック解除ひとつをとっても、スライダーのデザインが変更されています。 こんな些細な変更でも、ユーザー層(この場合は赤ちゃん)によっては、大きな障壁となる可能性が全くない訳ではありません。 それにしても、動画の始まり
【UI調査】iOSとAndroidのスイッチ 7種類比較
最近、アプリオでは、スイッチのユーザビリティについての記事を2本掲載した。 【|と◯】知ってる？ アプリや電機のスイッチと電源ボタンの記号の意味 【UI調査】スマホ・アプリのスイッチの意味をユーザは理解できているのか？ いずれの記事も反響が大きく、スイッチのユーザビリティ（使い勝手）に対する読者の関心が高いことが分かった。 iOSとAndroidのスイッチ比較 そこで、一連の記事をまとめる観点から、アプリオ編集部がスマホユーザにアンケート調査を実施した。有効回答数は80件（7番のみ40件）。 実際にiOSやAndroid OSの設定画面やアプリ内で使用されているスイッチの画像を見せ、「スイッチを左に動かした場合」の結果を3つの選択肢（ON・OFF・分からない）の中から選んでもらった。 各スイッチ画像に関して回答者に与えた情報は、スイッチの画像のみ。まずは、同じ条件で、以下の結果を確認してほ
｢iOS 7｣、アクセシビリティのオプションとして頭の傾きで操作出来る機能を搭載 | 気になる、記になる…
9 to 5 Macによると、｢iOS 7 beta｣ではアクセシビリティの機能の一つとして、ユーザーの頭の傾きを検出してコントロールする機能が搭載されている事が分かったそうです。 同機能はアクセシビリティに新たに搭載された｢スイッチコントロール｣の中に含まれており、頭を左右に傾ける事でスイッチコントロールを制御する事が可能な模様。 ｢スイッチコントロール｣機能とは、画面上に｢タップ｣や｢スクロール｣など各種操作をボタンで表示するハイライトメニューが表示され、それらボタンが順番にハイライトされるので、ハイライトされた際にタップする事で各操作を行える機能となっています。
OS X 10.9 Mavericksの新機能「タグ」って「ラベル」と同じじゃない？何が違うの？
OS XOS X 10.9 Mavericksの新機能に「タグ」ってあるけど、これってラベルとかぶらない？何か使用用途があったら教えて！詳細は以下から。
Modern UI のようなフラットデザインを目指して使いづらくなっている件について | DevelopersIO
Windows 8 がリリースされてだいぶ日が経ちました。最大の特徴と言ってもよい Modern UI *1。モバイル端末をはじめとしたタッチデバイスに特化した大きめのタイル（ボタン）とタイポグラフィが一際目を引くデザインで、OS X や iOS のそれとは一線を画しています。 一方の Android。2011年2月にバージョン3.0である Honeycomb がリリースされ、それまでの 2.x から刷新したデザインになりました *2。2013年4月現在の最新バージョンである4.2（Jelly Beans）もこの流れを踏んでいます。 両者ともそれまでの Web2.0 と呼ばれていた頃に流行ったグラデーションやドロップシャドウをふんだんに使ったデコラティブなデザインに対し、平面的で装飾要素の極めて少ないミニマルなデザインが特徴です。これらは主に Flat UI と呼ばれ、2012年頃から現在
じーさんばーさんとタッチパネル - ２４時間残念営業
2013-03-27 じーさんばーさんとタッチパネル http://mainichi.jp/feature/news/20130326dde012040063000c.html 読んだ。 洗濯物の乾燥が終わるまでヒマなので書いてみる。 常日頃じーさんばーさんの相手する商売やってるわけだが、ＡＴＭの操作なんかでもじーさんばーさんに教えるのはひと苦労である。まったく操作できない人というのがいるわけだが、また考えてもしゃーないのに「なんでこんなに使えないんだろう」というようなことはよく考える。 で、まず思いつくのは「そもそもタッチパネルというものの意味がわからん」ということがあるようだ。つまり「画面に触ると操作される」というのが、どうしても感覚的に納得がいかないらしい。操作体系ってのはなかなかに厄介なもので、たぶんその人が三十代とかそれくらいの年齢で「体系」まるごとが新しく入ってくる段階ってのは
スマホFPSの操作性を“再定義“するiOS新作『The Drowning』実演プレイ映像が公開 | Game*Spark - 国内・海外ゲーム情報サイト
タッチスクリーンプレイの“再定義”を謳うiOS向けFPSとして、ゲーム開発のベテランが集うScattered Entertainmentから昨年末に発表されていた『The Drowning』ですが、本作の直感的な操作性を解説する最新のゲームプレイトレイラーが公開されました。 本作ではスマートフォンやタブレットデバイスで一般的なピンチやスワイプ、タッチなどを利用した直感的なコントロールを実現しており、具体的な操作方法としては、射撃は二つの指でタッチ（タッチした二つのポイントの中心が射撃点）、スワイプで視点の旋回、ピンチでズーム、キャラクターの移動は移動したい場所をタッチするPCゲームのRTSやRPG作品で一般的なポイントクリック型となっています。 『Halo』や『Far Cry』などの元開発者達が手掛ける『The Drowning』は、本体価格は無料で、2013年前半を目標にリリースが予定さ
新しいはてなブックマークのデザインがそんなに悪くない理由と改善点
新しいはてなブックマークのデザイン，PCで観ているブクマヘビーユーザーからは概ね評判が悪い．これは一ページの情報量がごっそり減ってしまったためで理解できる． 一方，iPadで見るとこのレイアウトはかなり悪くない．エントリがタイル表示で選択できてそれなりに格好いい．PCではほとんどの人がブラウザの機能で消しているであろう広告欄ともうまくまっちしていて格好いい印象すらある． なんだかんだで個人用のブラウザはPCという時代はもう終わってタブレットや携帯の時代になったということではないだろうか．騙されたと思って皆もタブレットで見てみるといい．けっこういけてるから． 思った改善点としては， 「リスト表示」レイアウトを選択できるようにすべきニコニコの表示オプションで1 2 4とあるのが強制で3になっているようなもの．エントリの「1」列表示を選ばせて欲しい（できればそれをデフォルトに） 「人気」と「新着
「Windows 8のUI、ユーザビリティを抑圧」：UI専門家が批判
ユーザーインターフェース（UI）デザインの専門家であるJakob Nielsen氏は、「Windows 8」で目にしたものに全く満足していない。Nielsen氏は同OSを「見当違い」の製品と呼んでいる。 あらゆる種類のUIの分析にキャリアの大半を捧げてきたNielsen氏（最も著名なものにはウェブアニメーションを実現する「Flash」ソフトウェアが含まれる）は、新しいWindows 8のUIは「必要な機能を隠して、巨大でカラフルなタイルを表示することによって、ユーザビリティを抑圧する」と述べる。 Nielsen氏は、12人の「経験豊富なPCユーザー」を招いてPCと「Surface RT」タブレットの両方を試してもらうことで、そうした結論に達した。その調査の中で、タブレット向けの「Start」画面と従来のものに近い「PC向けのデスクトップ画面」を含む同OSのいわゆる「二重性」に対し、ユーザー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
流行に乗っていいの？フラットデザインの落とし穴
