こんにちは。レイワープの古川しーほです。
今回はクリエイティブ職ではないプロジェクト責任者向けの情報です。デザインの開発工数を削減する項目をお伝えします。
というのも、私たちに依頼で多い仕事にデザイン品質の底上げがあります。半年以上開発して問題が発覚。のちにデザインを改修する事案になるのです。そこで、品質を上げるために指導した内容をまとめてみました。
あなたがプロジェクトのデザイン品質に問題を感じるなら、やることは簡単です。下記をデザインチームにシェアしてみましょう。
最後に、令和最強のアプリ参考サイトをお伝えします。内容がよかったらぜひチェックしてみてくださいね。
目次
📱Appleヒューマンインターフェイスガイドライン
タップサイズ
フォントサイズ
📖AndroidはMaterialデザインをチェック
💪デザインシステムを作ろう
🖼️アプリ参考サイトで雰囲気を伝える
㊙️最強のアプリ参考サイトは?
🗓️2023年10月時点でのリソース状況
📱Appleヒューマンインターフェイスガイドライン
iOS & iPadOSの開発には必ず目を通しましょう。数年前は英語のpdfを頑張って解読したものですが、2023年6月から日本語のWEBページで読めるようになりました。次の2点だけでも品質がグッと上がるので引用してみます。
タップサイズ
タップサイズが小さく押せない、という問題が多いです。これについては下記を参照しましょう。
すべてのコントロールおよびインタラクティブ要素に十分に大きなヒットターゲットを割り当てる。例えば、タッチスクリーンデバイスでは、ヒットターゲットの大きさが44x44ポイント以上である必要があります。
フォントサイズ
フォントサイズの設計も品質に関わる大きな点です。迷ったらまずはデフォルトのサイズルールに則ってみましょう。
📖AndroidはMaterialデザインをチェック
▶︎ Materialデザイン
Androidアプリはこちらに目を通しましょう。Appleより先にWEB公開していたり、各パーツの大きさと余白のルールがあるなど、ものすごく整っています。
💪デザインシステムを作ろう
なぜデザイン修正する度にフォントサイズや余白ルールが変わってしまうのか?これは複数人の作業で、ルールが整ってない状態で起こります。なのでプロジェクトのデザインシステムをまとめましょう。フォントサイズ、カラーリング、使用UIパーツなどを一覧化します。
2023年現在、Figmaで作るのが主流です。リファレンスが多く、UIデザインの制作が楽だからです。なかでもデジタル庁デザインシステムが、参考になるでしょう。
▶︎ Figmaデータはこちら
また、AppleとAndroidでもデザインシステムが公開されています。ルールの参考になりますね。
▶︎ Matelial 3 Design Kit (Android)
🖼️アプリ参考サイトで雰囲気を伝える
デザインの方向性を最初に示すと試行錯誤の工数を減らせるでしょう。参考サイトから雰囲気に合う事例を探してみましょう。アプリのギャラリーサイトは多くが公開され更新がストップしています。そこで2023年時点でオススメのサイトを2つご紹介します。
scrnshts
▶︎ scrnshtsのサイトはこちら
音楽、ニュース、ファイナンスとカテゴリーごとにアプリのデザインを確認できます。
UXArchive
▶︎ UXArchiveのサイトはこちら
登録時のチュートリアル、設定画面などUX別で事例を探したい方にオススメです。
㊙️最強のアプリ参考サイトは?
▶︎ Mobbinが最強です!
2023年10月現在、これを上回るものはないでしょう。
アプリ全画面を網羅する画面数
有名アプリは定期的に内容をアップデート
iOSとAndroidの両方がチェックできる
毎週届く更新情報
現場のUIデザイナーやリサーチャーはみんなチェックしてると思います。無料プランだと閲覧に制限がありますが、課金(月8ドル)して業務に活かせるならモトは取れるでしょう。
🗓️2023年10月時点でのリソース状況
2023年11月 ❌ 埋まっています。
2023年12月 ❌ 埋まっています。
2024年1月 ⚠️ 若干空きあり
お問い合わせはコーポレートサイトのコンタクトフォームからお願いします。
Thank you
ありがとうございました。
今回お伝えしたのは、ほんの入り口になります。デザインの改修は時間だけでなく予算も減ります。こうならないために最初から私たちに相談していれば…といつも思うのです笑(いつでもご相談を受け付けます。)
次回の配信も楽しみにしてもらえると嬉しいです。
それでは!フォースと共にあらんことを🖐️
レイワープについて詳しく
デジタル領域に強いポップカルチャーのデザイン会社。
App Store 1位のゲーム開発、グッドデザイン賞関連サービスなど、
IPコンテンツをプロモーションする支援をしております。
コーポレートサイトはこちら