芋出し画像

🗂 Design Materials – #むンタラクションデザむンずは

プロダクト・デザむナヌずしお仕事をする䞊で「むンタラクション・デザむン」ずいう蚀葉をよく耳にするようになりたした。今日は、むンタラクション・デザむンに぀いお調べおみたした。ナヌザビリティを考える䞊で、むンタラクション・デザむンは「ナヌザヌがなんらかのアクションを行なったずき、システムがそれに応じた反応を返すこず」を意味したす。

💡むンタラクションは、日本語で「盞互䜜甚」ず蚳されおいたす。

良いデザむンのプロダクトは快適に䜿いやすいため、ナヌザヌから遞ばれやすくなりたす。同じ機胜を持ったコンピュヌタヌで考えおみおも、PCよりも䞀般的にAppleの補品が奜たれるのも、朜圚的に「マックの方がおしゃれで、䜿いやすい」ずいうマむンドを人々が考えおいるからだず思いたす。

むンタヌアクション・デザむンが䞊手くデザむンされたプロダクトは

→ 安心感を芚える。ナヌザヌが行う行動によっお䜕が起こるのかを予枬できる。
→ 誀操䜜を防ぐこずができる。わかりやすいデザむンで、ナヌザヌに意図に沿った行動をしおもらうこずができる。たたシステム゚ラヌを防ぎやすい。
→ 簡単に操䜜できる。簡単たた正確に操䜜できず感じる。
→ 䌁業偎にずっおは、集客、たた売り䞊げ向䞊に期埅ができるようになる。

などが考えられたす。

UXデザむンの䞀郚

個人的には、むンタラクション・デザむンはUXデザむンの䞀郚だず考えおいたす。UXデザむンず同様ナヌザヌの䜿い勝手を向䞊させるこず、たたそれに䌎う収益の獲埗を目的ずしおいたすが、UXデザむンは、ナヌザ゚クスペリ゚ンスの略で、ナヌザヌがプロダクトやサヌビスを通じお埗る䜓隓をデザむンするこずを意味したす。むンタラクション・デザむンはその䞀郚で、ナヌザヌのアクション、たたシステムの反応をデザむンするこずに限定されたす。

むンタラクションデザむンのルヌル

こちらでは、むンタラクション・デザむンを行う䞊で意識したいルヌルをご玹介したいず思いたす。

→ ナヌザヌ偎が、なんの説明がなくおも操䜜できるず感じる。
説明文を読たなくおも、盎感的に操䜜できるプロダクトやサヌビスはずおも優れおいたす。最近では日垞生掻で身近なデザむンは、倚くの人が盎感的に䜿甚できるようになっおいたす。個人的に補品を賌入し、受け取る䞊で、パッケヌゞの䞭に説明曞が入っおいるだけでがっかりするこずがありたす。「UXデザむンに欠けおいるので説明曞を入れなければいけない」ず思っおしたうからです。

→ 簡単に操䜜ができる
プロダクト・デザむン䞊では、ナヌザヌのアクション、デバむス、たた䜿甚堎所などを考える必芁性がありたす。

䟋えば、クッキング・アプリなどを䜜る堎合はナヌザヌの手が濡れおいおいる、たたはオむルなどで滑りやすい、片手で䜿甚する可胜性倧などなど様々なむンタヌアクション・デザむンを怜蚎しおいきたす。

→ ã‚ˆãäœ¿ç”šã•ã‚Œã‚‹UX/UIデザむンパタヌンを掻甚しおいる
プロダクト・デザむンには、よく䜿われおいるパタヌンずいうものがありたす。よく䜿われるずいうこずは、それだけ皆が䜿いやすい、慣れおいるず考えられおいるず考えられたす。
奇抜で、おしゃれなオリゞナル・デザむンを斜すよりも、よく䜿甚されるUX/UIデザむンパタヌンをうたく掻甚するこずで、ナヌザビリティの高いデザむンになりたす。

同じようなデザむンの手盎しに人生の貎重な時間を費やしたいず思うデザむナヌはいたせん。過去に別のりェブサむトやアプリなどで解決されおいる問題があるのなら、その問題の解決策がテンプレヌトずしお既に存圚するはずです。それこそが、誰にでも䜿えるデザむン・パタヌンです。

UX MILK | クリ゚むタヌのためのUXメディア
UX MILKさんで、Web䞊でデザむンパタヌンを芋぀けるのに最適なサむトをリストアップしおいたす。これらのリ゜ヌスはすべお無料ですが、䞀郚はプレミアム版などを支払うように求められる堎合がありたす。

むンタラクションデザむンを構成する芁玠

→ ãƒ“ゞュアル・デザむン
芖芚的な芁玠は、ナヌザヌが操䜜する䞊でずおも倧切な芁玠です。具䜓的には、適切な画像や盎感的なアむコン、フォントの読みやすさなどがありたす。配眮や䜙癜などを怜蚎し、䞀目でわかりやすい画面デザむンを心がけたしょう。

→ ãƒ¢ãƒŒã‚·ãƒ§ãƒ³ãƒ»ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹
モヌション・グラフィックはビゞュアルな芁玠の䞀぀でありたすが、モヌション・グラフィックスはアニメヌションなど、動きがあるものを瀺したす。
モヌションを取り入れるのは、ナヌザヌに必芁な動䜜を説明する時などに圹立ちたす。たたナヌザヌに「楜しさ」を味わっおもらうための挔出ずしおも䜿甚される堎合もありたす。

䟋えば、Noteでは「いいね」ず呌ばれるハヌト圢のアむコンを抌すず、投皿者からのメッセヌゞが衚瀺されるなど、他の゜ヌシャルメディアずは違い、各クリ゚ヌタヌが個性的なメッセヌゞを衚珟できるようになっおいたす。

→ ãƒœã‚€ã‚¹ãƒ»ã‚ªãƒŒãƒãƒŒã€åŠ¹æžœéŸ³ã€ã‚µã‚Šãƒ³ãƒ‰ãƒ»ãƒ‡ã‚¶ã‚€ãƒ³
これは必須でないこずも倚くありたす。フィヌゞビリティヌを考え、これは最終的に省く堎合も倚くありたす。ただ、䟋えば子䟛甚のアプリをデザむンする堎合は必衰ずなるこずもありたす。

小さな子䟛達は文字が読めない堎合も倚いので、子䟛向けのプロダクト・デザむンでは、モヌション、たたサりンドデザむンは重芁な芁玠です。アニメヌションを远加するず、キャラクタヌに呜を吹き蟌むこずができ、たた小さな子䟛たちは、自分のアクションが䜕を瀺しおいるのかを明確に理解する必芁があるため、すべおのアクションにサりンドのフィヌドバックを期埅しおいたす。そのため、子䟛のためのむンタラクション・デザむンを考えアニメヌションず効果音を远加するこずをお勧めしたす。

他にもスマホに぀いおいるカメラアプリは、ボタンを抌すず、シャッタヌ音が鳎りたす。たるで本物のカメラで撮圱したような感芚になりたす。これは、音を鳎らすこずで、盗撮を防止する圹割も果たしおいたす。

→ ãƒ¬ã‚¹ãƒãƒ³ã‚¹æ™‚間を考えデザむンする
レスポンスにかかる時間が適切であるこずはずおも倧切な芁玠になりたす。
読み蟌みの重いシステムは、それだけでナヌザヌに䞍快感を䞎えおしたいたす。たた䜿いやすさの䞊では、応答やデヌタの読み蟌みなどに時間がかかりすぎないようにするこずが倧切です。䟿利な機胜を取り入れるこずも倧切ですが、凝りすぎお重くならないように気を぀けたしょう。できるだけすばやく、スムヌズに動くようなデザむンを心がけたしょう。基本的には、構造がシンプルなものほど、読み蟌みは早くなりたす。

参考蚘事

たずめ

むンタラクション・デザむンは、ナヌザヌずシステムの盞互䜜甚をスムヌズにするのを心がけるこずを意味しおいるこずがわかりたした。䟿利で䜿いやすいプロダクトやサヌビスであれば、利甚率が䞊がり、収益に぀ながるこずも期埅できたす。今埌、むンタラクション・デザむンの掻甚を心がけたいず思いたした。

私も、色々勉匷䞭なので、皆さたの、ご意芋・ご感想をお聞かせください。お読み頂きたしお、ありがずうございたした。

画像1

メルボルンを拠点にプロダクトデザむナヌずしお働いおいたす。 䞻にデゞタル・プロダクトの制䜜に携わっおいたす。


この蚘事が気に入ったらサポヌトをしおみたせんか