あちらこちらで、Webページ、スマホアプリのUI UX設計の方法について調べたいたのでメモを・・

####用語について
UI= User Interface 見た目や操作性、広義ではキーボードやマウスなどの入力も含む
UX= User Experience::サイトを利用する上での快適さや、必要な情報へのアクセスのしやすさなど

####ページ全体のUI設計基本
ほとんどのUI設計の教科書で説かれていること

#####ダメなUI設計
「誰が」
「何を」
「どうしてもらう」
そして「どう伝えるか」が明確になっていない。

#####良いUI設計
「誰に」
「何を」
「伝える方法」
３点が組み込まれている。

######デザインの原則
英国政府のWeb担当が作った“デジタルデザインの原則10か条”がスゴい！
から引用。一部省略修正
https://webtan.impress.co.jp/e/2014/07/15/17846

１まずニーズからはじめる ―― 自分たちのニーズではなく、ユーザーニーズから。本当のユーザーを理解し、そのニーズを知る。想像や思い込みではなく、ちゃんとデータで確認する。

２なんでもかんでも手を広げず、するべきことだけをする

３実証をもってデザインする ―― 試作し、実際のサイトで実際のユーザーにA/Bテストを行い、その結果をデザインに活かすやり方を理解する。

４シンプルにすることに心血を注ぐ ―― 「シンプルであるように見える」ものを作るのは簡単だが、本当に何かをシンプルにするのは大変

５繰り返し、繰り返す ―― 小さく始めて、実ユーザーでテストして、フィードバックを絵ながら改善を繰り返していく。

６受け入れられやすいものに作る ―― アクセシブルなデザインは良いデザインだ。どんな人でも（ネットに慣れていない人にとっても）できるだけ読みやすく、判別しやすいものにする。それによって多少エレガントでなくなるとしても、そうするべきだ。

７コンテキストを理解する ―― PCのディスプレイのためにデザインするのではなく、人のためにデザインする。どんな場所で、どんなデバイスで、どんな人が使うのかを、真剣に考える必要がある。

８デジタルサービスを作るのであって、Webサイトを作るのではない ―― 人々に対するサービスはWebサイトだけで完結するとは限らない。検索エンジンも関係するし、リアルな場も併せて使う必要があるかもしれない。変わりゆく況を理解し、デザインしなければいけない。

９一貫しているべし、単に統一するのではなく ―― 使う言葉やデザインをさまざまな場所で同じにするべきだ。そのほうがユーザーには使いやすくなる。背後に一貫したアプローチがあれば、ユーザーが理解しやすくなる。

10 オープンにすれば、物事はもっと良くなる ―― 可能な限り、自分たちのやっていることをオープンにする。同僚に、ユーザーに、世界に。コードも、デザインも、アイデアも、狙いも、失敗も。そうすれば、凡ミスが見つかり、もっと良い方法がみつかり、全体のレベルが上がっていく。