Summary −プロジェクト概要−

製品と製品が接続可能かどうかをスムーズに検索させるインターフェイス開発を行いました。

Challenge −課題−

ファイルサイズの最適化が求められ、また、インタラクションによる分かりやすい演出が求められました。製品サイクルが非常に短くかつ多品種であるため、コンテンツレベルでも拡張性を求められました。

Approach −解決策−

動きに明確な意味づけを行い次の動作への誘導を確実にすることで、操作説明を行わなくても次の動作や動作の意味がスムーズに伝わるようUI設計を行いました。2つの商品を接続するというシンプルな解を導き出すために最適なレイアウト構成を行い、レイアウトによって目的が伝わるように工夫を行いました。Flashを使って組み合わせロジックをクライアント側のみで実装することにより、素早い動作を可能としました。

エラーが起こらないよう、接続不可能な製品はあらかじめ選択不可の状態としエラーを排除しました。データは外部データにて確保し、クライアントサイドのみでメンテナンス性をを確保しました。拡張データをエクセルにて作成できるように設計を行うことで、簡単なメンテナンス作業にて公開が可能となりました。メンテナンス性の確保と同時に、意識的にUIコントロール部分とインタラクション制御のロジックを切り分けました。

Result −成果−

• ユーザの反応が非常に良く、大きな改変を行うこと無く寿命の長いサイトとなった
• ロジックの分割構造によってデザインイメージの変更が可能となり、合計3サイトに展開された