Loading Animation
0
Loading...
Design
nikkunがUI/UXに込める思い
nikkunの思うUI/UX
UI/UXデザインは、単に画面を美しく整えたり、アニメーションで目を引いたりするだけの作業ではありません。
その本質は、プロダクトに触れたユーザーの「感情」がどのように動き、どのような体験を持ち帰るか、その心理的な道筋を先回りして設計することだと考えています。
AIをはじめとする記述・開発ツールの進化により、現代は「形を作る」ことのハードルがかつてないほど下がりました。
だからこそ、これからの時代は「なぜその形にしたのか」という、モノを作る前段階の意図の設計にこそ価値が宿ると考えています。
プロダクトは単体で存在しているのではなく、ユーザーの生活や時間の中に組み込まれる存在です。
私はユーザーがプロダクトに触れる流れを、 「知る」 「アクセスする」 「使う」 「結果が残る」 という4つのステージに分解し、それぞれの文脈に合わせて体験全体を設計しています。
そして私が特に重視しているのは、その体験がユーザーにとってどのような意味を持つのかという点です。
機能を届けるだけなら、優れたUIは数多く存在します。
しかし、人の記憶に残る体験は、機能だけでは生まれません。
人が何かを始めたくなる瞬間。
未知の世界へ踏み出したくなる瞬間。
その小さな感情の変化を設計することが、私にとってのUI/UXデザインです。
nikkunのデザイン思想とその背景
私は昔からゲームが好きでした。
ゲームには不思議な力があります。
タイトル画面、最初のBGM、まだ見ぬステージ。
それだけで、「この先には何があるんだろう」と自然に前へ進みたくなる、誰かに指示されたわけではないのに、自分の意志で世界へ飛び込んでいく。
私はこの感覚に強く魅力を感じています。
そのため私のデザインでは、「操作しやすさ」だけをゴールにしていません。

ユーザーが自ら先へ進みたくなること。

もっと見たい、もっと知りたい、触れてみたい。

ユーザーの好奇心を刺激する、そう思える状態を作ることを目指しています。
デザインとは情報を整理するためだけのものではなく、人の行動を後押しするためのものだと考えています。
Design Example 1
UI Design Example
Button UI Design
Content Container UI
nikkun Portfolioに込めた世界観
nikkun Portfolioは、単なる作品集として設計したサイトではありません。
私自身の価値観を一つの体験として表現したプロダクトです。
サイト全体にはゲームを連想させる構造やデザインを取り入れています。
経歴はステージ選択画面のように、背景は探索できるセレクト画面のように、ボタンは次の世界へ進むための入口のように。
ユーザーがページを閲覧しているのではなく、一つの世界を歩いているような感覚を目指しました。
これは単なる演出ではありません。
私は人生そのものがゲームに似ていると考えています。

人それぞれ異なるスタート地点があり、異なる目標があり、異なる物語があります。
その中で私は、

「誰かの次の一歩を後押しする存在」

でありたいと思っています。
このサイトに散りばめられたデザインやアニメーション、レイアウトの多くは、その思想から生まれています。
ユーザーが迷わないこと。
そして少しだけワクワクすること。
その両立を目指して設計しています。

以下はその一例です。
Button UI Design Detail

設計され抜いた「Button」

ボタンは、ユーザーが操作する上で最も重要な要素の一つです。
ボタンは大小用意されており、重要度に応じて使い分けられています。
また、ユーザーの思考を妨げないシームレスなフィードバックを実装しています。
UI Design Example Detail

統一感を追求したデザイン

コンテンツ全体で統一感の出るように、
角の丸みや色、状態などのデザインを統一しました。
アニメーションや動きも一定の統一性を持たせています。
Design Texture Detail

質感/物理法則のあるUI

UIに物理的な重みや弾力性を持たせることで、
操作に対する直感的な納得感を付与しています。
触れれば物理法則に則った自然なフィードバックを得ることができ、
例えばトグルスイッチは、壁に跳ね返るようボールのような弾力のある動きをします。
ユーザーに、明確な状態変化と心地よさを同時に提供します。
Variable Fonts Example

バリアブルフォントによる表現

バリアブルフォントは近年活発的に活用され始めてきた技術です。(この技術自体は2016年から存在しました。)
バリアブルフォントは、従来の太字やイタリック体と異なり、
より細かな制御、変形ができ、状態や量をわかりやすく表現することが可能です。
当サイトのロード画面にも使用しています。
UI/UXデザインの将来
私が作りたいのは、ただ美しいUIではありません。
使いやすいUIだけでもありません。
その先にある、

「何かを始めてみたくなる体験」

です。
幼い頃、ゲーム機の電源を入れた瞬間に感じた高揚感、新しい世界へ足を踏み入れる期待。
その感覚は今でも私の原点です。
私はこれからも、人の行動を少しだけ後押しし、新しい挑戦のきっかけを作り、
誰かのゲームを"スタートさせる"体験
をデザインしていきます。

Thanks for reading — nikkun