マジで助かった、新卒1年目デザイナーの教科書的noteや便利なサービス8選

en.

2020年12月4日 11:45

こんにちは！
delyでクラシルというレシピ動画サービスのデザイナーをしている@ysk_en です。

このnoteは delyのAdvent Calender 4日目の記事となります。
今年は人も増え、2つのカレンダーでお送りします。

dely Advent Calender #1
dely Advent Calender #2

昨日の記事は、GEN の Athena(Presto) × Redash で湯婆婆を実装してみる です。

巷で流行りの、何かしらのプログラミングを使って湯婆婆の契約を再現してみた✨

という内容です。僕も契約したら名前を取られました。

はじめに

「delyのデザイナーズはどんな記事を書いてるのかな」と去年のnoteをちらっと見たら、100いいね超えの超大作を執筆されていて、ビビリちらしました。

そして、一緒に働いているデザイナーの @ymdsko の先日出したnoteも200いいねを超えているんです。みんなすごい。

新卒1年目にはそんな大作をかけるほどの経験も知識もないので早々に諦めて、デザイナーになったこの1年のデザイン実務で、本当に役に立った・助かった便利なサービスや教科書的noteを実際のシーンを振り返りながらご紹介します。

1. Human Interface Guideline ,
Material Design Guideline

画像参照元：https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/onboarding/

まずはこれ。ソフトウェアデザインの教科書的聖典

はじめにご紹介するのは Apple や Google が提唱するユーザーインターフェースのデザインガイドラインです。

これに従いさえすればデザインは完璧！ということは決してないですが、世の中の開発者たちは、概ねこれらのガイドラインをベースに設計しています。

まだデザインの右も左も分からなかったころ、ただサービスのデザインをトレース（劣化コピー）したり、俺的最強のデザインを作り上げていました。この状態のままでは、ユーザーが深く考えなくても使えるデザインを作ることは難しいです。

世の中のデファクトスタンダードに沿ったルールをベースにすることで、ユーザーが新しい所作を覚えなくても、自然なフローでアプリケーションを操作することができます。ある意味無思考できるようにするには、ユーザーインターフェースの基礎としてガイドラインを頭に入れておくのが良さそうです。

2. Mobbin , Consim.

Mobbin は iOS アプリケーションのスクリーンショットを導線ごとに見られるサービスです。実機で実際に触って体感するのが一番だと思いますが、さくっと確認したいときに便利です。

画像参照元：https://mobbin.design/apps/spotify

また、過去のバージョンを遡ることもできるので、機能のデザイン変更があったときに「なぜこのデザインに変えたのか」を考える思考トレーニングにも使うことができます。

Consim. は Mobbin と同じようなサービスですが、大きく違うのは以下の通りです。

・紹介しているユーザーインターフェースが日本語
・iOS / Android 両パターンあり、見比べられる

先ほどご紹介した、デザインガイドラインを見ていただけると分かるように、Apple と Google で思想が大きく異なります。

思想の基が違うので、当然ユーザーインターフェースの組み立て方も変わってくるわけです。

Conism. では、スクリーンショット内のユーザーインターフェースが日本語表記な上、両OSの違いを並べて見ることができるため、2つのプラットフォームのアプリケーションを同時にデザインしていた時にとても役立ちました。

画像参照元：https://consim.design/apps/twitter/

3. Pinterest

5年前くらいから浸透し始め、最近はIT界隈では知らない人の方が珍しくなってきました。Pinterest は画像からアイデアを探し、まとめることができるサービスです。

暇なときにぼーっと眺めてるときの方が多いですが、デザイン実務では、はじめて作るタイプのデザインをするときにインスピレーションを得ることに使っています。

delyの開発チームでは、プロジェクトの始めからクリエイティブをガッツリ作り込むことは多くないです。仮説を立て、クリエイティブを作り、検証を回し、分析して、クリエイティブをアップデートしていく。という検証のフローをスピード感を持って回しています。

その超高速な開発スピードに乗せるためには、世紀の天才的デザインを生み出す時間も、車輪の再発明をしている時間もないわけです。

先人たちが生み出してくれた、素晴らしいクリエイティブに敬意を表しながら、取り込み、自己最適化して超えていきます。

余談
「デジタルのクリエイティブで日本語のイケてるデザインを見つけるのが難しい」と思っていたのですが、中華圏の漢字デザインがかなりドンピシャで性癖に刺さることを発見しました。
Pinterest は機械学習を使った画像検索ができるので、自分が求めていたアイデアを一度見つけられると、それをベースに永遠に追うことができます。
また、以下のリンク先のようにボードとしてアイデアをまとめると、さらにレコメンドの精度があがります。沼です。