Portfolio for UIUX

エ

王子依

T IO N

I n d u s t r i a l Des i g n V i s u a l Des i g n Tea m Ma n age m en t

日本　千葉大学　　　デザインコース（短期留学プログラム 台湾　陽明交通大学　応用芸術研究所

デザインコース　（大学院

台湾　東海大学　　　工業デザイン学科（大学 中国浙江省温州市　　生まれたから高校卒業ま

AR SH I P

学年度　東海大学大陸学生奨学 金

学年度　東海大学大陸学生奨学 金

学年度　東海大学大陸学生奨学

E X PERIEN C E

2 0 1 8 .7 - 8 温州東帝デザイン有限会社 １ヶ月半 間

児童ロッキングチェア案と児童遊戯施設案を参加した 。

日本千葉大学と韓国延世大学とタイK

2 0 2 0 .7 　「未来シナリオ構築ワークショップ 」 １ヶ月 間

。

中国美術大学文創センターと新華智雲科技有限会社が主催する 。

2 0 1 9 .8 　「日本室外家具デザインワークキャンプ 」 ５日 間

台湾東海大学と日本千葉大学と千葉工業大学が共催する 。

E XH I B I T IO N

2 0 2 1　　　陽明交通大学応用芸術所聯展「後藝情時代」 ビジュアルデザイ ン

2 0 1 9- 2 0 2 0

東海大学工業デザイン学科卒業制作展「做什麼設計？」 VI デザイ ン

2 0 1 9 「家扶基金會國際服務裝置藝術特展 」 インスタレーション展 示

2 0 1 8 東海大学第 28 回工業デザイン週「實厭世」展 VI デザイ ン

2 0 1 8

「紅土綠食」製品環境デザイン展 飲食 組

2 0 1 6　　　東海大学クリスマスインスタレーション展 インスタレーション展 示

U I /U X DES I G N

学校課題／4ヶ月 （18回 ）

U I D esi g n ( Main )-Ado be X D

UX D esi g n ( Tog e th er )

202 0

プロジェクトでは、「健康管理」をテーマとして既存のアプリ 「薄荷營養師」の分析を行った。 これに基づいて、新しいアプ

をデザインした。 バーチャル・キャラクターの開発を通して、

ーザーが良い食習慣を身につけ、体重管理ができるようにサポ

トする 。

原型分析 薄荷營養師

WHY

若 者 にとって 健康 的な 身体管 理 がますます 重 要 になって いる現 在 、「薄荷營養師 」は 、食生 活 の 改 善を 通じてこの目標を 達 成した いと考えて いる層 から高 い評 価を 得 ており、中国食品分 野 の 膨 大

な 食 品 デ タベ スを 備えて いることから、ユーザ からの 信 頼も 厚 い 。

有 料 ユーザ は 、このアプリで全面 的な 食生 活 の 見 直し、パ ソナルな ダイエットレシピを 利 用 することもできる。機 能 が非 常 に 優 れて いる。

TARGET

Heuristic Evaluation

5人の実験者を募り、アプリの利便性をヒュ リスティック評価をした。

03．操作説明がない、何から始めるのかわからない。

06.「再評価」機能は隠されているため、ユーザーが 目標設定を変更することは難しい。

10. 食品データは数値で示されるため、知識がないと 理解しにくい。

16.個人フィードバックは柔軟性に欠け、前日との比 較もない。長期使用のフィードバック曲線がない。

個人の体調、目標体重、達 成時間を設定する

キ ワ ド検索

バーコ ドスキャンによる

食品検索

日付、食事内容、分量を 選択して食事を記録

健康プランの取得

ワンクリックでその日の栄

養分析が可能

デメリット

明快でシンプルな

インターフェース

ガイダンス画面がないで、 すぐに始めるのが難しい；

「再評価」ボタンが見つけ にくい；特定の身体状況へ

の対応が不完全

ガイダンス画面を追加； より詳細なユーザー健康プ

ロファイルの収集に基づき、 よりパーソナライズされた食 事アドバイスを推奨

様々な比較機能と完全な

食品データを備えたパワ

フルで有益な検索

よく使う検索語

と写真認識がなく

検索速度が遅い

多彩な記録方法、直感的

なカレンダー表示、明確で 簡潔な食品デ タ

ホームページへのアクセ

ス場所が不明確、記録ペ

ージの変更が面倒

詳細な分析デ タ vipユーザーに、より詳細な

レシピ提案を提供

段階分析レポートなし、フ

ィードバックは単一形式

日付、食事内容、分量を 選択して食事を記録

識機能を増加

ダイエットの効果と実際に達 成された体重の変化を視

覚化し、ステージフィードバッ

ク曲線を追加

リマインダーの仕組みが なく、データを提示する方 法が1つしかないため、再 記録への意欲が低い。

CONCLUTION

結論 ユーザーを継続的な記録習慣に導く。

1

動物育成ゲームのインタラクションを追加

若い女性に好まれる特徴として、かわいい動物を使って育てることで記録癖 を養う。

2

記録プロセスのシンプル化

画像認識機能を取り込むことで、食品の種類や分量を素早く識別し、記録 作業を容易にする。

3

フィードバックの可視性と多様性を高める

ユーザ の体重記録を動物の体格変化に反映させ、より直感的なデ タの 視認性を実現する。ステージごとのパフォーマンスをさまざまな方法で表示 する。

4

ソーシャル・ネットワークを構築

仲間の仕組みとネットワーク活動の仕組みを追加することで、さらに豊かな 体験を提供する。

「薄荷營養師」アプリの構成を見直し、「飲食小鶏」の構成を設定する。

Visual Identity

R=255

G=200

B=108

M i c r o s o f t J h e n g H e i

R=255

G=237

B=188

ホームページ

明 確な機 能 的 区割り 主な分析機能と記録機能は左右に配置され

、右上にはシステム類の機能を示す小さなア イコンが配置され、上にスワイプすると換装 モ ドになる。

中央は動物の状態表示で、クリックするとポ

ーズが変わり、長い間記録されていない場合 は落ち込んだ状態になる。

左上のステータスバー：7日間連続記録の達 成度を表示。3日以内に記録がない場合、日

数に従って減少し、3日以上経過するとゼロ にクリアされる。7日間の連続記録が達成さ れると、ショップの服をアンロックするための 卵がもらえる。

動 物育成を中心として

記 録の積み上げ

段 階 的ロック解 除

7日間の累積記録後、ショップで2つ

の衣装パックをアンロックする。衣装 は購入前に卵で外観が表示される。

常に期待感が高まる。

動物の体 格は、実際に記録された体重に 影響され、健康的な体重の範囲内でなけれ ば着用できない服もある。

体重は衣 服の着用に関わる

記録

記録プロセスのシンプル化

まず食事を選択し、その食事の検索バ ーに行き、食事に合わせた最近の検索、 よく食べるもの、写真認識機能を使って

素早く料理を追 加する。

カレンダーの進 捗 表 示

カレンダー機能では、記録日数の累積 や、段階的なタスクの進捗状況を確認

することができる。

データ視 覚化

期間を選択し、期間中の体重の変化を 動物の身長の変化に反映させる。

さまざまな折れ線グラフや円グラフも、 栄養摂取量の表示に使用される。

段 階 的フィードバック

段階ごとの記録 結果の報告。 栄養状

態の週次／日次分析を表示。 記録の 実績を可視化。

W EB DES

a n ar t Ga l l e r y

学校課題／4ヶ月 （16回 ）

H TML (A b o be D r eam w ea v er )

CS S

J a v a Sc rip t

202 2

イラスト、同人作品、アイドル

2 0 21 年、コロナの影響で生活や計画に多くの変化があった。 偶 に近田力丸さんのことを知り、彼の素晴らしい資質に感銘を受 た。 彼の最も感心させられる点は、自分の好きなことを職業に 展させ、業界のトップにまで上り詰めたことだ。それで私も再 筆をとり、ただ模写をしていたのが、 1 年で1 40 点以上のオリジ ルイラスト（模写練習も含め）を描くようになった。 授業中で んだウェブ制作を生かし、私が制作・参加したすべての作品を ェブサイトにまとめ、彼のデビュー1周年記念にプレゼントした

Visual Identity

ギャップ萌え 言語能力者

日本語、ポルトガル語

INTO1国際男子グループ

ダンサー

2011年ダンス甲子園に優 勝 一流なダンス振付師

SHINee、B oAやRed Velvet 、NCT127など KPOPアイドルの振り付 けも担当した

日中混合4人グループ

WARPs UP（2019年ー）

人物 紹 介 近田力丸

2021年中国のアイドルオ ディション番組

「創造営2021」で3位でデビューした芸能人

F #F4 D 7 E 7 #9698 C 6 # BB 99 C 6 #A1699 A

Coding &Layout

異なるイラストを適切な鑑賞方法で表す

小さなイラストはギャラリ 形 式 で表 示される。

画 像をタップ すると、そのシリ ズの 他 の 画 像 が テキストの 説 明とともに 表 示される。

大きなイラストは 、全 画 面 スライドショ で 表 示さ れ 、イラストの 雰囲 気をより感じることが できる。

F ana r t G all e r y

RWD

R e s pon siv e W e b D e sig n - Me di a Q u e ri e s

さまざまなデバイスでウェブサイトをスム ズに閲覧できる。

htt p s : // j i c hiw an zi . github . i o /ri k i ma ruf ana rt/i n d ex. ht ml サイトリンク：

s c r 768p x

G R A P H I C DES

卒業制作展／1 年

団体作業／４ 人

チームリーダ

キャラクターデザイ ン

グラフィスデザイ ン

做什麼設 計

2019 - 202 0

展覧会、ブランディング、グラフィック

卒業制作のグラフィックデザインナーを担当した 。 擬人化された生き生きとしたイメージを使用して、工 業 デザインん学科の学生たちが、デザインの全過程の中 で 歩んできた道のりをイラストレーションスタイルで表 現 し、学生たちの共感がより高まることを期待して。

本 語 で 二 つ の 意 味 に 解 釈 できる。

は 私 たちが卒業制 作 で何 度も何 度も自 分 に 問 い

ける質 問 である。

自らに 問 い 続ける中で 、自 分 が ほ んとにやりた いことを 探し、デ ザインを する意 義を 見 い 出 す。

将来 、私 たちが デ ザイナ になるとき。自 分 に ｢どん な

デ ザインを するのか 」を 問 い 続けなけ れ ばならな い 。

｢どんなデ ザインを するのか 」とは「どんな自分 になりた

# EC 626 2 #404 D 8 D #00000 0 # ECD 15 0

何をデ ザインするのか 」

なぜデ ザインをするのか 」

」とは

キャラクター（全員 ）

デ ザイナ と製 品が ユ モラスにイラストに 組み 合 わされて いる。それぞれ のグル プ に は 対 応 する形 が ある。

それ は 、デ ザインは 私 たちから生まれるということを 象 徴して いる。

棚

警告標 識

ベビーカート

IDカード

出展団体ごとに出展商品 に応じたキャラクタ イメ ージをデザインし、IDカ ドや会場装飾に使用。 IDカ ドを身につけたデ ザイナ は、来場者に彼ら の作品としてより強く記憶 される。

2つの段階のポスターは互いにリンク している。 デザインの継続的な改良 のプロセスは、作業員がまさに「自 分自身」を具現化するために懸命に 働く建設現場に例えられている。 小

さな図形は、私たちがテーマのプロ セス中にいるさまざまな状態を示し ている。

FINAL DISPLAY

201 8

展覧、実験、デザイン学科の日常

この展覧 会 は 工 業 デ ザイン 学 科 の学科展 示を 知ってもらうた

めに 、クリスマスに 一 般 公 開される1 週 間 の 展 覧 会 である。昼 と夜という2 つ のモ ドが あり、これ は 工 業 デ ザインの 学 生 の デ ザイン 学習過 程における2 つの状 態に 対 応している。「實 厭 世 」は 中国 語 の語呂 合 わ せ である。私たち工 業 デ ザイン 学 科 の 学 生 は 、挫 折 に 直 面して疲 れ 果 てても、挑 戦と革 新 に 執 着 する実験精 神を 持っているという意 味である。

立 体ロゴ

招待 状

拓 扑 学 の 折り紙 の 原 理を 利 用して、黒 い点線部 分を 切り取り、中 心 の 任 意 の 2 つの 対角 線をつ かんで外 側 に 360度回 転させると、合計 4 つの 図 形を 得ることが できる。パ ズ ルを 解くことで 情 報を 得るインタラクティブな

体 験を 楽しめる。