profolio of william jen

26
portfoliooo

Upload: slurpeewithoutice

Post on 30-Jul-2016

228 views

Category:

Documents


4 download

DESCRIPTION

Profolio for Fourdesire. About self-introduction, APP/ UI / Hardware / Pregnancy Booklet Design & some Photography

TRANSCRIPT

portfoliooo

前陣子曾經想嘗試做產品創業,是一個在使用者研究中洞察延伸出的idea。目前正在ALPHA Camp兼任digital product design的助教,以及接數位設計的案子

我1993年生,從小對文學與生態很有興趣,大學的時候讀的是高師大工業設計。

你好 我叫任書逸

大學時的暑假曾經去過東非馬拉威的NGO,Luke Interna-tional進行攝影實習,也協助一些社區計畫與視覺設計。

司法行政役退伍後我參加了ALPHA Camp的digital prod-uct design課程,成為team project的founder。

我平時喜歡閱讀、攝影、足球,也喜歡隨處走走,看看沒看過的、體驗不同的事、跟不認識的人聊天。

在project運行過程中學到了許多產品開發、以及與iOS、web工程師合作、與marketing討論產品走向的經歷。當課程結束時,團隊本來想要繼續完成至上架,不過當初決定以團隊而非公司運作,因為成員時間精力無法繼續等原因而暫停了。

在當地的經歷給了我許多啟發,最重要的是避免本位主義的思考。我們是與當地人“共同”工作,發現該做什麼,而不是直接把我們想的拋給他們,那種給予式的“幫助”

Two Lines

Pregnancy 101 of St. Lucia

Some photos

蟲返自然真實接觸自然的遊戲體驗

串連懷孕間夫妻的互動APP

聖露西亞孕婦手冊的視覺設計

Two Lines市面上有許多懷孕相關的產品與書籍試著提供使用者們更多資訊,卻很少有產品關心媽媽們的心情以及在想什麼。

這個project始於ALPHA Camp的final project

我們團隊共有六名成員,我是其中的founder也是唯一的designer,負責絕大部分的設計/使用者研究、interaction design、視覺設計,以及協調與帶動團隊成員。

designer marketing ios engineer web engineer

過多的資訊有時成為一種負擔,其中一位看了很多懷孕書籍的受訪者對我說「就好像考試一樣啊,要預習還有複習」好像不這麼做就無法順利分娩似的。

深入下去後發現,他們閱讀資訊想要的其實是一種掌握狀況、安心的感覺。

而不在意資訊的媽媽,也是因為覺得自己很健康而不需要在意太多。

在研究伊始,我先從“健康資訊的使用方式及來源”著手,以下是我研究與訪談後的一些洞察。

在研究中我們發現,不斷地給予資訊幫助有限,真正重要的是心理上的滿足。

而影響媽媽們心情的除了資訊之外還有許多,其中尤其重要的一項就是孕婦的伴侶,於是我開始了解懷孕間的夫妻相處。

許多爸爸嘗試閱讀資訊來關心妻子,卻未必能很敏銳地察覺到妻子的心情與狀態。有時候他們不是不想關心,而是不知道發生了什麼。

枕邊人的體貼與關心對媽媽來說是莫大的支持。可是有些爸爸想要關心妻子卻不知從何下手,甚至弄錯地方愈幫愈忙。

而比起涉獵健康資訊等等“普遍媽媽們”的問題,知道“自己的妻子”遇到了什麼更加重要

?

我們決定打造一個串連起夫妻互動的產品。而為了讓丈夫更了解妻子的狀況,我們需要媽媽主動告訴APP她的心情、不適以及小請求。

在研究過程中我們觀察到媽媽們對寶寶很有感覺,對她們來說產檢除了觀察健康狀況外,也像是去醫院跟寶寶見面一樣。

所以我們在APP中創造了虛擬寶寶,他會隨著時間成長,就像真的寶寶一樣。

我們試著利用對話與互動,讓APP中的寶寶與媽媽們建立關係。並透過APP將媽媽的狀態告訴爸爸,讓爸爸能了解妻子的狀況,並給予回應。

媽咪~媽咪~

妳今天心情好嗎?

媽咪~早安~100%9 41 AMSketch

也會貼心地主動關心媽媽,也讓媽媽能夠將自己的各式狀況記錄下來。

寶寶會主動說各式各樣的話,與媽媽產生連結。

除了寶寶主動詢問之外,媽媽們也可以在任何時刻點擊左下角的對話按鈕,主動與寶寶傾訴。我們將主要的項目分為心情、不舒服、以及小願望

產檢對於媽媽除了是確認寶寶的健康狀況外,也像是在醫院中與寶寶的會面

依照媽媽紀錄的狀況給出不同的健康資訊建議

媽咪最近又要產檢了喔,快要可以到醫院跟媽媽見面了,好期待喔~

媽咪最近好像常常抽筋,可以補充一點鈣質喔

100%9 41 AMSketch

100%9 41 AMSketch

WC

100%9 41 AMSketch 100%

1 2 3 4 5 6 7 8 9 10

許多媽媽在不舒服時會直接用手機上網搜尋,但如果不是特別嚴重的話或許查過就算了,丈夫也就無從得知。

選擇不適的狀況後,寶寶會告知媽媽將會把狀況傳達給爸爸,並記錄於產檢備忘中,媽媽也可以選擇不要。健康資訊主要著重於舒緩方式,以及簡單的可能原因,對資訊有更多需求的人也可以點選瞭解更多。

主畫面中的寶寶也會對針對媽媽的狀況產生不同的反應。

不適症狀會被記錄在右下角筆記按鈕中,讓醫生能夠更清楚地了解媽媽的狀況。

5.

100%9 41 AMSketch

100%9 41 AMSketch

100%9 41 AMSketch

選擇心情後可以輸入簡短的文字,寶寶做出回應的同時也會在夫妻雙方的APP中出現代表狀態的泡泡,讓爸爸知道發生了什麼事。爸爸回應後,泡泡會一閃一閃的提示。

在issuu關於這本作品集的介紹中有prototyping demo的影片喔

Albert

100%9 41 AMSketch

returnspace123

n mbvcxz

lkjhgfdsa

poiuytrewq

100%9 41 AMSketch

100%9 41 AMSketch 100%9 41 AMSketch

爸爸,媽媽最近很常抽筋,也許可以買鈣片給他吃喔

而爸爸除了被動地接受妻子的狀況及回覆外,寶寶也會依照媽媽的身體狀況、或是懷孕的不同階段給予提醒,讓爸爸能夠更主動地參與懷孕的過程。

最後關於TwoLines的一些心得。除了上述的觀點外,研究得過程中我還得到了許多洞察,然而為了更專注於產品我們忍痛將許多重要的觀點排在未來的階段之中。當初本來要將產品完成至上架,然而在以project team而非公司運作下,產品因為開發速度不夠快而暫停了。

designer

這是大學時的畢業專題,我與partner兩人一組共同進行研究發想等等階段,在模型製作階段時,實體產品的機構、3D模型建立與組裝主要由我負責,APP部分則是在討論出流程後,由我的partner負責

保護環境最好的方法或許是讓人開始了解自然、愛上自然

蟲返自然

我從小學時知道冷媒的壞處後就不開冷氣,但是我很難把這當成不證自明的真理去要求別人、把自己的價值觀強加到生活體驗截然不同的人身上。在研究開始時,我們首先尋找究竟是什麼讓人開始在乎環境

或多或少做些對環境友善舉動的人,常是在體認到我們的行爲對環境的破壞之後開始。然而那是在了解到自然的美好並開始乎後發生的事,不在乎的人即使意識到破壞也是枉然。

我們決定設計一項讓人能夠主動接觸並了解大自然的產品,而這件事開始得愈早愈好,所以8-12歲的小朋友成為我們最終的目標族群

小朋友探索新事物的好奇心與收藏新玩意兒的渴望非常強烈,我們以能夠結合自然界某物的玩具進行發想,藉此激起小朋友主動探索自然的慾望。

剛好,自然界中的生物就是五花八門、探索不盡的。而昆蟲又是其中種類最多又隨處可見的動物。

然而動物不是玩具,無節制的收藏更會造成可怕的破壞。所以我們採用探索真實生物,以虛擬方式收藏的概念。

產品的實際使用者雖然是小朋友,但購買與允許使用的人卻是師長,而他們對於寓教於樂非常有認同感。

我們決定打造一個收集虛擬昆蟲的APP

小朋友很容易受到變化吸引,我們在每一次回答後加入變化,增加小朋友的專注力與回答慾

當小朋友抓到昆蟲後,APP會詢問小朋友關於昆蟲特徵的問題,小朋友一邊觀察一邊回答,在過程中學習到如何辨識昆蟲與物種的特徵,並增添遊戲性

循序回答後可以得到答案並獲得虛擬昆蟲,同時將活體原地放生。

100%9 41 AMSketch

然而發現新昆蟲不總是容易的事

小朋友可以在APP中使用掃瞄功能,發現範圍內其他人曾經發現過的昆蟲。引發小朋友探索周遭環境,尋找未知昆蟲的慾望

蒐集到的昆蟲會依照捕捉時的環境做分類,可以在APP中主畫面的不同環境觀察昆蟲的活動。

掃瞄到昆蟲後,小朋友可以點擊查看並得到資訊,例如黃裳鳳蝶的幼蟲吃馬兜鈴的葉子。如此一來小朋友可以更容易地尋找到昆蟲,同時學習到生物與環境的依存關係

100%9 41 AMSketch

在設計吸引小朋友的體驗之外,我們也要確保將捕捉昆蟲時所可能造成的傷害降到最低

傳統的捕蟲網在抓到蝴蝶等飛蟲後,需要用手將昆蟲捉至透明的觀察箱觀察。而小朋友不會拿捏力道,這個過程很容易讓昆蟲受傷。

我們的觀察箱半開放的設計提醒小朋友觀察完就把他放走,而不均勻的厚度也有放大鏡的效果。

我們設計的捕蟲網有別於傳統的網子,在捕捉到飛蟲後可以將口徑收縮至與觀察箱開口等大,貼合兩者後飛蟲便會自然往上飛,避免了用手碰觸的過程

一趟捕蟲行動中有些東西是不可或缺的,但家長未必知道該準備什麼,我們希望可以減少家長的負擔

不像常見的蝴蝶、飛蛾等鱗翅目外,種類最多的甲蟲不是那麼容易發現,除了利用趨光性外,利用水果吸引誘集也是常見的方法

我們使用系統化的方式引導使用者完成前置動作

打開上蓋放入水果,並旋緊密封,避免在旅程中散發氣味。到達目的地後將捲尺繩拉出纏繞於樹上,打開下蓋露出包裹著水果的網袋,並將下蓋掛於另一側方便回頭採集時尋找

而除了要準備捕蟲器具外,可能也需要用到水壺、雨衣、手電筒等器具。我們有一個關於背包的概念,除了能放置目前的捕蟲產品外,還有許多格子與圖示提醒使用者背包內究竟要放些什麼,如此一來小朋友就可以自己告訴家長需要準備什麼,避免忘東忘西,也不需要購買一整套的裝備而可以使用現有的,減輕家長的負擔。

Pregnancy 101of St. Lucia

封面設計

嬰兒的形狀, 也是 “B”for Baby

媽媽的線條,也是 “M”for Mother

象徵母親與嬰兒連結的臍帶

Colour of St. Lucia Flag

與駐太平洋島國-聖露西亞公共衛生志工合作設計的孕婦手冊封面

封底 & 宣導海報

這是一本與國合會駐聖露西亞志工合作的孕婦手冊,放置在當地衛生單位,供民眾做懷孕諮詢時翻閱。

為了讓夠多人得知手冊資訊,並能在回家後閱讀,我們將手冊以電子書形式放置於網路上並設計了宣導海報。

結束後我才發現自己犯了一個很大的錯,當時只是把它當成一般的視覺設計,而忽略了手冊內容才是真正重要的事

原先的手冊就像本教科書似的,以疾病名稱等等作為章節名稱,然而使用者想了解的是發生不適的原因,而不是疾病會產生什麼症狀。

我試著更改孕婦手冊的架構為以懷孕階段區分,孕婦不需要熟記各階段的注意事項、好發症狀、產檢頻率等等,只需要尋找自己所在的階段,便可了解必須的資訊,從醫師本位的脈絡轉為使用者本位。

與公共衛生的夥伴討論後,很快地做出了這個demo

當初本來想就此與國合會討論,可惜的是那位夥伴任期結束後國合會便從St. Lucia撤點,後來也就因此不了了之

不過也因為這次對孕婦手冊資訊架構混亂的觀察,而有了後來Two Lines idea的產生

以孕婦的側寫為背景,從懷孕前到生產後分為六個階段,當階段會以明顯的顏色表示,讓讀者可以一目了然的知道目前的頁面是哪個階段

Want getpregnant?

Week1-12

Week13-28

Week29-40

Beforelabour

AfterlabourWant

getpregnant?

Week1-12

Week13-28

Week29-40

Afterlabour

Beforelabour

Attention

Want getpregnant?

Week1-12

Week13-28

Week29-40

week 1-12

About Mother

About Baby( Before the end of this trimester )

feel tired eat less more toilet

W.C.

nausea, vomit

heart beating brain appearing

big as the plum

could call it fetus

Beforelabour

Afterlabour

photos

phot

os

thanks for your time