星乃やひろ

UIデザイン

アイカサ UI コンセプトデザイン

概要

アイカサさんからご依頼では、デザイン面ではおまかせしたほうが良いものができるだろうということで、特にデザインに関してのイメージについての資料は頂かず、現実装のページとページ推移先一覧のPDFと当時使用されていた素材をいただきました。

アイカサのイメージをデザイン

イメージとしては、雨の日の色とよく捉えられる、青を全面に出したほうがプロダクトの印象を出せるかと考え、青を大きめの範囲で配置しています。

また、アイカサは「相合い傘」から意味合いを取られていることこちらのインタビュー動画の方でおっしゃられておられましたので、日本の伝統色も参考にして色を設定しています。
参考動画:https://youtu.be/DTn-lEE5uVA
日本の伝統色 参考資料:https://irocore.com/category/blue/

UX面からの配慮


操作部分に関しては、iPhoneXベースでデザインしていますが、上に操作するボタン類等があるととても押しづらいため下げています。
ボタン類などについても、アイカサはユーザー層を多く捉えているプロダクトなので、通常のUIなどよりもタッチ領域を大きくするなどして、全体的にユーザビリティの向上を狙っています。

みにいく