画面遷移の性質を事前に伝える重要性
モーダル・プッシュ・タブ iOSの画面遷移には、大きく分けて３つの画面遷移があります。 ３つの画面遷移アニメーションを見てみましょう。 モーダル プッシュ タブ モーダルは下から次の画面が、プッシュは右から次の画面が表示されます。 タブには小さなアニメーションがついていますが、瞬時に切り替わるように感じます。 これらの使い分けや、考え方は次の記事が参考になります。 遷移する前から認知は始まっている この記事では、画面遷移の前段階に焦点を当てます。特にモーダルやプッシュは、ボタンがトリガーとなることが多く、ボタンデザインの多様性から遷移の種類が分かりにくくなることがあります。 実際に、このボタンだけではどんな画面遷移が起こるか分かりにくい。 ユーザーが画面遷移を特別意識することは少ないかもしれませんが、iOSを使用する以上、正しい画面遷移のルールは無意識に認知されています。 誤った遷移方法を
動画アプリをなめらかに動かす技術～『AbemaTV』のユーザー体験を支えるエンジニアリング - エンジニアHub｜Webエンジニアのキャリアを考える！
動画アプリをなめらかに動かす技術～『AbemaTV』のユーザー体験を支えるエンジニアリング 大人気インターネットテレビ局『AbemaTV』。そのUI / UXとはどのように設計されているのでしょうか。そして、UI / UXを実現する技術とは。スムーズな動画体験を支える技術を中の人に聞いてみました。 アプリの累計ダウンロード数 3,000万以上。 月間アクティブユーザー数 1,100万以上。 膨大な利用者を抱え、日本屈指のインターネットテレビ局となった『AbemaTV』。人気の理由は、バラエティー豊かなコンテンツだけではありません。ユーザーを惹きつける魅力的なUIにもあります。高い没入感と滑らかな操作性が、ストレスのない視聴体験を支えているのです。 では、こうしたUIの奥底にはどのような設計思想があり、どのような技術で実装されているのでしょうか。同サービスのUIデザイナーである松本俊介さん、
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 - アプリマーケティング研究所
アプリマーケティング研究所 > アプリ開発 > UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 今回は350万ダウンロード突破、家計簿アプリの「Zaim」さんにお話を伺いました。ユーザーが伸びたタイミングや、UI改善の失敗談など。 ※株式会社Zaim 代表取締役 閑歳 孝子さん。 「Zaim」の近況について 「Zaim」のユーザー数は今どのぐらいですか？ 閑歳： 2011年7月にリリースして、350万ダウンロードを超えています。OSで言うとiOSの方が多いですが、最近はAndroidも伸びています。今も広告費は使っていません。 今までに、ユーザーが大きく伸びたタイミングはありますか？ 閑歳： 去年はダウンロード数がグッと伸びた印象があります。2013年の終わり頃から、スマホをみんなが本当につかうようにな
Clear風のUI、操作を実現するスマートフォン向けWebアプリケーション·HTML5 Clear MOONGIFT
HTML5 ClearはiOSのTodoアプリClearに似た操作をHTML5で実現しています。 これまでにないほど先進的なUIをもったTodoアプリがClearです。こちらはiOSアプリですが、同様の操作をHTML5で実現しているのがHTML5 Clearになります。 トップ画面です。タスクリストが並んでいます。 次にタスクが並んでいます。操作がそのままタスク名になっています。 タップでエディットです。 ドラッグダウンで新しいタスクを追加できます。 タスクを右にスワイプすると完了になります。 HTML5 ClearはClearの全ての動きを再現している訳ではありませんが、何となくそれっぽい動きが実現できています。HTML5でここまでできるのか、という点からも興味深いソフトウェアです。なおデータは保存されていないのでご注意ください。 HTML5 ClearはHTML5/JavaScript
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
