アプリのアップデート200本ノックから学ぶUI改善のヒント｜宮﨑 晃
こんにちは、HR業界でアプリマーケティングをしている宮﨑です。 ・アプリのアップデート前後のUI変化 ・Push通知など気になったGrowth施策 こうしたものを「#アプリノック」としてTwitterで毎日投稿しています。 本記事は11月も100本ノックをする中で感じた学びの第2弾になります。 それではいってみましょう！ ①何をする画面なのかの明確化 同じ粒度の情報が多いと何をすべきかわからず面倒に。情報に差をつけて直感的に何をするか伝わる画面にする。 ■メルカリ：メルペイ画面のUI変更 ボタンが8個→4個に減りキャンペーンが目立つ位置に移動。引き算×強調のお手本にしたいデザイン。 ■AWA：曲のアクション画面のUI変更 お気に入り、ダウンロード、プレイリストの3点が明確にサイズアップ。 ②プッシュする施策は納得感を アプリ側がやって欲しいことを勝手に押し付けるのはNG。ユーザーの行動に合
アプリのアップデート500本ノックから学ぶUI改善のヒント｜宮﨑 晃
「ザ・マイクロコピー」という本の中で次のような一説がでてきます。 何も考えずにこれしかないだろうと3回クリックするのと、これかなぁと迷いながら1回クリックするのとは同じ重みを持つ 。ちょっとした「？」がどれだけユーザーの集中力を邪魔しているか。 アプリの使い方に意識がさかれて、メインコンテンツへの集中がおざなりになっていたら勿体ない。アプリの運用者としては避けたい状況です。 そこで今回は「ユーザーに考えさせない工夫」を集めてみました。 それでは、いってみましょう！ ①補足はとにかくシンプルに 長い説明は読み飛ばされるもの。最低限の言葉におさえることでユーザーの心理的負荷を下げていきたい。■無印良品：初回起動画面のUI変更 繰り返しや補足は全て削除。「はじめてor復元」のシンプルな画面に進化。 ■アパホテル：クーポン画面のUI変更 挨拶/会員情報/長い注意書き…etcを全て削除。1番重要な｢
ログインフォームデザインの18の重要ポイントを解説！ユーザーに優しいサイトログイン環境のために
以下に、デザイナーがより良い登録フォームとログインフォームを作成するのに役立つヒントをいくつか示します。 1.バリュープロポジションを明確に定義する サインアップはユーザーが最後に行いたい作業です。一般的に、ユーザーはサービスの価値が見えるまでサインアップするつもりはありません。フォームに記入するバリュープロポジションを明確に定義するようにしましょう。メッセージは鮮明にしてください。 Linkedinはこれの良い例です。 2.ログインできる場所を明確に示す ユーザーがWebサイトに到着したときは、ログインやレジスターがどこでできるのかをクリアに示しましょう。これはログインが主なCTAである場合はなおさらです。 3.SNSのログインセッションを先に表示させる ログインがWebサイトの優先課題でなければならない場合は、サインインやサインアップのリンクの代わりに、FacebookやTwitter
UI Flowを簡単に記述できるguiflowが良い - note
画面遷移の図を起こしたり、それをアップデートしていったり、共有したり、といった作業ってじつはとても地味で重い。重要な作業に変わりないんだけど、その作業的な重たさに辟易してしまうこと多数。特に、Office系を使うと死が待っている。同僚のテクニカルディレクターが死亡していたので、ツライなーと思っていたらよいものを見つけたので、実際に触ってみた。 ＞もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita 魔法っぽい。マークダウンみたいなかんたんな記法でテキストを書くだけで機能遷移図になる。 graphviz というしくみを使っているようで、チャートを構造化しながら描画できるっぽい。しかもGUIのツール「guiflow」というものまで用意されているので、図の一部分をさわるとコードの該当箇所に飛べたりとか、いろいろ良い。 入れ方今回ほぼはじ
高齢者へのiPad導入を阻んだiOSのUI/UXの話
高齢者へのiPad導入を阻んだiOSのUI/UXの話 先月（2013年11月）、徳島県南部局と美波町が共催する「ITふるさと村」の講座で、iPadを使ったタブレット講座を開催しました。その成功と失敗の体験について書こうと思います。 Facetimeビデオ通話のデモで会場を一気に盛り上げたものの、参加者に実際に体験してもらう段階で「大失敗」。AppleIDの取得とそのためのiCloudメールの登録をしてもらってから、と進めたのですが、30名ほどの参加者のうち時間内にゴール出来たのは、たったの１名。好きなアプリをダウンロードしてもらい、タブレットの楽しさを感じてもらう目標が、そのスタート地点にも立てず(;_;) 企画や運営、インストラクターとしては完全に落第点でした。それを棚に上げると、高齢者とITに関する課題が大量に見えたという点では、ある意味「大成功」だったとも言えるでしょう。 【講座内容
ウェブユーザビリティ向上を支援するWebsite Usability Info
ウェブをはじめとするデジタルコンテンツの、アクセシビリティ、ユーザビリティ、情報設計 (IA) に関する話題をマイペースに発信。世の中のサイトやアプリがあまねく、インクルーシブで使いやすいものになることを願って。 お仕事のご依頼・ご相談 Accessible & Usable では、ウェブサイトやアプリケーションのアクセシビリティ向上を支援させていただきたく、お仕事のご依頼、ご相談を承っております。詳しくは「お仕事のご依頼・ご相談」をご覧ください。 新着記事 ダークパターン – 人を欺くデザインの手口と対策 公開日 : 2024年8月27日 (2024年8月29日 更新) カテゴリー : アクセシビリティ / ユーザビリティ 「ダークパターン – 人を欺くデザインの手口と対策」を読みました。ダークパターンの現状、撲滅に向けての動き (主に欧州および米国における法規制)、今後の課題、がコンパ
検索結果一覧のUI改善でKPIが17.5%向上した話 - CrowdWorks Designer Blog | クラウドワークス デザイナーブログ
こんにちは。デザイナーの上田です。たまにはサービスグロース系の記事を書いてみようと思います。 突然ですが、「サービス改善の一環でUI改善の施策をリリースしたけど、明らかな数字の変化が見られず、いまいち上手くいったのか上手くいかなかったのか評価がしづらい。」といった経験をお持ちではありませんか？ わたし自身は何度かそういった経験があり、UI改善が定量的な成果に結びつきづらく感じて、「UI改善の価値を主張しづらいな。」と頭を悩ましていました。 そんな中、担当したUI改善で、主要なKPIを17.5%改善することができ、デザインプロセスに汎用性を持たせられそうな感覚があったので、そういった事例を増やしていくために、今回はどんな風に設計したかプロセスを振り返ってみようと思います。 もちろんUI改善の効果は定量的な数字の変化のみで推し量れないと思ってますが、一方でUI改善で数字を伸ばせない訳ではないと
高齢者ユーザーのためのUXデザイン
Emily Grace Adiseshiahは、コードを一行も書く前にソフトウェアソリューションを視覚化してテストすることができウェブアプリやモバイルアプリのプロトタイプ作成を可能にするプロトタイプ作成ツールJustinmindのマーケティングコンテンツエディタです。 高齢者をユーザー層の一部として引き込むことは、かつてはインターネットにおける最後の砦だと思われていました。しかし、頻繁にログインや、登録、購読をする高齢者ユーザーの数は常に増加しています。高齢者をユーザー層に加えるというシナリオが現実になってきているのです。Statistaによると、米国だけでも2016年には65歳以上の高齢者の内64％がインターネットを使っています。これは、2013年と比較すると4％程度高い数値です。 しかし、高齢者ユーザーが増加しているにも関わらず、未だに多くのユーザー体験の設計において、高齢者への対応は
読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
"Amazon"に学ぶ、4つの観点で考察するUXデザイン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆様こんにちは、シリコンバレーでUXデザイナーをしているライターのYUKIです。今回はあるひとつのサイトについてUXデザイナーとしての立場からレビューをしてみようと思います。 はじめに 私は友人らと作っていたスタートアップ会社を軌道に乗せるために数年前シリコンバレーにやって来て、現在は某米国の大企業でデザイナーとして働いています。公式な肩書きはヴィジュアル・デザイナーなのですが、実質的にはインタアクションやヴィジュアル両方に携わるユーザー・エクスペリエンス・デザイナーというところです。 LIGでは、かなり個人的な見解で、ユーザビリティに優れていると思ったサイトを説明もふまえながらレビューしたいと思います。 ただ、私が現在持っている知識は本格的にユーザビリティやデザインを学校で学んで得たものではなく、あくまでも実際の現場で働いて得たものばかりなので、「これが絶対に正しい」と思うのではなく、「
実例とユーザーテストからわかってきたよりよいUIのデザインとUXの条件
UIデザインとはユーザの使い易さ、分かり易さ、快適さから情報機器やWEBなどを設計をしていくことを言いますが、ハンゲームを運営するNHN Japan株式会社の此川祐樹さんが、ゲームにUIデザインを取り入れて、よりゲームを面白くするという取り組みについて語りました。 ユーザの行動から学ぶゲームUIデザイン NHN Japan株式会社クリエイティブマーケティングセンターマーケティングデザイン室/UXデザインチームの此川祐樹と申します。よろしくお願いします。 ユーザの行動から学ぶゲームUIデザインについて発表させていただきます。私は2011年に弊社に入社しましてUXデザイナーとしてWEBサービスをデザインしてまいりました。2012年からは主にスマートフォンアプリやゲームに関するUXを行っております。 弊社のサービスについて紹介させていただきます。主要4ブランドサービスを展開していまして、左からオ
【ちょい保存版】ヒートマップ分析、H&Mの水着広告の男女差など9選 | PRFREAK
広告は本当のところ見られたのか、そしてドコに注目が集まったのか、知る必要があります。 ヒートマップとアイ・トラッキングの技術が向上した結果、人々の視線の行方を正確に知ることができるようになりました。広告会社には不都合な真実かもしれませんが、Business Insiderの「16 Heatmaps That Reveal Exactly Where People Look」という記事を厳選して紹介します。 1. H&Mの水着広告 男性は水着姿の女性モデルを凝視します。一方、女性はモデル周辺の広告メッセージにも視線を十分に配ります。 2. 美女のヌードと靴 男性は全然、靴に興味を示していません。靴しか身につけてないのに・・・ 3. 視線で誘導 女性モデルの視線が商品に向いてると、読者の視線も商品へ誘導されます。 4. バナーブラインドネス サイト閲覧者は当然、記事を読みますし、バナー広告をほ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI Movement - The best UI design inspiration, every day
UX/UIデザイン - OHAKO | 企画～実装をご支援
Amazon.co.jp: エクスペリエンス・ビジョン: ユーザーを見つめてうれしい体験を企画するビジョン提案型デザイン手法: 山崎和彦, 上田義弘, 高橋克実, 早川誠二, 郷健太郎, 柳田宏治: 本
Amazon.co.jp: Lean UX ―リーン思考によるユーザエクスペリエンス・デザイン (THE LEAN SERIES): ジェフ・ゴーセルフ (著), 坂田一倫 (監修), 児島修 (翻訳), ジョシュ・セイデン (編集), エリック・リース (編集): 本