WING.
Discuss.hk Lite App
役割
計画 / UXUIデザイン / プロトタイピング
使用ツール
Figma / Illustrator
ターゲット
若いフォーラムメンバー
目的
アプリケーションを再設計する決定は、前バージョンにおける数々の課題から生まれました。旧式のデザイン は統一性と一貫性に欠け、保守が難しく、改修も煩雑でした。
制作期間
2023年2月 - 2023年9月
insights.
ユーザーは スピードと効率性 を重視しています。彼らは読み込みや手間の少ないシンプルなアプリ設計を求めています。
ユーザーを惹きつけ、満足させ続けるためには、スムーズで高速な体験が不可欠です。これにより、素早い閲覧、即時の操作、直感的なナビゲーションを実現します。
Persona.
若年層フォーラムユーザー（16〜35歳）は、外出先でもトレンドの話題と即時交流 を求めます。高速で軽快、モダンなインターフェース を重視し、閲覧・リアクション・共有をスムーズに行いたいと考えています。
Information Architecture.
Lite Appの情報アーキテクチャ(IA) を再構築し、より明確で拡張性の高いフレームワークを実現しました。従来のバージョンは 整合性や階層性に欠けており、ユーザーにとってのナビゲーションが難しく、新機能の追加にも対応しにくい状態でした。
wireframing & Prototyping.
再構築したIAを 具体的なインタラクション に落とし込むため、詳細なワイヤーフレームとインタラクティブなプロトタイプを作成しました。
ワイヤーフレームでは、ナビゲーションの簡素化、階層構造の明確化、そしてクリーンでモダンなフローを重視しました。
Design System & Accessibility.
UIデザインは、モダンなデザインシステム を基盤に構築されており、一貫性、アクセシビリティ、そしてライトモードとダークモード双方への適応性 を重視しています。
UIデザインシステム
コンポーネント
再利用可能なビルディングブロック を設計し、一貫性と明確さを実現しました。これには ボタン、フォーム、カード、ナビゲーション、モーダル、通知、アイコンなどが含まれ、プロダクト全体で統一感があり、アクセシブルで、拡張性の高いインターフェースを保証します。
ライト＆ダークモード
デュアルテーマ により環境に応じた表示が可能となり、目の疲れを軽減し、ユーザーの快適さを向上 させながら、一貫したブランドアイデンティティを維持します。
Discuss.hk
Lite App
役割
計画 / UXUIデザイン / プロトタイピング
使用ツール
Figma / Illustrator
ターゲット
若いフォーラムメンバー
目的
アプリケーションを再設計する決定は、前バージョンにおける数々の課題から生まれました。旧式のデザイン は統一性と一貫性に欠け、保守が難しく、改修も煩雑でした。
制作期間
2023年2月 - 2023年9月
insights.
-
ユーザーは スピードと効率性 を重視しています。彼らは読み込みや手間の少ないシンプルなアプリ設計を求めています。
ユーザーを惹きつけ、満足させ続けるためには、スムーズで高速な体験が不可欠です。これにより、素早い閲覧、即時の操作、直感的なナビゲーションを実現します。
insights.
-
ユーザーは スピードと効率性 を重視しています。彼らは読み込みや手間の少ないシンプルなアプリ設計を求めています。
ユーザーを惹きつけ、満足させ続けるためには、スムーズで高速な体験が不可欠です。これにより、素早い閲覧、即時の操作、直感的なナビゲーションを実現します。
Persona.
-
若年層フォーラムユーザー（16〜35歳）は、外出先でもトレンドの話題と即時交流 を求めます。高速で軽快、モダンなインターフェース を重視し、閲覧・リアクション・共有をスムーズに行いたいと考えています。
Persona.
-
若年層フォーラムユーザー（16〜35歳）は、外出先でもトレンドの話題と即時交流 を求めます。高速で軽快、モダンなインターフェース を重視し、閲覧・リアクション・共有をスムーズに行いたいと考えています。
Information Architecture.
-
Lite Appの情報アーキテクチャ(IA) を再構築し、より明確で拡張性の高いフレームワークを実現しました。従来のバージョンは 整合性や階層性に欠けており、ユーザーにとってのナビゲーションが難しく、新機能の追加にも対応しにくい状態でした。
Information Architecture.
-
Lite Appの情報アーキテクチャ(IA) を再構築し、より明確で拡張性の高いフレームワークを実現しました。従来のバージョンは 整合性や階層性に欠けており、ユーザーにとってのナビゲーションが難しく、新機能の追加にも対応しにくい状態でした。
wireframing & Prototyping.
-
再構築したIAを 具体的なインタラクション に落とし込むため、詳細なワイヤーフレームとインタラクティブなプロトタイプを作成しました。
ワイヤーフレームでは、ナビゲーションの簡素化、階層構造の明確化、そしてクリーンでモダンなフローを重視しました。
wireframing & Prototyping.
-
再構築したIAを 具体的なインタラクション に落とし込むため、詳細なワイヤーフレームとインタラクティブなプロトタイプを作成しました。
ワイヤーフレームでは、ナビゲーションの簡素化、階層構造の明確化、そしてクリーンでモダンなフローを重視しました。
Design System & Accessibility.
-
UIデザインは、モダンなデザインシステム を基盤に構築されており、一貫性、アクセシビリティ、そしてライトモードとダークモード双方への適応性 を重視しています。
UIデザインシステム
コンポーネント
再利用可能なビルディングブロック を設計し、一貫性と明確さを実現しました。これには ボタン、フォーム、カード、ナビゲーション、モーダル、通知、アイコンなどが含まれ、プロダクト全体で統一感があり、アクセシブルで、拡張性の高いインターフェースを保証します。
ライト＆ダークモード
デュアルテーマ により環境に応じた表示が可能となり、目の疲れを軽減し、ユーザーの快適さを向上 させながら、一貫したブランドアイデンティティを維持します。
Design System & Accessibility.
-
UIデザインは、モダンなデザインシステム を基盤に構築されており、一貫性、アクセシビリティ、そしてライトモードとダークモード双方への適応性 を重視しています。
UIデザインシステム
コンポーネント
再利用可能なビルディングブロック を設計し、一貫性と明確さを実現しました。これには ボタン、フォーム、カード、ナビゲーション、モーダル、通知、アイコンなどが含まれ、プロダクト全体で統一感があり、アクセシブルで、拡張性の高いインターフェースを保証します。
ライト＆ダークモード
デュアルテーマ により環境に応じた表示が可能となり、目の疲れを軽減し、ユーザーの快適さを向上 させながら、一貫したブランドアイデンティティを維持します。