「人々は創造と破壊の両方の欲求に恵まれています。」 -宮崎Hay
スタジオジブリは、芸術家である宮崎byによって設立された日本のアニメーションスタジオです。 1985年以来、彼らの作品はそれぞれアニメーションの世界に新しい基準を設定しています。 さらに興味深いことに、彼らの映画はすべての年齢層と国籍の人々の間で観客を見つけました。 これはすべての製品デザイナーの夢ではありませんか？！
そこで、ジブリスタジオの映画から学べることを理解するために、「デザインスタイル」の問題に取り組むことにしました。 そして、私が学んだことは次のとおりです。
1.シンプルさ
各ジブリ映画の脚本は、5歳を念頭に置いて作成されました。 たとえば、「私の隣人のトトロ」（この記事のタイトル画像を撮った漫画）は、IMDb映画のデータベースで次のように簡単に説明されているストーリーに基づいています。
素晴らしい森の精を持つ二人の少女の冒険
これは簡単な話です。 しかし、ちょっと！ それは非常に階層化されています。 ここに、母親の病気に関連する経験と、世界の成長と探検について学びたいという願望があります。 責任に対する言葉では言い表せない恐怖があります。 そのため、5歳の子供は女の子の冒険を楽しむことができますが、どんな大人でも鮮やかな感情に出会うでしょう。
それでは、この原理に完全に従っているFantasticalカレンダーアプリを見てみましょう。
MacのFantasticalでイベントに参加する
Macで⌃⌥ Spaceを押すとすぐに、Fantasticalがテキストカーソルの場所に移動し、スケジュールに表示したい内容を入力し始めることができます。 また、入力中に、アプリケーションはリアルタイムで詳細パネルのイベントリマインダーの詳細を変更します。 そのため、新しいユーザー（子）は、プログラムの主な機能を使用するためにトレーニングを必要としません。
同時に、上級ユーザー（大人）の場合、自然言語アナライザーは、シグナル時間、リマインダー時間、使用するカレンダー、イベントの場所など、プログラムに入力できるすべてのものを認識します。
コア機能に焦点を当てます。 ユーザーがこれらの機能を有名に理解する方法に簡単にアクセスし、使用し、簡単に学習できるようにします。
もう1つの良い例は、撮影ボタンに常に焦点を合わせたInstagramアプリです（スマートフォンで開いて自分で確認してください）。
使いやすさに関して多くの損失を被る製品はTwitterです。 後者は、テキストを書くための彼自身のTwitter Quillペンアイコンを思いつきました。 いずれの方法でも強調表示されず、アプリケーション画面上の6つまたは7つのアイコンの中で失われます。 たぶん、Twitterは新しいユーザーにツイートを送信させたくないのでしょうか？
2.詳細への特別な注意
実際、このgifは、2004年に作成されたアニメーション映画「ウォーキングキャッスル」の見事な城のすべての美しさを反映していません。
ジブリのウォーキングキャッスルの別の絵を考えてみましょう。 この奇妙な幻想的な城の断片はすべて細部まで描かれており、その空想的に動く部分は単一の全体を作り、城自体を魅力的なキャラクターにします。
同様に、製品の特徴は、慎重に考え抜かれたすべての細部から成り立っています。
Airbnb Webアプリケーションは、本当に重要な情報をユーザーに視覚的に提示する素晴らしい例です。
Airbnb価格帯フィルター
価格範囲のヒストグラムは、ユーザーが都市の平均価格をすぐに理解し、これに基づいてフィルターを設定するのに役立ちます。
ユーザーの行動のニュアンスに適応する好例は、Chrome Webブラウザーです。 タブを1つずつ閉じようとすると、Chromeは幅を維持します。閉じるボタンは同じ場所にあります。 マウスまたはトラックパッドを使用して、Safari / IEのいくつかのタブを閉じてみてください。私が意味することを理解できます（ 著者の言葉は以下の議論で反証されています-翻訳者のコメント ）
3.人間の顔を見せます
ジブリのスタジオの映画に登場するモンスターでさえ、人間の特徴を備えています。 ロックさえ。 または猫！ ジブリのアニメーターは、この写真のように、キャラクターの目、表情...または表情の欠如を描くことでこれを達成しました:)
単なるコテではありません。 猫の帰還、2002年から改作
製品は、サービスの知識、エラーメッセージ、オフラインメッセージ、読み込み画面などのツールを使用して、人間の側面を表示できます。 自分で選択してください。
あなたの製品がユーザーのアシスタントになるだけでなく、ユーザーに友達になる機会を与えましょう。
企業のメッセンジャーSlackはSlackbotでアイデアを完全に開発しました。 登録時に歓迎し、会話フレーズを使用してプロファイルのすべての詳細を追加し、セットアップ中にあなたと通信します。 さらに、彼はこのすべてを素晴らしい機知に富んだ方法で行います。 ウェブがSlackのトップストーリーであふれているのも不思議ではありません。
Slackbot：SlackからのTARSの発明
4.ストーリーを伝える
そして5.彼女を適応させる
最初の良い物語は好奇心をそそり、環境とキャラクターを紹介し、最終的にあなたを冒険の世界に引き込みます。 一連のイベントをやりすぎた場合、ごく普通のことでも素晴らしい物語から出てきます。
ジブリの漫画との出会いを台無しにしたくありません。 まさか。 したがって、私はスタジオの仕事から取られた例を設定しません。 しかし、主な原則は非常に普遍的だと思います。
コンテンツは、優れたデザインの基盤です。
それでは、Airbnbの素晴らしさを見てみましょう。 うーん、これらの人は素晴らしいデザインの才能を持っています！
まず最初に、温かい歓迎と「本当に幸せな」写真でページにアクセスします。 第二に、たとえば「お帰りなさい」、「どこでもあなたのものになります」、「見知らぬ人が1人いる」など、注目を集めるストーリーが得られます。
第三に、コンテンツモデルを構成するコンテンツ要素は、ユーザーの行動に合わせて更新されます。 たとえば、Airbnbのホームページに初めてアクセスすると、[探索]セクションは非表示になります。 次に、いくつかのオファーをブラウズしてホームページに戻ります。以前に開いたオファーの履歴に応じて選択された目的地を含む[探索]セクションが表示されます。 これらの要素はすべて、どんなに多くの情報を持っているとしても、製品設計にとって非常に重要です。
それだけです！ さあ、アーティストのように優雅に盗んでください。