KAIZEN】アプリのUIを見直して、ユーザーが混乱しないようにしてみた2018/01/30SHAREツイートシェアはてブGoogle+PocketLINEこんにちは、タカフミです。先日、こちらのブログでも紹介したスグニーというアプリのアップデートを行いました。どんなアプリについてなのかは、こちらの記事をご覧ください。今回、アプリをアップデートしたのには理由があります。それは、UIの見直しをしたかったからでした。以前のUIの問題点このアプリでは、メモした内容をメールで送信する際に送信先と件名を選択する必要があります。そのため下のように、メールアドレスと件名を選択するためのスクロールビューが2つ並んでいます。このUIではユーザーに混乱を招いてしまう可能性がありました。それは、それぞれのスクロールビューが隙間なく隣接されているために、スクロールビュー上に配置された項目のグルーピングが曖昧になってしまい、直感的にどうやって操作したら良いのか分からないという問題を抱えていました。この状態だと、パッと見ではどの項目が「メール」に属していて、どの項目が「件名」に属しているか分からなくなってしまいます。その他にも、区切りがないため上下左右のどちら方向にスクロールできるのかもよく分からない最悪なUIとなってしまいました。件名を意味する大小2つの「T」が並んだアイコンもよくありません。これだと、タイトルのアイコンというより、文字の大きさを意味するアイコンのように思えてしまいます。誤解を招くスクロールビューの箇所は、下のようなUIに変更をしました。隣接して繋がっていたスクロールビューの要素を分離して、完全に独立した形に変更をしています。この変更によって、スクロール方向も直感的に分かり、スクロールビュー上に配置されている各項目もどちらに所属しているかが一目でわかるようになりました!また、メールの件名を表すアイコンも変更してみました。UIの改善はまだまだ続く一度リリースしたアプリでも、様々な場面で実際に使ってみるとUI的にまだまだ改善すべき点が見えてくることがあります。これからも、定期的にブラッシュアップを行ってよりよいアプリにしていきたいと思います。CLOUDはビジネスをされている方をデザイン面でサポートする定額制のデザインサービスです。デザイナーが完全定額・無制限で、あなたに代わって、広告やバナーなどビジネスに必要なデザイン関連の業務をプロのクオリティで行います。面倒な年契約はなく、業務に応じて柔軟にご利用いただけます。苦手なデザイン業務に時間を割く必要はありません。趣味で作ったウェブサービスが大手VCの目に止まったことがキッカケで、教育系ベンチャーで働くことになったデザイナー兼エンジニア。現在はフリーのクリエイターとして活動中。ウェブサイトやアプリケーションの開発を行うかたわら、ウェブサイトやアプリのUIデザインもしています。個人で独立・開業される方のビジネスをロゴ、名刺、ウェブサイトなどを通じてブランド面からトータルでデザインすることが得意です。デザインについてのご相談はこちらのフォームからお問い合わせください。echoを1ヶ月使ってわかった、音声で操作するU...デザインコースアプリ日々のデザイン業務で困っていた事を解決するために、タスクとフォルダを同時に管理できる超シンプルなタスク管理アプリを作りました。思いついたアイデアをサクッとメールに送信できるiPhone専用のメモアプリです。趣味で作ったウェブサービスが大手VCの目に止まったことがキッカケで、教育系ベンチャーで働くことになったデザイナー兼エンジニア。現在はフリーのクリエイターとして活動中。ウェブサイトやアプリケーションの開発を行うかたわら、ウェブサイトやアプリのUIデザインもしています。個人で独立・開業される方のビジネスをロゴ、名刺、ウェブサイトなどを通じてブランド面からトータルでデザインすることが得意です。フリーランスのデザイナーさん向けに超シンプルなタスク管理アプリDesignBoxを作っています。デザインについてのご相談はこちらからお問い合わせください。