方言を話すおしゃべり猫型ロボット『ミーア』をリリースしました(こちらをクリック)

UIUX

ミーア

【ミーア】HP上にインタラクティブなユーザー体験を設置する方法

「HP上にミーアの3Dモデルを設置して、360度回転で見れるようにするのと、頭をなでると目が動いて話す」というインタラクティブなユーザー体験をHP上でも提供するのはアリなのでは? と思いついた。ミーアの頭を触る部分を、オレンジの球体(みかんみたいだが)にして、触る部分を明示した。切り替わるgif画像と音声ファイルはメディアにアップロードして、URL参照とした。
デザイン(Figma)

【UIデザインの教科書】UI/UXの違い・階層と構造・割り込み・スクロールとページング

UXと比較すれば、UIの扱う範囲は狭いが、UXの中でも最も大事な「使う」という領域を担っている。UIが担う部分はUXの中核。階層は、深く狭くより広く浅く。広く浅い方が目的の情報に辿り着きやすく、ラベル(カテゴリ)名を具体的、排他的に決めやすい。
開発・デザイン

【デザイン4大原則】近接・整列・強弱・反復、カラーアクセシビリティ

デザインの4大原則。近接:互いに関連する情報を近づける、整列:要素に一体性を持たせる、強弱:情報の優先度を明確にする、反復:特徴的なものを意識的に繰り返し使う。Webサイトのカラー配色:ベースカラー70%、メインカラー25%、アクセントカラー5%。