• 株式会社AliveCastはプライバシーマークを取得してます。
  • 福岡市インキュベート認定マーク福岡県子育て応援宣言登録マーク
  • 株式会社AliveCastは国の認定を受けた異分野連携新事業(新連携事業)に取り組んでいます。
  • FVM大賞2015 優秀賞 受賞
  • 平成26年度福岡市トライアル発注認定事業者
  • 平成25年度福岡市ステップアップ最優秀賞 受賞
  • 平成25年度九州ニュービジネス優秀賞 受賞
  • JTBビジネスイノベーターズ Travel・Fintechビジネスコンテスト 最優秀賞 受賞
  • AEON Financial Service Innovation 2017 特別賞 受賞
  • 第17回MIT-VFJビジネスプランニングクリニック&コンテスト 正会員特別賞・マイクロソフト賞 受賞
  • 福岡県情報セキュリティ連絡協議会加盟企業
  • 福岡ベンチャーマーケットプレゼン企業
  • 福岡大学共同開発企業
  • 経営革新計画 第1936承認企業
  • 平成23年度九州地域中小企業事業家支援
    お助け隊事業アドバイザー企業
  • 平成23年度福岡市競争入札参加有資格企業
  • 特許第6372856号
  • 特許第6316654号

伝わるデザインついて、瞬時に判断していくための知識を書き綴ります。デザイン探索

2019年5月20日(月曜日)  (村本 友梨)

スマホのUIデザインをおさらい

皆さんこんにちは。
アシスタントクリエイターの村本です。

先日、スマホアプリの仕様について、お客様に直接意見をお伺いする機会がありまして
実際のユーザー視点による使いやすさにいろいろと気づくことができました。


ですので今回は、
「スマートフォンのUIデザイン」について簡単におさらいしたいと思います。


■そもそもUIとは?

UIとはユーザーインターフェース(User Interface)の略で、
ユーザー自身とデバイスの接触面(インターフェース)のことを指します。
スマートフォンでいうと、
画面に表示されている内容の見た目、触れたときの動きなどがこれにあたります。


■なぜUIデザインが必要なのか

UIが優れたデザインというのは、
直感的で迷いの無い操作をすることができ、スムーズに目的を達成するこができます。

逆に、UIが考えられていないデザインというのは
ユーザーにストレスを与え、アプリの利用率を下げてしまう恐れがあります。

例えば、[OK]と、[キャンセル]ボタンが横に並んでいたとします。
[OK]ボタンが左側に赤色で、[キャンセル]ボタンが右側に青色で配置されていたとしたら
どうでしょう?

OKボタンを押すつもりで誤ってキャンセルボタンを押さないでしょうか?

ホーム画面に戻るのにいつもボタンを探させるようなアプリは、
アンインストールしたくなりますよね?
ですので、設計段階で考えておくべきUIデザインというのはとても重要になります。


■UIデザインをより良くするには

UIデザインで特に大切なのは、「見た目だけで操作の仕方が分かること」です。
これらのデザインを考えるときの参考としておすすめなのがマテリアルデザインです。


■マテリアルデザインとは

マテリアルデザインは、Googleが推奨するデザイン手法のガイドラインです。
例えば、スマートフォンでもタップしやすいボタンのサイズや配置ON、OFFの色などが
分かりやすくまとめられています。

マテリアルデザインは、ユーザーの操作性を重視し、感覚で理解できることを目的した
シンプルなデザインであることが特徴です
視覚的にも情報を取り込みやすくする工夫がたくさんあります。
一度目を通してからデザインすると良いと思います。


---------------------------------
■まとめ
UIデザインを考えるのは、もちろんスマホアプリだけではありません。
Webサイトのデザインでも共通して言えます。
ユーザがまた利用したいと思えるような、快適な操作を意識してデザインしたいと思います。

AliveCastIPのみ表示されます

OK

管理側

残り

javascript css html VIEW側

php matchルーチン