ここでは全部を理解せずとも、デザイナーでなくとも何となく分かるをベースに書いております。゚*1メニューを開くよく見るメニューマークですね。タップすると何らかの形でメニューが開かれます。一瞬メニューを開く流れが目の前からプツっと途切れたように見えます。遷移が遅かったら尚更です。右側の「マテリアルデザイン」の方はタップしてからメニューが開くまでの流れが途切れずユーザーを誘導してくれています。見るとメニューマークが切り取られ開かれたメニューに付属し、最後には戻る矢印に変換されています。開いてから閉じるところまでさりげなくユーザーを誘導しています。2ボタンタップ一見、どちらのボタンもタップ時に色が変わっていますので、押したかどうかの判別はしやすいです。言えば「マテリアルデザイン」の方はタップした際に指で触れた部分に変化が起きているため自分がどの部分に触れたか、よりリアルに体感できますね。手順としては、どちらも申し分はないですが1のメニューを開く同様「マテリアルデザイン」の方はタップしてからメニューが開くまでの流れが途切れずユーザーを誘導してくれています。人は動いているものについつい目が向いてしまうものですが、モーションが入ることで自然とユーザーの行動を分かり易くサポートしてくれているのですね。如何でしたでしょうか。ほんの一部ですが、見え方・捉え方に違いがあるのが分かると思います。流れが切れずスムーズに遷移してくれるとモチベーションも上がりますよね。今回にてマテリアルデザインについて最終回となります。機会があればまた、同テーマについて書いていきたいと思います。次回は別テーマをデザイナーでなくとも何となく分かるをベースにお伝えしていければと思います。コメントを残すサービスVSユーザー!UIリテラシー格差を考えるこんにちは。サービスデザインに関わっているネモトです。年末年始、どう過ごされましたか。深い瞑想をしながら考えてみたのでお付き合いください。機能やUIのリテラシーを高めるには、それなりの年月と経験、趣向が必要です。全体に目を向けると、一定の初心者層は、いつの時代でも生まれ存在している事実を忘れてはいけません。そこで問題となるのが、高リテラシー層の専門用語/先進的機能の常用です。多くのユーザーからして見れば「コワレモノに触るタッチ箇所探しゲーム」になってしまっているのが現実です。弱者の利用を意識したUI設計が必要になりますが、サービス側はその分野を知るが故に、一般的尺度にズレが生じがちなのです。多数である視聴者をなおざりにした為に、仕組みを理解したとしても納得出来なかったことです。本に例えるなら「実用書」よりも「雑誌」的な受け入れやすさが必要だと考えます。サービスをわざわざ身構えて使用したいニーズは無いのではないでしょうか。アイコン表現について紹介します。「ハンバーガーアイコン」はメニューを表すものとして、業界では一般的ですが、リテラシーの低い利用者にとっては認知できない表現でしょう。数々の検証結果も見つけられるように、アイコン記号だけではなく、文字によるラベル表現が伴った方が理解と実際の利用が多いようです。単純な選択肢として、UIは、高いリテラシーと経験を必要としない表現からスタートするべきです。「UI設計に関わる人間は新しい表現を認めない/追わない」ことで、サービスの敷居を下げる必要があるのではないでしょうか。空気のように慣れ親しんだ理解あるUIコンポーネントなのではないでしょうか。皆様はどうお考えでしょうか。コメントを残す知らないと会話がストップ!?コントロール系部品の名前(2)新年最初の更新を担当いたします。明けましておめでとうございます。2017年もデジマースブログをよろしくお願い致します!それでは昨年のUIに関する話題を振り返ってみたいと思いま.........いえ、その前にまだ紹介していない内容がありました。それは...「地味ですが基本となるコントロール系部品(2)」の紹介です!早速ですが第2段の紹介を始めていきたいと思います。今回は「ステッパー」「ページコントロール」「テキストフィールド」「スイッチ」「チェックボックス」「ラジオボタン」についてご紹介いたしました。各コンポーネントは、使用する場所を誤れば意味のないものとなってしまいます。そのため、名前だけではなく使用場面を合わせて知っておく事も大切です。前回紹介したコンポーネントと、今回紹介したものを合わせて覚えれば、UIに関する打ち合わせで以前より会話がスムーズに進行すると思います。それでは、みなさま本年もよろしくお願い致します。