https://www.jean-chen.com/home daily 1.0 2020-03-15 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562119960265-LH66MOA11IC4GD8E51DH/3+copy+3%400.5x.png JEAN CHEN - 主要介面設計『景點介紹』這頁為進入詳情頁前的簡單介紹，用戶可藉此快速了解景點的一切，如不喜歡即可點擊右上關閉，主要設計為彈窗的方式呈現，這樣再搭配地圖使用時則更加便捷。頁面也採用景點的高畫質照片來呈現，這樣就算用戶只進入到此頁也可知道景點的外觀是如何的，也可不必進到詳情頁面就吸引用戶前往旅遊。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555915891697-9NTWFRVK0R1SLY1ZMKA9/%401xcom_3.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1561972864538-K27C2S27LKI6VA4KBMXE/gw_user+flow.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555915709462-AV5HVLMUU4O5314L1R62/%401xcom_2.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555919094166-AOD2VQP2MZXUUUI779MO/IMG_2315.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555907018803-VIFUYQM9AZGGA4MO6JCI/246x0w.jpg JEAN CHEN - San Francisco Travel Guide and Offline City Map FUA Travel Guides Media B.V. https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555925162335-3GZF796AEEJX07GOIPS4/%401xgui.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555913053413-5VJY4RA3Z6KK9VZBU2PV/download.png JEAN CHEN - CityGuideDeals San Francisco CityGuideDeals San Francisco https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555915735727-OD5X9EZ5Q8V0C99UZYS7/%401xcom_1.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555919176876-QS7RYZNVYWXKE42NLD9X/IMG_1172.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555916915986-60WBTB0503UZKIIYIFOV/%401xcm.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562062449529-7J7QBGMTYFG3RFZLYN5J/%401xwf-w.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562118683835-3JMYSWGG2LCSJ9XJ7AOO/3%400.5x.png JEAN CHEN - 主要介面設計『首頁』這頁面為Go Where的首頁，採用無導航欄的方式，因功能不多，不需要導航欄做協助切換，只需在右上角加一個菜單欄即可，這頁面的佈局第一塊為banner，為一張舊金山的照片，下面為三個主要功能項，有行程表、天氣及地圖，在旅行途中，用戶可使用這三個功能查看及了解舊金山的遊玩地，再來為日期、時間及天氣預報，底部為標籤，用戶可點擊任意標籤進入旅遊地點詳情頁，標籤皆為舊金山有名的景區。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562144177451-8CJJUHRN75ZKU6OYEZ5T/gw_color.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562073501612-VZZ94LLXR69IM56YRQLO/Group%400.5x.png JEAN CHEN - 主要介面設計『行程』行程頁面是為用戶安排的，每一天皆有合理的行程安排，如用戶想變更行程也可透過各地點的詳情頁去找尋適合的地點及時間安排，行程頁為推薦用戶之行程，每站需花多少時間停留，景點的詳情介紹，皆可由此頁進入。設計採用列表式排列，簡單的佈局，合理的安排行程，是最重要的在此頁中。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562033677143-J3NI8RFPK48NL1FAKXVB/gw_map.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562072942249-58QW41V97R6EMBIRPSYR/p_whole%401x.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562119433509-HHAY3OU5HRL957YIQK5L/3+copy+4%400.5x.png JEAN CHEN - 主要介面設計『地圖』地圖頁面可幫助用戶快速找尋到自己的定位，也可從中查詢周遭的景點，如想要更隨性的玩舊金山，也可使用地圖找尋並自行安排行程。點擊任一景點即可進入詳情頁面，介面的設計簡單，就是希望用戶的焦點能集中，如果設計得過於花俏，可能導致失焦，所以採用易懂且清晰的設計。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563414994952-I0VCZOVHH961C9D0MP2B/%401xlogo_design.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562071892353-70NEQG67K6RL4UUGC5GM/cover_g.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562118722889-NRT6TRRMTK568CAQTOEP/3+copy+2%400.5x.png JEAN CHEN - 主要介面設計『天氣』天氣頁面可幫助用戶在出門前了解當日天氣，並可準備當日所需的衣物，因為舊金山終年溫度偏涼爽，所以需多配帶一件外套。介面的設計以溫度及天氣狀態為重點，所以對此採用較大的圖形及文字，用戶一進入頁面便可一目瞭然，其餘資訊如當日最高溫、最低溫、風速、降雨率...等資訊，皆會顯示於此頁中。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562143937905-PESTXH6PUARI8UBEDJTZ/%401xwf-p.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555913223698-AX95IAC1OAEVVY0U0QC8/246x0w-1.jpg JEAN CHEN - San Francisco Travel Guide eTips LTD https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562829446543-YIZUOXA35SMHQPK3BJNF/urs-user+flow_signin_phone.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1570680745313-QLZJBEBNL88TOLHFUL5G/urs_w.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191831107-HOWEPK7AE3TDHR0QZMKM/p-signin_fogot_2.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563156251676-I3NKCJR3VWSGKOLDT1BQ/Group+4.jpg JEAN CHEN - 主要頁面『登入』登入介面的設計著重於填入登入信息，在點擊填寫時，採用了點擊後提示語有個小動效切換成為名稱標題，當用戶將帳號及密碼填寫完成後，登入按鈕將會亮顯，提示可進行下一步驟，如忘記密碼，也在密碼欄右下方的位置，有忘記密碼可進行重置密碼的功能。如想快捷登入，可使用簡訊確認碼或者社交媒體的登入，皆可進行快捷登入的操作，但由於目前安全性與完整性的考量，我們將社交媒體的首次登入是需綁定手機號的，所以如果第一次使用社交媒體登入的話，需多一個步驟。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563156377427-XPHTS5EU1MU0DR5JD92S/Group+7.jpg JEAN CHEN - 主要頁面『驗證碼』目前我們採取的是四位數的驗證碼，後續可能會為了安全性考量增設到六位數，且4-6位數為人們快速記憶裡的最佳位數記憶，即便增加到六位數也不會使得用戶在記憶上有所困難，加上也可以從系統的鍵盤上點擊快速輸入，使得用戶更加便利。如無接收到驗證碼，用戶可於60秒後點擊重新發送驗證碼。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191551324-IUM5QXVZOHEO38V8F9JW/p-signin_phone.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191788157-MEJWE25FND2HQAY2R6J7/p-signin_fogot.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563156228857-3IXH1LLSMZQYCMB15FXE/Group+5.jpg JEAN CHEN - 主要頁面『註冊』註冊的頁面，我們在右上角的位置並無放置登入的切換入口，主要是因為我們在測試的過程中，發現放置在右上的登入切換入口並無太多用戶使用，如想返回登入頁面，皆點擊了返回按鈕，也因用戶一進到頁面的初始頁面為登入介面，在沒有註冊的時候才會切換到此頁面，所以以用戶習慣來說，放置了返回的按鈕在左上的位置，用戶只需點擊返回按鈕即可回到登入頁面。由於集團的業務有跨城市跨國的原因，所以在手機號碼的註冊上，需填入區域號，以避免可能有相同重複號碼的情況發生。由於運營需求，所以我們的註冊介面會首推手機號的註冊而不是郵箱，如用戶依舊不習慣使用手機號註冊，還是可從下面的位置切換註冊方式，由於 URS 最先實施的對象為香港 01，所以我們在香港進行了設計前的調研，依據調研結果分析出用戶對於手機號註冊的接受度已不像以往的比例較低，目前已達到了83%的用戶接受同意，所以我們將原有的電郵註冊換成了手機號註冊為優先。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563276254403-9WIGDT4TYGC4J3YCDF77/urs-user+flow_others.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562829503819-HKTWABH8XH7LBRNSK9NT/urs-user+flow_forgot.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562829384755-GVD5IRDHGUMESG0IXBH0/urs-user+flow_signin_account.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191495802-26UZ3BTK6ANM94NV324H/p-signin_account.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191425711-3ZF5YQNDT2QDXAVLZBXD/p-signup_2.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563156518126-SAFQGHTBZKD8F184FPAE/Group+9.jpg JEAN CHEN - 主要頁面『找回密碼』用戶可透過手機好或者郵箱重新設置新密碼，在此頁面中，如用戶使用手機號找回密碼，需選擇電話區號在填寫手機號碼，區號的填寫可讓數據庫的匹配更加正確，也可避免相似號碼的情況出現。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562926576756-MR82S3P6A7ROIYTBYLJL/urs-color.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563098992288-YQU2XQA8NUGT736B6F2M/%401xurs_map.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191377615-NBC74HBP7YCI3TSWK5DE/p-signup.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191659442-5HTC5QAV2RM1RKJYFCHA/p-signin_social_2.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563156474621-P6WL2DVW1BD3TQSR8GJT/Group+8.jpg JEAN CHEN - 主要頁面『設置登入密碼』設置登入密碼的介面，使用了基本的再次確認密碼的校正動作，避免客戶誤觸輸入錯誤，而導致設置的密碼與自己設置的有所不同。由於密碼的安全性問題，密碼也有一定的設置規則，當輸入完密碼後，完成按鈕將會亮顯，點擊後，會自動校驗兩次密碼是否相符，如相符即可完成設置步驟。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562829166853-93CN4OYGKTZTFA84S0UI/urs-user+flow_signup.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191603337-NZML8XPIG4JVOI3OOXGL/p-signin_social.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562150699418-V9VTV7PG6IPA753ZUQ9A/%401xth-logo_design+process.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563338969801-VEG96FUXXQIHYA1OEN4S/%401xtiehua_2.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339041769-L9290JV04170EKQ8J9HQ/th_color.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339123190-A677AHHJNEC0MDSTME95/th-web-wireframe.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339217825-8IH2QPR9Y8Z1HEU3MAZC/th_ticket.jpg JEAN CHEN - 主要介面設計『Ticket』這頁面是有關購票，所有在鐵花村演出的樂團時間都會一一列出，按照時間先後順序依序排序，如知道時間日期或者樂團名稱...等，可在上方搜索欄直接搜索。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339060988-MZZYROHL272V8FMQCNLH/th_index.jpg JEAN CHEN - 主要介面設計『Index』用戶可以透過搜索欄進行有關鐵花村所有樂團及音樂人演出時間查詢及購票，下面則為熱門樂團演出信息，底下介紹每週末鐵花村的手工藝活動及課程，可提供用戶有關信息。佈局簡單，目標為清楚傳達信息，設計著重於圖片的吸引人及不給用戶過多信息，導致無法短時間內接收大量資訊，當用戶首次進到首頁時，主要是想知道鐵花村的信息，而作為給予方並不是漫無目的的給予用戶最多及最完整的信息，這樣反而導致用戶無法精確找尋到目標，而分散焦點，所以我們在佈局及文字上，標題採用粗體字，讓它顯示明顯，其餘利用高畫質照片吸引用戶點擊查看。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339154662-17MZLL41OIBON4AUOAF6/th_about.jpg JEAN CHEN - 主要介面設計『About』有關於鐵花村的介紹會在此頁提供，任何與鐵花村有關的信息皆在此頁能觀看得到，營業時間，地圖，鐵花村是一個什麼樣的地方，鐵花村有什麼特色...等，版面由鐵花村的照片作為背景，目的也可用照片更加吸引人前去參觀，高畫質照片是最好的推銷途徑，也會更加促使人們去一探究竟。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563338341244-3N77QFYQX6CW6DZ51RQ8/cover_t%401x.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562150730239-GZBAXKHMA9W70CCGOQHY/%401xth-logo_final.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339247208-TR54REFNHBSJDP93PBZH/th_details.jpg JEAN CHEN - 主要介面設計『Details』這頁為樂團詳盡資訊，可藉由此頁面觀看及了解樂團，有樂團介紹和表演影片可觀看，如果是第一次想了解此樂團演出的觀眾，可透過影片了解樂團的音樂風格再決定是否前往購票欣賞演出，如果喜歡，也可直接在此頁面進行購票，不需要再返回或者進到別的頁面做購買的動作，信息排列清晰，不會造成用戶來回切換尋找有用信息，減少用戶不必要的時間浪費。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339648860-JB8YNL75RF4JQ0GISQ2H/w-st-01.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329649290-SOSL8YKXNE5WDJLY35MJ/st_color.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563330062047-JGYDA3VF0G817U9LVQGY/st-b04.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563330043889-581CRRREXQHY1VOPVAAU/st-b03.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329859149-N2V5HVJSW44CFGKKNQC1/st-b02.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329686424-D4R86HGZMKRAH3XHQ54G/%401xst-logo_final.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329822437-U7HSEYC8OYCGUYIEJI66/st-b01.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329670737-7D8VZJ32WONYGXGLKAIZ/%401xst-logo_design+process.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329588978-N0APOKF1OWSBTUPLUVXD/st-banner%401x.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329988624-ELQJ3NWPCH45YSFZQ29L/%401xsv_10.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563330114905-M72GDSAJR9GGBCDM4UK1/p-st-03.jpg JEAN CHEN - 主要介面設計『About Us』將畫面的排版設計的更加統一性，且易讀，也使用了清晰高畫質的照片，這樣更加吸引用戶去酒莊遊玩且品酒過後購買商品。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563330098970-69OVIJ5YZBOBR24R4PRB/p-st-02.jpg JEAN CHEN - 主要介面設計『Order』這為購買頁面，用戶可從頁面上進行酒類、門票及俱樂部三項的線上購買，我設計了三種不同的icon，讓用戶能透過icon快速識別，也增加頁面的趣味性，並且更加吸引用戶的注意力。另一頁則是門票的購買內頁，門票有三種不同的類型，所以我也設計了三款不同的icon去代表他們，這可使得畫面層次分明且戶讓用更加容易找尋得到目標。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563330082398-0FXBWXNR8YB9FKX8QTTM/p-st-01.jpg JEAN CHEN - 主要介面設計『Index』這是網站的首頁，大概介紹酒莊有哪些活動及特色，這網站為重新設計，所有內容以網站原先的內容為主，主要是設計風格的變換，因原有的網頁版面設計的有些雜亂，所以我將佈局及icon做一個重新的設計，使得視覺看起來較為清晰。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329623621-ASCUXLTERO5RCRANM9LN/cover_sv%401x.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190412947-1JXO60GE2ZDQWDIB0B6C/%401xgd_jj_11.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563331904439-RKSPA5Z16B16LOUC1JQ9/%401xp_jj_05.jpg JEAN CHEN - 主要介面設計『互動式遊戲』故事中會有互動式的遊戲，讓使用者在閱讀故事時不會覺得無趣，而是更加吸引他的注意力，藉由玩遊戲及聽故事的過程中間接學習到了文化。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190119066-PPOHCPMFVO9QH365XWF9/%401xgd_jj_07.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190152317-7Y4JAEA0B3U9O4UAU5KS/%401xgd_jj_08.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563331314303-4DBYYHY9328V9330G6ZB/%401xjj_prototype_01.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563331885525-SGP4Z76NYM4NF17O1ZYA/%401xp_jj_04.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190019699-3ZLF7UFICHK5GSWYMVZ9/%401xgd_jj_05.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563331006526-D5IUZO08D173MQAOGTRV/%401xjj-w-all.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190286251-4KB71HDMGW2UNYU2A11R/%401xgd_jj_09.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190001973-AXY88KM49O1P8SFODUL2/%401xgd_jj_04.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332235371-8S7ZAFA7E5UGEUJP5NEP/%401xgd_jj_01.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563331035075-OMF87IM6J9C7XJ73XN5Z/%401xw_jj_v3_01.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563189965417-DYPDTYPJMD487SCVZXAN/%401xgd_jj_02.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190438397-P6YQ5MA9LH8UV4A1JX85/%401xgd_jj_12.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563331373169-K712ASSZ7D9EUYYMUPTU/%401xp_jj_01.jpg JEAN CHEN - 主要介面設計『主頁｜地圖』地圖的呈現方式為動畫型態，透過日夜的轉換來呈現地圖不同的樣貌。在地圖中，主要分成四個不同難度的關卡，使用者必須通過目前的關卡才能開啟下一關，每一關卡有著角色們不同的故事內容及遊戲，使用者透過點擊的方式選擇關卡以及進入到下一個頁面。使用者的第一個關卡為虎將軍，當使用者完成關卡後才能解鎖下一關，進入到下一層級，這是一個增加挑戰性及趣味性的設計。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332492009-5X85RSZAE10RC96GWX83/%401xjj_cover.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563331184459-PKPVGVD8JYDNWV68M5KX/%401xjj_ia.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563189982092-0IGTJ8033WSA19QP3QJ3/%401xgd_jj_03.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190321410-VP33H3TBE2WETHZDIPYO/%401xgd_jj_10.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563331341583-A2DVO67JO4ETZXU4UPDF/%401xjj_prototype_02.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190064849-BL71H9FF532AQSPULQRJ/%401xgd_jj_06.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563331058311-A7FHP1TZWQYZ0VHGHQB5/jj-user+flow.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563331851158-OI9YS7AMDYJ0YOXT0AH1/%401xp_jj_03.jpg JEAN CHEN - 主要介面設計『故事｜動態呈現』使用者一邊聽著故事一邊有著動態的故事呈現，是很吸引小孩的注意力及增強記憶點，故事中也有著小遊戲及互動式遊戲，這也是能增加趣味性的功能。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563330888469-OBRMLBZDFOAV190VDXDP/cover_j%401x.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563331818853-ZRVKMPV960QLS0GFHK4V/%401xp_jj_02.jpg JEAN CHEN - 主要介面設計『介紹｜使用教學』使用者需要觀看使用教學頁面，透過教學來了解故事中會用到哪些手勢，瞭解到如何使用才能更有效地完成任務。這個功能對於初次使用軟件的使用者來說是很有幫助的，設計上搭配了聲音，動畫及文字來讓使用這更加清楚的知道如何使用，這樣才能達到使用教學的目的。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563189746477-DKE3658ESAMZDFHEHZTZ/%401xjj_prototype_04.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563189708145-6G9EYH17PUHJFNDYSKRH/%401xjj_prototype_03.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332049205-W2E56U5B4RX8UBZRH8U0/%401xp_jj_06.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555797130991-T32ALRB0I0TUM5S0TK66/cover_c%401x.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556011234080-1T4D3DKXBJBXUFASKC6C/3.png JEAN CHEN - 主要介面設計『首頁』芝士公園為一款教育類App，所以採用活潑一些的顏色作為主色調及搭配，黃色作為主色調，輔助色彩用藍色、橘色及紅色做為搭配，輔助色則用了些許漸變現得更加有活力，icon的設計也選擇較為卡通且可愛的方式作為主軸，雖然用戶基本上為家長所使用，不過基於App目前定位為中小學教育類，所以畫面整體感覺還是採用較為鮮豔及生動的方式作為主設計思維。整體佈局與一般市面上App相差不多，設計以標題及間隔做區分，可使得畫面層次分明，有利於用戶快速尋找到所需的功能。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556011695798-8SSMJR4IPY7WW8EYTD1M/3+copy+3.png JEAN CHEN - 主要介面設計『課程表』課程表頁面可以查看各學員的課程情況，及上課狀況，且能在左上角的位置切換學員，如果用戶有多位學員，當前日期為橘黃漸變，如想查看其他天的課程安排，可點擊任一日期即可，點擊的日期將變為橘黃漸變，當日日期則將變為灰色，點擊右上角的”今天“，便可快速回到當日。每點擊一個日期，下列表會顯示該天課程的相關信息，如當前為課程正在進行中，用戶便可觀看孩子的上課情況，這在我們的用戶調查中發現這功能極為重要，大部分家長都很關心孩子們的上課狀況。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562919802662-1HLYGKK82B232F4EUP98/vl-user+flow.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562320417771-I6KWR4JCISE9R46HTH2V/%401xvl-gui.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556011565400-1HGO6DOZUW47OIFTG47E/3+copy+4.png JEAN CHEN - 主要介面設計『我的』我的頁面中，由於購買功能是用戶在使用App最常使用且最為關注的功能，所以我們將購課單、待付款、已付款及退款至於頂部，且搭配icon做為標示，更加清楚地讓用戶一目了然，進到我的頁面也能迅速地找尋到目標，其餘佈局及設計則使用列表式的方式呈現，也因為它們為次要功能，不需要過於搶眼，且讓用戶進到頁面時，不易失去當前焦點位置。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556011332134-5CT6OOBDDJ5EP8H77API/3+copy.png JEAN CHEN - 主要介面設計『課程商城』課程商城這個頁面有著較為複雜的兩層篩選功能，所以採用兩種不同的欄位顏色及方式去做設計，讓用戶不容易混淆，且第一個篩選欄為篩選類別，這為主要篩選功能，第二欄為細節篩選，這功能就較為其次，不過用戶可透過更多維度的篩選去尋找到自己所想要的，如果他/她不知道關鍵字卻想搜索，那這篩選是最適合不過的功能。課程列表採用一般方式，一邊是圖片一邊是文字的方式呈現，不過有一點不同為我們將報名日期加於圖片上，因為這對用戶來說想參與課程，最重要的就是需要報名購買課程，所以日期為重要項之一，由於這為重要資訊，所以我們加於顯眼的地方卻又不搶課程費用的重要位置。調研結果得到課程費用是用戶們最關注的信息，所以使用了紅色最為重點提示並且也將字體放大。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563192276595-QB9GQQM7SQMP2EWRPH5D/p-03.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562320375690-RD2WBTMM67WRIT98BS5S/vl-color.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563192182361-O95B1O9HZRRLUIPWTLL0/p-01.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556011779873-Q35PRZ3Z8MDI2M3OCV8R/3+copy+2.png JEAN CHEN - 主要介面設計『課程詳情』這為課程詳情頁面，有關於點選之課程相關資訊皆會在這頁面中展示，如用戶認為合適便可在此頁面點擊購買進行購買課程的動作，詳情內容可幫助用戶更加了解課程是否適合孩子們。設計佈局也採用簡潔乾淨的設計，將重要資訊以顏色及字體大小做區分，如有需icon輔助辨識也有做設計，以便用戶即時分辨。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562919598067-4MZD3SXCZOQ8ME146O06/%401xcheese_9.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562919920896-5RXC6E6GWE55H5Z36RJK/ch_banner.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563192231863-20GN34AYUPOR9ZCFPRNH/p-02.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563125860113-60I1BB7ANZX2NWWDD7WF/vl-user+flow_2.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563334871556-96SDQWQB3VLHW858ON75/p-vl_03.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563334974530-8QPNB8MCD1UHV4DNDCMD/p-vl-2_02.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563335733251-72SBE2OKTHF64XI7BHWE/pd_3.jpg JEAN CHEN - 主要介面設計『我的』我的頁面皆與金錢有關，我們將用戶最關心的兩項金額顯示於最頂部，這使得用戶一進到我的頁面即可獲取資訊，不必再點擊進入二級頁面，其餘功能放置於下方的列表中，以icon及文字作搭配，這讓用戶可透過圖標找尋目標。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562319015310-XARFMM5A9IQZXUO5ZBGD/%401xvl-gui.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563125502298-WBHYMOA241JKDT82RQ54/vl-user+flow.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563334951085-QZD2TWVH82BUPS533PRZ/p-vl-2.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563335552075-PJLGBBCLJ2X0PYJ7NC4C/pd_1.jpg JEAN CHEN - 主要介面設計『登錄註冊』這頁面為万生活的登錄頁面，歡迎與採用的設計方式為目前的設計流行趨勢，加粗大字號的文字呈現方式，信息流分佈清晰，由於登錄有兩種方式可供選擇，一開始默認密碼登錄，如想使用驗證碼登錄，可在下方作切換，密碼輸入欄有個眼睛的icon符號，默認為隱藏顯示，如需查看可點選一下，便可切換到可視模式，如有提示密碼出錯時就可點選查看是否輸入有錯誤，這可以使得用戶更加快速發現問題點，在為輸入完整實，下方的登錄按鈕會是不可點擊的灰顯狀態，如輸入完成，按鈕將會亮顯變為可點擊狀態。如未曾註冊可點擊下方註冊，便可進入註冊頁面，也可點擊左上方返回鍵，返回前一頁面重新選取註冊。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563335571748-MHHTB34B8BS94ZN0UDQS/pd_2.jpg JEAN CHEN - 主要介面設計『首頁』首頁採用與一般市面上不同的設計方式，頂部為卡片式的呈現方式，原因在於右上角有個二維碼掃描功能，用戶點擊後，會有彈窗彈出顯示您的二維碼信息，二維碼信息為用戶的個人信息，當用戶進入案場時，經紀人或者置業顧問可透過掃描用戶二維碼獲得客戶信息。卡片會根據會員等級進行顏色的變換，目前會員有三個等級-普通會員(藍卡會員)、（金卡會員）、（鉑金卡會員）。再者，為三個功能選項，下面則為廣告Banner，呈現方式由各城市公司自行配置，最後一欄為附加功能項，這集合了公司當前的所有與線上相關之業務入口，用戶可透過不同的需求進行點擊您所需要的服務。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563334815596-KHLEAXW9BS18OFSS094J/p-vl.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563334683970-N23JKY00R8LQJ3E1F9DF/cover_vl%401x.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563335773338-734Y86VAZBTAOSUNRLZO/pd_4.jpg JEAN CHEN - 主要介面設計『我的錢包』我的錢包這一頁面，用戶可透過這頁面取得有關帳戶餘額及明細的信息，也可透過此頁進行充值及提現，因用戶目前只能綁定一張銀行卡，所以在餘額下方增加了賬戶信息，可供用戶查詢觀看，這頁的交互邏輯及視覺設計屬於功能性頁面，所以不存在複雜的交互方式，可淺顯易懂的操作方式。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563335035558-WWILQMWC4T9BRZ7QN07Q/vl-color.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563335714128-QW49AK31LNVYNO74HRK9/pd_5.jpg JEAN CHEN - 主要介面設計『資金存管』資金存管功能目前為App主要功能，這功能為買房的用戶取得一個更加便利及安全省時的好方式，在設計介面時，我們盡量採用簡單操作，不易出錯的方式進行設計，不管是交互或者視覺，皆使用最清晰的方式來區分信息。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563335063788-X9GZIP1PNLPT26KOV88W/%401xvlife_9.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562914510787-2UCZZJHREN08AWY3EHZW/vl_banner.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563334845132-4QDYGV5NQ4PDPIBJESQI/p-vl_02.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555796948197-J3YR6BWMTTA8ALQPHZU9/cover_sh%401x.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556005583372-2K80XGLEUCUFVQF4AD2U/%401xshare3.png JEAN CHEN - 主要介面設計『推薦』推薦頁面是有大幅度的信息改變，佈局無太大變化，但填寫的內容做了一大改進，在測試過後發現很多信息用戶認為是多餘的，且置業顧問評估過後也認為有些信息是可以省略的，新增功能項為隱號報備，這是機構經紀人及置業顧問的一大需求，且能防止重複推薦，也能使得客戶的號碼有所隱私，重複推薦對用戶來說是一大困擾，如有多個經紀人推薦同一樓盤，這樣會導致佣金發放出問題，且客戶到了案場會不知應該找哪位經紀人，但有了隱號報備，可避免重複推薦，也能快速對應相應的經紀人，到了案場即能快速進入看房流程，省去許多不必要的時間浪費，不需要再去尋找客戶應該對應哪位經紀人。因隱號報備為重點功能，一當開啟功能後，便會加重提示告知。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563192054359-EJUEWKVOXEXERAL81421/p-sh_3.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562317162088-28VY5LHAJ381POPOHKST/%401xsh-gui.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563192002536-JRRRIRP332KD1OQZSUZ6/p-sh_2.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556003793751-BUVG1Y3S2Y4OVPZ319DB/%401xshare2.png JEAN CHEN - 主要介面設計『項目列表』項目列表與公眾號採用不同的方式呈現，設計為卡片式方式來做設計，因為每個樓盤皆為一個獨立項目，且項目列表並不是只有兩三行的標題或介紹，所以需要有層次的區隔開來，標籤也做了區分，舊有的是兩大類顏色，不過由於樓盤關鍵詞的標籤沒有項目情況標籤重要，所以做了弱化的設計，以灰框來做設計，既不搶戲也能做到完整表達，佣金為重點信息，所以用了主色來表示，這也是在整版中能一眼看中的信息位置，與微信端有極大改變的是刪除了推薦及收藏的功能，由於這兩功能在做測試時發現，其實這兩功能的使用率是特別低的，用戶通常會點進詳情了解之後，再決定是否合適推薦給他人或收藏項目，所以將其決定做刪除，也可將重點關注於佣金上。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556005710949-8330OBPCH3IGF6VL5BPM/%401xshare5.png JEAN CHEN - 主要介面設計『佣金』佣金頁面與公眾號也有極大區別，將佣金及獎品獨立出來，也將佣金規則放於右上角，因每間一線公司對佣金規則皆有不同，所以當用戶要對佣金規則有所不了解，可即時查詢參考。公眾號的佣金記錄則為顯示各項總金額，佣金記錄則用標籤做標示來區分，使得佣金記錄列表不夠清晰、辨認不夠快速，用戶須透過每筆不同標籤去做辨識，所以App端將待/已發放佣金及無效改為用筆數來呈現，不用金額來做呈現，因金額數也比較龐大，如在上表中就呈現統計金額，也不好做分辨，選擇結果會在下列表中依序呈現，明確清楚顯示各筆金額。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562318062699-Z9SGQNOZUSXD3TIYPZIK/sh-color.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556005391797-0Q7POGF55O69ASYZCIT1/%401xshare1.png JEAN CHEN - 主要介面設計『首頁』頁面的佈局依照交互稿做為設計依據，顏色採用偏粉色系，使得整個畫面看起來更加清新，也不會與banner圖互相搶色而主次不分，由於分享家定位於全民經紀人，所以顏色挑選的盡量能合適青中年人，並且能透過顏色提醒及icon的辨識去達到一眼就能找到目標功能，以往採用的是飽和度極高的顏色，但由於banner的廣告圖通常使用的皆為鮮豔的顏色做設計，這樣導致整屏畫面顏色飽和度過高，不易於用戶快速辨認，且容易分散焦點，鮮紅色為萬科主色，不過鮮紅色不適用於過多，由於飽和度太高容易導致視覺疲乏，且紅色對於色彩心理學來說，有著警告意味的標示，雖能吸引注意力，不過由於使用過多地方，會使得整個畫面過多重點，用戶視覺焦點容易過多分散，導致介面標示顯得不清晰，整屏頁面皆是重點，這對用戶來說是一大干擾。頁面的佈局沒做太大的變動，因原本佈局就符合用戶需求，做了尖格的區分，使得結構更加清晰，也在標題前加了顏色提示，更加能區分各板塊。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191953354-LUHZUCZDF9WXZ7I87CBL/p-sh.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562912495447-48MZNOI1Y3RW2N0AQVRK/%401xshare_11.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556005738433-W870KQV6O92GSIER6NAH/%401xshare6.png JEAN CHEN - 主要介面設計『我的』我的頁面則做了視覺上的改版，也將信息呈現做了調整，banner處增加了經紀人類型及認證與否，將佣金、我的關注及推薦記錄納入下列表中，也將我的消息移至列表裡，統一形式，因他們皆為同等級信息。每個項目皆有不同的icon來做區分表示，讓用戶能透過圖形輔助快速辨識。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562485630514-7LOEPXAWRNLPYNLP6OOY/sh.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562320642120-N10KIR2JWL1ZJ4H42PON/sh-user+flow.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556005691463-NBXVOIA54XBJMX81L5CH/%401xshare4.png JEAN CHEN - 主要介面設計『客戶列表』客戶列表將頂部排列式tab改為列表式與篩選做結合，使得功能項能更加精簡，畫面簡潔清晰，減少混淆，由於是App端，也將搜索位置做挪動，如像公眾號將搜索放篩選底下，使得列表頂部太多層級，介面顯得複雜化，故將搜索往右上角移動，客戶列表為最大改動，推薦進程為用戶最為關心的信息，使用橫條表示進程，由於此頁是列表展示，所以進度條僅用線條作表示，並無各節點，因有詳情頁就無需在列表頁中就完整呈現。也在列標中用顏色及字體大小將信息做區分，客戶與客戶間因呈現信息較多，所以使用了間隔區隔開來，信息呈現也較為清楚。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562238008210-O50XHBIAV2TKM4J2PW4A/p-zent-02.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562234201664-PNVVFETYS4X34OSRSJL1/w-zent.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239389465-MW4ZA4R0V91LK8DJB1V1/p-zent-07.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562234128180-RP15X1US15QTMHIJZRM6/zent-cover.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562234250188-G8NKVR30HGHPTCKV1LCF/zent-color.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239373732-DDUQ4TUD6PSRMZFR517O/p-zent-06.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239287472-2JIK04UQUH41X4J8A5F4/p-zent-03.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562233627416-DQKXDM57XHUZ3ISGTHJP/zent-user+flow.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239059006-DIPWF12R51078IFWV13I/p-zent-01.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239401207-6QUOW1ULVA9UW07NO9GU/p-zent-08.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562300832765-LK9F2N70IC2BVVF1TYUS/zent.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239345905-HDTHU1IZ8TPPBUUWHVKD/p-zent-04.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239360299-I34NG2UL40QDCIZG5OSQ/p-zent-05.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555473099017-VFK8VANGU3JCMXBXTQWK/JiaJiang.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556175348465-VYW7ON66QMC4JBUNIKCG/Banner_gw+Copy+3%402x.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556175269694-JKK2LJTM0KJ6KXCKLU0H/Banner_sv+Copy+4%402x.png JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563347789605-09M8FYSMYIYI5HAOKQZK/Banner_urs+Copy+3%402x.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563347804417-VYU779IGYJ1H0494PPE0/Banner_sh+Copy+3%402x.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563347758081-R92JHTA1WGATJ6MRLI0V/Banner_th+Copy+3%402x.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563348125521-VZ5H1QAX0WKZSN3SYPLD/Banner_zn+Copy+3%402x.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563347740924-J3P5ZN7KCNAHIBAOCGTA/Banner_vl+Copy+3%402x.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563347703129-YPQL6J3Z8S93ATJA4CPF/Banner_jj+Copy+3%402x.jpg JEAN CHEN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563347843105-F9TS3CCC8682U9EGZNZK/Banner_ch+Copy+3%402x.jpg JEAN CHEN https://www.jean-chen.com/post daily 0.75 2020-03-09 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1571218411175-1B37F5O5L1ZO4XHZJ06A/image-asset.jpeg BLOG https://www.jean-chen.com/post/video-game-live-streaming-platform monthly 0.5 2020-03-10 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583779356988-E2WT68BXWY079VVH1U92/IMG_6501.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583779377950-YPNHA4LT5IVT7UCT0LFW/IMG_6502.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583779379979-1R7LIN9GF6G5QCMK9CA4/IMG_6504.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583785391826-CTZK2AMQ0BBKKYQQ4Y20/IMG_6499.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583844938887-DS3SVL0B77ZA46QJC8L0/IMG_6516.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583844999659-0JQCR14TDXQ31GW3L1KS/WechatIMG9.png BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583778495420-CFUANJR995ZKPUB52523/IMG_6476.jpg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583778477458-BP30C5F5JTUH3QX6SJB0/IMG_6475.jpg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583778460158-UXDFFFFQ2N4VP8RQ94TX/IMG_6472.jpg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583846749002-7QQOBU0B7UN248QFIOK0/WechatIMG11.jpeg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583846911867-9QFGK35XU5T4GIC35Y2W/IMG_6514.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583850678601-3D4VM0OJ6H454XOFZPRM/ScreenShot_2.png BLOG - 探索海外遊戲直播平台 - 主播主頁 1. 切換直播主頻道點擊後將會彈出你所關注且正在直播的主播，用戶可以任一切換，這樣用戶可以同時與其他主播進行互動 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583767817337-7JQHZJWJWFGM1ZOJ7VLV/icon_twitch%403x.png BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583843719982-GCB6XXLB4IZ0U8KYT1LG/IMG_6509.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583781633778-B7YT4R9IWL1Z13IHHY68/twitch-age-gender-blog.png BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583826103884-61ABTDORCWCOPMV40TNU/IMG_6508.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583826143851-SI9RIQCF61H4MTXLQWFA/IMG_6512.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583826183228-VL8X7KZIGHU6FBBH9WT2/IMG_6513.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583850629296-BAOVTLNQYVNTG7M4GNSZ/ScreenShot_3.png BLOG - 探索海外遊戲直播平台 - 主播主頁 1. 懸浮提醒・這個提示為某一直播間的直播主(Shroud)可能有很瘋狂的言語或舉動，系統將會提醒用戶是否感興趣參與，點擊懸浮即可跳轉至Shroud直播間觀看。・icon會有個誇張的表情，且周邊可帶動效的輔助，懸浮提醒會在5秒後自動收起。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583825614020-K1H05NB6YHJ1K546MMP3/IMG_6508.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583845635200-Z519EKW7K9EYXWUM2O6I/IMG_6514.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583845608425-M2WG6NDH6Y1X4UY1S9XZ/IMG_6520.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583845636350-F4HVFEM1WHYIMEY98MP1/IMG_6521.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583850603832-A27XRKG3IGW1X1PKIQMP/ScreenShot_4.png BLOG - 探索海外遊戲直播平台 - 主播主頁 1. 懸浮提醒・這個提示為某一直播間的直播主(Ninja)可能有狂刷屏的信息出現，如用戶好奇也可點擊跳轉進入觀看。・icon會有抖動動效，右上角的數字會瘋狂增加，數字增加至三位數後自動轉變為…顯示。・懸浮提醒會在5秒後自動收起。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583823521658-ZN461857NTRQ83MWU52O/gaming_bg.001.jpeg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583784474713-983DAE9FCE1RCWYUA50Q/IMG_6496.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583846019040-U8S91HTEGGCRBUZZIRW5/ninja-twitch-stats-1500x643.jpg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583778822805-VCHAELTAE60OT629VJ49/IMG_6494.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583850699395-1LCITWZ9MUOHP8G2R9V9/ScreenShot_1.png BLOG - 探索海外遊戲直播平台 - 主播主頁頁面為主播主頁 1. 為切換直播主頻道 2. 利用虛擬遊戲幣購買表情/動效，可點擊此icon進行購買及發送 3. 完成指定任務活動可獲得任務金幣，也可用在購買貼圖表情…等 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583844057098-4QFC48ZWTD0V3R6FAOFS/icon_mixer%403x.png BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583847003309-DQYVB78HY02KY5UHFOIX/IMG_6515.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583824135098-9X27V93W7MR5C338TSFX/icon_gaming%403x.png BLOG - 探索海外遊戲直播平台 - Gaming https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583844413740-0NLU67FQTQID0R4FLCP2/IMG_6514.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583823323130-4O2DSHIG3CVQKZP0R3UW/twitch-statistics-1500x643.jpg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583826833162-UD95EOCICAAYPKVV1Z14/why-gamers-nugget-01b.jpg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583766245863-6A4A4IMABH40K6ZL99J9/twitch_bg.001.jpeg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583846597709-QJ5R6GUVCJPZOM2DDCAX/WechatIMG7.jpeg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583846597711-Q246U9Z405UZMA10AMXV/WechatIMG8.jpeg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583846608420-S1CINRI92FZM8F7ZO5GI/WechatIMG10.png BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583844024644-7HRHW2CNEV4CWBZV5BDM/mixer_bg.001.jpeg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583822354583-UZRT3RC0MN0AT220I8K0/IMG_6498.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583843519855-X6R6WBCHDBLKH1C90D5B/gaming_page.png BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583840587848-VS1HRJ4FNG053FOGLFMD/IMG_6526.PNG BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583845268275-DDLJXF3RVCH8IJO3D48V/WechatIMG7.jpeg BLOG - 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583845268291-PDGVJETLEMA6TDKNVOSA/WechatIMG8.jpeg BLOG - 探索海外遊戲直播平台 https://www.jean-chen.com/post/category/UX monthly 0.5 https://www.jean-chen.com/post/category/UX+%26+UI+Design monthly 0.5 https://www.jean-chen.com/works-zent-card daily 0.75 2019-07-16 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562925184255-3VOOLHI8IAEIS5PJC1FS/zent_1.jpg Zent Card https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562925407643-I698IFENJKN74M5TXWCV/%401xzent_3.jpg Zent Card https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562925478577-GAZSDYQTQ0E6F8QSFJTB/%401xzent_5.jpg Zent Card https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562925275740-74LPLQ3GI3J6ULOEB6NY/%401xzent_4.jpg Zent Card https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556175300835-RAT653DPFFFRW554YWNA/Banner_th+Copy+3%402x.png Zent Card https://www.jean-chen.com/works-preme daily 0.75 2019-07-16 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562924237174-7SJ1SRQ5KK4RY08TJNYQ/%401xpreme_4.jpg Preme https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562924321928-TVHSU034MHZAA2TNGFF6/%401xpreme_5.jpg Preme https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562923900782-92QI6OR3QME3PDDFC6O2/preme_1.jpg Preme https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562924157654-T8MTBN8BL5ALHWSMTA56/%401xpreme_3.jpg Preme https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562924300260-8C8E2KDQTL93AHDSEFJ7/%401xpreme_6.jpg Preme https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556175300835-RAT653DPFFFRW554YWNA/Banner_th+Copy+3%402x.png Preme https://www.jean-chen.com/works-gowhere daily 0.75 2019-07-18 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555913053413-5VJY4RA3Z6KK9VZBU2PV/download.png Go Where - CityGuideDeals San Francisco CityGuideDeals San Francisco https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555916915986-60WBTB0503UZKIIYIFOV/%401xcm.png Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555919094166-AOD2VQP2MZXUUUI779MO/IMG_2315.jpg Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562144177451-8CJJUHRN75ZKU6OYEZ5T/gw_color.jpg Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562119960265-LH66MOA11IC4GD8E51DH/3+copy+3%400.5x.png Go Where - 主要介面設計『景點介紹』這頁為進入詳情頁前的簡單介紹，用戶可藉此快速了解景點的一切，如不喜歡即可點擊右上關閉，主要設計為彈窗的方式呈現，這樣再搭配地圖使用時則更加便捷。頁面也採用景點的高畫質照片來呈現，這樣就算用戶只進入到此頁也可知道景點的外觀是如何的，也可不必進到詳情頁面就吸引用戶前往旅遊。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562062449529-7J7QBGMTYFG3RFZLYN5J/%401xwf-w.png Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562118722889-NRT6TRRMTK568CAQTOEP/3+copy+2%400.5x.png Go Where - 主要介面設計『天氣』天氣頁面可幫助用戶在出門前了解當日天氣，並可準備當日所需的衣物，因為舊金山終年溫度偏涼爽，所以需多配帶一件外套。介面的設計以溫度及天氣狀態為重點，所以對此採用較大的圖形及文字，用戶一進入頁面便可一目瞭然，其餘資訊如當日最高溫、最低溫、風速、降雨率...等資訊，皆會顯示於此頁中。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555915735727-OD5X9EZ5Q8V0C99UZYS7/%401xcom_1.png Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562119433509-HHAY3OU5HRL957YIQK5L/3+copy+4%400.5x.png Go Where - 主要介面設計『地圖』地圖頁面可幫助用戶快速找尋到自己的定位，也可從中查詢周遭的景點，如想要更隨性的玩舊金山，也可使用地圖找尋並自行安排行程。點擊任一景點即可進入詳情頁面，介面的設計簡單，就是希望用戶的焦點能集中，如果設計得過於花俏，可能導致失焦，所以採用易懂且清晰的設計。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562033677143-J3NI8RFPK48NL1FAKXVB/gw_map.png Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555915709462-AV5HVLMUU4O5314L1R62/%401xcom_2.png Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562118683835-3JMYSWGG2LCSJ9XJ7AOO/3%400.5x.png Go Where - 主要介面設計『首頁』這頁面為Go Where的首頁，採用無導航欄的方式，因功能不多，不需要導航欄做協助切換，只需在右上角加一個菜單欄即可，這頁面的佈局第一塊為banner，為一張舊金山的照片，下面為三個主要功能項，有行程表、天氣及地圖，在旅行途中，用戶可使用這三個功能查看及了解舊金山的遊玩地，再來為日期、時間及天氣預報，底部為標籤，用戶可點擊任意標籤進入旅遊地點詳情頁，標籤皆為舊金山有名的景區。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555925162335-3GZF796AEEJX07GOIPS4/%401xgui.png Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562072942249-58QW41V97R6EMBIRPSYR/p_whole%401x.png Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555913223698-AX95IAC1OAEVVY0U0QC8/246x0w-1.jpg Go Where - San Francisco Travel Guide eTips LTD https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555915891697-9NTWFRVK0R1SLY1ZMKA9/%401xcom_3.png Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562073501612-VZZ94LLXR69IM56YRQLO/Group%400.5x.png Go Where - 主要介面設計『行程』行程頁面是為用戶安排的，每一天皆有合理的行程安排，如用戶想變更行程也可透過各地點的詳情頁去找尋適合的地點及時間安排，行程頁為推薦用戶之行程，每站需花多少時間停留，景點的詳情介紹，皆可由此頁進入。設計採用列表式排列，簡單的佈局，合理的安排行程，是最重要的在此頁中。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562143937905-PESTXH6PUARI8UBEDJTZ/%401xwf-p.png Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563415195618-1MK07N9D3UEGWOV24OLA/%401xlogo_design.jpg Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555907018803-VIFUYQM9AZGGA4MO6JCI/246x0w.jpg Go Where - San Francisco Travel Guide and Offline City Map FUA Travel Guides Media B.V. https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1561972864538-K27C2S27LKI6VA4KBMXE/gw_user+flow.png Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555919176876-QS7RYZNVYWXKE42NLD9X/IMG_1172.jpg Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562071892353-70NEQG67K6RL4UUGC5GM/cover_g.png Go Where https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556175348465-VYW7ON66QMC4JBUNIKCG/Banner_gw+Copy+3%402x.png Go Where https://www.jean-chen.com/works-thechorus daily 0.75 2019-07-16 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562923447999-QETMZWZMZ5UVY5SGH822/tc_1-banner.jpg The Chorus https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556175300835-RAT653DPFFFRW554YWNA/Banner_th+Copy+3%402x.png The Chorus https://www.jean-chen.com/works daily 0.75 2020-03-23 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563328933588-9FJSHLYO6N1SD5Q8GCC2/gw_w.jpg WORKS - Go Where UX | UI Design https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329014492-K6EIL57BALBYSD8MEUPL/ch_w.jpg WORKS - 芝士公園 UX | UI Design https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329158884-UWYOS7C9P5A1SE1Z1T02/sv_w.jpg WORKS - Sterling Vinyards Campaign Design & WEB DESIGN https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563328914277-2QOXK5UEXM1KVUEP886L/jj_w.jpg WORKS - Jia Jiang UX | UI Design https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563328993174-UYZ9ZVZL0ANJOW6O0VDS/vl_w.jpg WORKS - 万生活 UX | UI Design https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563784790389-QL7ZQK1P1Z37J4JMGP44/mcp_w.jpg WORKS - MCP Web Design https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329138481-EGUH09JFKZEVSO4167ZZ/tc_w.jpg WORKS - The Chorus Motion Graphic https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563328972876-GRA2ML42TSIUZKTLROBI/sh_w.jpg WORKS - 分享家 UX | UI Design https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329039686-QC0ZFWOZMQC5EXTBBT24/urs_w.jpg WORKS - URS通行證 UX | UI Design https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329080288-V0D0U71B51PNZRCTINUJ/th_w.jpg WORKS - Tie Hua Web Design https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329196551-COWV8YJ1J2H3IW6WCJ1X/p_w.jpg WORKS - Preme Visual Design https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563328955217-66AC0VAE6X39683SUY1R/zent_w.jpg WORKS - Zent UX | UI Design https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329118001-N9IXQX2DF89D2GYJRYYT/dw_w.jpg WORKS - Dreamworks Motion Graphic https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329063715-V2Y06GGB78UX3YQZCHB8/zw_w.jpg WORKS - ZENT Web Design https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563328542021-VZG1IP7PSY012D911EN4/bannner_w.jpg WORKS - MY PORTFOLIO Think x Create X Design https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329178206-V43VPZAHZQ5VRGX7BRQI/zg_w.jpg WORKS - Zent graphic design https://www.jean-chen.com/works-tiehua daily 0.75 2019-07-17 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339465543-9J8FBCKCJMFODKIJ9C38/th_index.jpg Tie Hua - 主要介面設計『Index』用戶可以透過搜索欄進行有關鐵花村所有樂團及音樂人演出時間查詢及購票，下面則為熱門樂團演出信息，底下介紹每週末鐵花村的手工藝活動及課程，可提供用戶有關信息。佈局簡單，目標為清楚傳達信息，設計著重於圖片的吸引人及不給用戶過多信息，導致無法短時間內接收大量資訊，當用戶首次進到首頁時，主要是想知道鐵花村的信息，而作為給予方並不是漫無目的的給予用戶最多及最完整的信息，這樣反而導致用戶無法精確找尋到目標，而分散焦點，所以我們在佈局及文字上，標題採用粗體字，讓它顯示明顯，其餘利用高畫質照片吸引用戶點擊查看。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562213651111-DDCYVO5XSCPRKBNMDB8D/th-web-wireframe.png Tie Hua https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339381286-BLCPHDEKCNR7QGIZ94CG/cover_t%401x.jpg Tie Hua https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339406567-9899IZHIUXJOKJOJRBY6/%401xtiehua_2.jpg Tie Hua https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339497990-D5F68KTG7HLR9M36FZBA/th_about.jpg Tie Hua - 主要介面設計『About』有關於鐵花村的介紹會在此頁提供，任何與鐵花村有關的信息皆在此頁能觀看得到，營業時間，地圖，鐵花村是一個什麼樣的地方，鐵花村有什麼特色...等，版面由鐵花村的照片作為背景，目的也可用照片更加吸引人前去參觀，高畫質照片是最好的推銷途徑，也會更加促使人們去一探究竟。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339524403-DPGOLX5X34926WP5JC6N/th_ticket.jpg Tie Hua - 主要介面設計『Ticket』這頁面是有關購票，所有在鐵花村演出的樂團時間都會一一列出，按照時間先後順序依序排序，如知道時間日期或者樂團名稱...等，可在上方搜索欄直接搜索。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562150699418-V9VTV7PG6IPA753ZUQ9A/%401xth-logo_design+process.png Tie Hua https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339444471-DYWC7KW79WNWWBXZGC3S/th_color.jpg Tie Hua https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562150730239-GZBAXKHMA9W70CCGOQHY/%401xth-logo_final.png Tie Hua https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339550246-A2KEHDD08CQJW2Y07RJ3/th_details.jpg Tie Hua - 主要介面設計『Details』這頁為樂團詳盡資訊，可藉由此頁面觀看及了解樂團，有樂團介紹和表演影片可觀看，如果是第一次想了解此樂團演出的觀眾，可透過影片了解樂團的音樂風格再決定是否前往購票欣賞演出，如果喜歡，也可直接在此頁面進行購票，不需要再返回或者進到別的頁面做購買的動作，信息排列清晰，不會造成用戶來回切換尋找有用信息，減少用戶不必要的時間浪費。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556175300835-RAT653DPFFFRW554YWNA/Banner_th+Copy+3%402x.png Tie Hua https://www.jean-chen.com/works-urs daily 0.75 2020-02-28 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191495802-26UZ3BTK6ANM94NV324H/p-signin_account.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563156474621-P6WL2DVW1BD3TQSR8GJT/Group+8.jpg URS - 主要頁面『設置登入密碼』設置登入密碼的介面，使用了基本的再次確認密碼的校正動作，避免客戶誤觸輸入錯誤，而導致設置的密碼與自己設置的有所不同。由於密碼的安全性問題，密碼也有一定的設置規則，當輸入完密碼後，完成按鈕將會亮顯，點擊後，會自動校驗兩次密碼是否相符，如相符即可完成設置步驟。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191659442-5HTC5QAV2RM1RKJYFCHA/p-signin_social_2.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191788157-MEJWE25FND2HQAY2R6J7/p-signin_fogot.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1570680777869-IPNCERD7DLPOW1OP0E4R/urs_w.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562926576756-MR82S3P6A7ROIYTBYLJL/urs-color.png URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191551324-IUM5QXVZOHEO38V8F9JW/p-signin_phone.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191425711-3ZF5YQNDT2QDXAVLZBXD/p-signup_2.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562829166853-93CN4OYGKTZTFA84S0UI/urs-user+flow_signup.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562829503819-HKTWABH8XH7LBRNSK9NT/urs-user+flow_forgot.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563156377427-XPHTS5EU1MU0DR5JD92S/Group+7.jpg URS - 主要頁面『驗證碼』目前我們採取的是四位數的驗證碼，後續可能會為了安全性考量增設到六位數，且4-6位數為人們快速記憶裡的最佳位數記憶，即便增加到六位數也不會使得用戶在記憶上有所困難，加上也可以從系統的鍵盤上點擊快速輸入，使得用戶更加便利。如無接收到驗證碼，用戶可於60秒後點擊重新發送驗證碼。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562829384755-GVD5IRDHGUMESG0IXBH0/urs-user+flow_signin_account.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562829446543-YIZUOXA35SMHQPK3BJNF/urs-user+flow_signin_phone.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191603337-NZML8XPIG4JVOI3OOXGL/p-signin_social.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191831107-HOWEPK7AE3TDHR0QZMKM/p-signin_fogot_2.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563156251676-I3NKCJR3VWSGKOLDT1BQ/Group+4.jpg URS - 主要頁面『登入』登入介面的設計著重於填入登入信息，在點擊填寫時，採用了點擊後提示語有個小動效切換成為名稱標題，當用戶將帳號及密碼填寫完成後，登入按鈕將會亮顯，提示可進行下一步驟，如忘記密碼，也在密碼欄右下方的位置，有忘記密碼可進行重置密碼的功能。如想快捷登入，可使用簡訊確認碼或者社交媒體的登入，皆可進行快捷登入的操作，但由於目前安全性與完整性的考量，我們將社交媒體的首次登入是需綁定手機號的，所以如果第一次使用社交媒體登入的話，需多一個步驟。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563276254403-9WIGDT4TYGC4J3YCDF77/urs-user+flow_others.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191377615-NBC74HBP7YCI3TSWK5DE/p-signup.jpg URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563156518126-SAFQGHTBZKD8F184FPAE/Group+9.jpg URS - 主要頁面『找回密碼』用戶可透過手機好或者郵箱重新設置新密碼，在此頁面中，如用戶使用手機號找回密碼，需選擇電話區號在填寫手機號碼，區號的填寫可讓數據庫的匹配更加正確，也可避免相似號碼的情況出現。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563098992288-YQU2XQA8NUGT736B6F2M/%401xurs_map.png URS https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563156228857-3IXH1LLSMZQYCMB15FXE/Group+5.jpg URS - 主要頁面『註冊』註冊的頁面，我們在右上角的位置並無放置登入的切換入口，主要是因為我們在測試的過程中，發現放置在右上的登入切換入口並無太多用戶使用，如想返回登入頁面，皆點擊了返回按鈕，也因用戶一進到頁面的初始頁面為登入介面，在沒有註冊的時候才會切換到此頁面，所以以用戶習慣來說，放置了返回的按鈕在左上的位置，用戶只需點擊返回按鈕即可回到登入頁面。由於集團的業務有跨城市跨國的原因，所以在手機號碼的註冊上，需填入區域號，以避免可能有相同重複號碼的情況發生。由於運營需求，所以我們的註冊介面會首推手機號的註冊而不是郵箱，如用戶依舊不習慣使用手機號註冊，還是可從下面的位置切換註冊方式，由於 URS 最先實施的對象為香港 01，所以我們在香港進行了設計前的調研，依據調研結果分析出用戶對於手機號註冊的接受度已不像以往的比例較低，目前已達到了83%的用戶接受同意，所以我們將原有的電郵註冊換成了手機號註冊為優先。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556166625333-GX28I5KNHX6G3HBS463I/Banner_urs+Copy+3.png URS https://www.jean-chen.com/works-sharehouse daily 0.75 2019-07-16 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563192054359-EJUEWKVOXEXERAL81421/p-sh_3.jpg 分享家 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555796948197-J3YR6BWMTTA8ALQPHZU9/cover_sh%401x.png 分享家 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556003793751-BUVG1Y3S2Y4OVPZ319DB/%401xshare2.png 分享家 - 主要介面設計『項目列表』項目列表與公眾號採用不同的方式呈現，設計為卡片式方式來做設計，因為每個樓盤皆為一個獨立項目，且項目列表並不是只有兩三行的標題或介紹，所以需要有層次的區隔開來，標籤也做了區分，舊有的是兩大類顏色，不過由於樓盤關鍵詞的標籤沒有項目情況標籤重要，所以做了弱化的設計，以灰框來做設計，既不搶戲也能做到完整表達，佣金為重點信息，所以用了主色來表示，這也是在整版中能一眼看中的信息位置，與微信端有極大改變的是刪除了推薦及收藏的功能，由於這兩功能在做測試時發現，其實這兩功能的使用率是特別低的，用戶通常會點進詳情了解之後，再決定是否合適推薦給他人或收藏項目，所以將其決定做刪除，也可將重點關注於佣金上。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556005738433-W870KQV6O92GSIER6NAH/%401xshare6.png 分享家 - 主要介面設計『我的』我的頁面則做了視覺上的改版，也將信息呈現做了調整，banner處增加了經紀人類型及認證與否，將佣金、我的關注及推薦記錄納入下列表中，也將我的消息移至列表裡，統一形式，因他們皆為同等級信息。每個項目皆有不同的icon來做區分表示，讓用戶能透過圖形輔助快速辨識。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563191953354-LUHZUCZDF9WXZ7I87CBL/p-sh.jpg 分享家 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562317162088-28VY5LHAJ381POPOHKST/%401xsh-gui.jpg 分享家 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562320642120-N10KIR2JWL1ZJ4H42PON/sh-user+flow.jpg 分享家 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556005583372-2K80XGLEUCUFVQF4AD2U/%401xshare3.png 分享家 - 主要介面設計『推薦』推薦頁面是有大幅度的信息改變，佈局無太大變化，但填寫的內容做了一大改進，在測試過後發現很多信息用戶認為是多餘的，且置業顧問評估過後也認為有些信息是可以省略的，新增功能項為隱號報備，這是機構經紀人及置業顧問的一大需求，且能防止重複推薦，也能使得客戶的號碼有所隱私，重複推薦對用戶來說是一大困擾，如有多個經紀人推薦同一樓盤，這樣會導致佣金發放出問題，且客戶到了案場會不知應該找哪位經紀人，但有了隱號報備，可避免重複推薦，也能快速對應相應的經紀人，到了案場即能快速進入看房流程，省去許多不必要的時間浪費，不需要再去尋找客戶應該對應哪位經紀人。因隱號報備為重點功能，一當開啟功能後，便會加重提示告知。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563192002536-JRRRIRP332KD1OQZSUZ6/p-sh_2.jpg 分享家 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562318062699-Z9SGQNOZUSXD3TIYPZIK/sh-color.png 分享家 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562912495447-48MZNOI1Y3RW2N0AQVRK/%401xshare_11.jpg 分享家 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562485630514-7LOEPXAWRNLPYNLP6OOY/sh.jpg 分享家 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556005710949-8330OBPCH3IGF6VL5BPM/%401xshare5.png 分享家 - 主要介面設計『佣金』佣金頁面與公眾號也有極大區別，將佣金及獎品獨立出來，也將佣金規則放於右上角，因每間一線公司對佣金規則皆有不同，所以當用戶要對佣金規則有所不了解，可即時查詢參考。公眾號的佣金記錄則為顯示各項總金額，佣金記錄則用標籤做標示來區分，使得佣金記錄列表不夠清晰、辨認不夠快速，用戶須透過每筆不同標籤去做辨識，所以App端將待/已發放佣金及無效改為用筆數來呈現，不用金額來做呈現，因金額數也比較龐大，如在上表中就呈現統計金額，也不好做分辨，選擇結果會在下列表中依序呈現，明確清楚顯示各筆金額。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556005391797-0Q7POGF55O69ASYZCIT1/%401xshare1.png 分享家 - 主要介面設計『首頁』頁面的佈局依照交互稿做為設計依據，顏色採用偏粉色系，使得整個畫面看起來更加清新，也不會與banner圖互相搶色而主次不分，由於分享家定位於全民經紀人，所以顏色挑選的盡量能合適青中年人，並且能透過顏色提醒及icon的辨識去達到一眼就能找到目標功能，以往採用的是飽和度極高的顏色，但由於banner的廣告圖通常使用的皆為鮮豔的顏色做設計，這樣導致整屏畫面顏色飽和度過高，不易於用戶快速辨認，且容易分散焦點，鮮紅色為萬科主色，不過鮮紅色不適用於過多，由於飽和度太高容易導致視覺疲乏，且紅色對於色彩心理學來說，有著警告意味的標示，雖能吸引注意力，不過由於使用過多地方，會使得整個畫面過多重點，用戶視覺焦點容易過多分散，導致介面標示顯得不清晰，整屏頁面皆是重點，這對用戶來說是一大干擾。頁面的佈局沒做太大的變動，因原本佈局就符合用戶需求，做了尖格的區分，使得結構更加清晰，也在標題前加了顏色提示，更加能區分各板塊。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556005691463-NBXVOIA54XBJMX81L5CH/%401xshare4.png 分享家 - 主要介面設計『客戶列表』客戶列表將頂部排列式tab改為列表式與篩選做結合，使得功能項能更加精簡，畫面簡潔清晰，減少混淆，由於是App端，也將搜索位置做挪動，如像公眾號將搜索放篩選底下，使得列表頂部太多層級，介面顯得複雜化，故將搜索往右上角移動，客戶列表為最大改動，推薦進程為用戶最為關心的信息，使用橫條表示進程，由於此頁是列表展示，所以進度條僅用線條作表示，並無各節點，因有詳情頁就無需在列表頁中就完整呈現。也在列標中用顏色及字體大小將信息做區分，客戶與客戶間因呈現信息較多，所以使用了間隔區隔開來，信息呈現也較為清楚。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556164479545-T3LK1FCOYUMXFP5Q91P3/Banner_sh+Copy+3.png 分享家 https://www.jean-chen.com/resume daily 0.75 2021-12-10 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563328504613-8J0OI9Z6U26L1K6FI7LB/bannner_r.jpg RÉSUMÉ - RÉSUMÉ My Education and Experience https://www.jean-chen.com/works-jiajiang daily 0.75 2019-07-17 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563189585390-6QM7H65NRL96S6IGZ86E/%401xjj_prototype_01.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332826778-BFVQ9IXFPGQOVEEAEMYT/%401xp_jj_03.jpg Jia Jiang - 主要介面設計『故事｜動態呈現』使用者一邊聽著故事一邊有著動態的故事呈現，是很吸引小孩的注意力及增強記憶點，故事中也有著小遊戲及互動式遊戲，這也是能增加趣味性的功能。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563189746477-DKE3658ESAMZDFHEHZTZ/%401xjj_prototype_04.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190438397-P6YQ5MA9LH8UV4A1JX85/%401xgd_jj_12.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332663404-3451X7PLACVJ2X7TLCY0/%401xjj_cover.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562579151362-NEQMLRMDVDIERZFAR22Y/%401xjj_ia.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563189965417-DYPDTYPJMD487SCVZXAN/%401xgd_jj_02.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190152317-7Y4JAEA0B3U9O4UAU5KS/%401xgd_jj_08.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190001973-AXY88KM49O1P8SFODUL2/%401xgd_jj_04.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190286251-4KB71HDMGW2UNYU2A11R/%401xgd_jj_09.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332883805-O1YCP0FXB1WN1CZC88TJ/%401xp_jj_06.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563189618526-UL31XIJNFJT38BOI5RDL/%401xjj_prototype_02.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332624229-CGJ2ERYN2SKQLWLIUEVX/cover_j%401x.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563189923447-Z8ZBO8XSFXK3TN459SUA/%401xgd_jj_01.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190019699-3ZLF7UFICHK5GSWYMVZ9/%401xgd_jj_05.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563189982092-0IGTJ8033WSA19QP3QJ3/%401xgd_jj_03.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332793279-GBJPCXC9I14AL99VYAI3/%401xp_jj_01.jpg Jia Jiang - 主要介面設計『主頁｜地圖』地圖的呈現方式為動畫型態，透過日夜的轉換來呈現地圖不同的樣貌。在地圖中，主要分成四個不同難度的關卡，使用者必須通過目前的關卡才能開啟下一關，每一關卡有著角色們不同的故事內容及遊戲，使用者透過點擊的方式選擇關卡以及進入到下一個頁面。使用者的第一個關卡為虎將軍，當使用者完成關卡後才能解鎖下一關，進入到下一層級，這是一個增加挑戰性及趣味性的設計。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190321410-VP33H3TBE2WETHZDIPYO/%401xgd_jj_10.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332689862-NO3Y65L4Q54IUERQGBSY/%401xjj-w-all.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332810935-11OBIHK4W7RNZNNPG6TA/%401xp_jj_02.jpg Jia Jiang - 主要介面設計『介紹｜使用教學』使用者需要觀看使用教學頁面，透過教學來了解故事中會用到哪些手勢，瞭解到如何使用才能更有效地完成任務。這個功能對於初次使用軟件的使用者來說是很有幫助的，設計上搭配了聲音，動畫及文字來讓使用這更加清楚的知道如何使用，這樣才能達到使用教學的目的。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563189708145-6G9EYH17PUHJFNDYSKRH/%401xjj_prototype_03.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190064849-BL71H9FF532AQSPULQRJ/%401xgd_jj_06.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332867365-32ZHH9HML6ITSTJAITUT/%401xp_jj_05.jpg Jia Jiang - 主要介面設計『互動式遊戲』故事中會有互動式的遊戲，讓使用者在閱讀故事時不會覺得無趣，而是更加吸引他的注意力，藉由玩遊戲及聽故事的過程中間接學習到了文化。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562581952332-WOY036Y98JXK1S1NP4ZD/jj-user+flow.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332717679-78RP7IYFU9ITNSD9FWUQ/%401xw_jj_v3_01.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190412947-1JXO60GE2ZDQWDIB0B6C/%401xgd_jj_11.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563332850330-T0OBYO5GSOKKOWYQJWC9/%401xp_jj_04.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563190119066-PPOHCPMFVO9QH365XWF9/%401xgd_jj_07.jpg Jia Jiang https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556164303160-4DN9EFKDXAWF3OV694XV/Banner_jj+Copy+3.png Jia Jiang https://www.jean-chen.com/works-zent daily 0.75 2019-07-16 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239345905-HDTHU1IZ8TPPBUUWHVKD/p-zent-04.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562234201664-PNVVFETYS4X34OSRSJL1/w-zent.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562300832765-LK9F2N70IC2BVVF1TYUS/zent.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562238008210-O50XHBIAV2TKM4J2PW4A/p-zent-02.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239373732-DDUQ4TUD6PSRMZFR517O/p-zent-06.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239401207-6QUOW1ULVA9UW07NO9GU/p-zent-08.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562233627416-DQKXDM57XHUZ3ISGTHJP/zent-user+flow.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239360299-I34NG2UL40QDCIZG5OSQ/p-zent-05.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562234250188-G8NKVR30HGHPTCKV1LCF/zent-color.png Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562234128180-RP15X1US15QTMHIJZRM6/zent-cover.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239059006-DIPWF12R51078IFWV13I/p-zent-01.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239287472-2JIK04UQUH41X4J8A5F4/p-zent-03.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239389465-MW4ZA4R0V91LK8DJB1V1/p-zent-07.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556166270069-DK9UW8HYMHYYMGGG3HKA/Banner_zn+Copy+3.png Zent https://www.jean-chen.com/works-cheesepark daily 0.75 2019-07-16 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562320375690-RD2WBTMM67WRIT98BS5S/vl-color.png 芝士公園 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563192231863-20GN34AYUPOR9ZCFPRNH/p-02.jpg 芝士公園 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556011565400-1HGO6DOZUW47OIFTG47E/3+copy+4.png 芝士公園 - 主要介面設計『我的』我的頁面中，由於購買功能是用戶在使用App最常使用且最為關注的功能，所以我們將購課單、待付款、已付款及退款至於頂部，且搭配icon做為標示，更加清楚地讓用戶一目了然，進到我的頁面也能迅速地找尋到目標，其餘佈局及設計則使用列表式的方式呈現，也因為它們為次要功能，不需要過於搶眼，且讓用戶進到頁面時，不易失去當前焦點位置。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556011695798-8SSMJR4IPY7WW8EYTD1M/3+copy+3.png 芝士公園 - 主要介面設計『課程表』課程表頁面可以查看各學員的課程情況，及上課狀況，且能在左上角的位置切換學員，如果用戶有多位學員，當前日期為橘黃漸變，如想查看其他天的課程安排，可點擊任一日期即可，點擊的日期將變為橘黃漸變，當日日期則將變為灰色，點擊右上角的”今天“，便可快速回到當日。每點擊一個日期，下列表會顯示該天課程的相關信息，如當前為課程正在進行中，用戶便可觀看孩子的上課情況，這在我們的用戶調查中發現這功能極為重要，大部分家長都很關心孩子們的上課狀況。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556011779873-Q35PRZ3Z8MDI2M3OCV8R/3+copy+2.png 芝士公園 - 主要介面設計『課程詳情』這為課程詳情頁面，有關於點選之課程相關資訊皆會在這頁面中展示，如用戶認為合適便可在此頁面點擊購買進行購買課程的動作，詳情內容可幫助用戶更加了解課程是否適合孩子們。設計佈局也採用簡潔乾淨的設計，將重要資訊以顏色及字體大小做區分，如有需icon輔助辨識也有做設計，以便用戶即時分辨。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562919920896-5RXC6E6GWE55H5Z36RJK/ch_banner.jpg 芝士公園 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563192182361-O95B1O9HZRRLUIPWTLL0/p-01.jpg 芝士公園 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556011234080-1T4D3DKXBJBXUFASKC6C/3.png 芝士公園 - 主要介面設計『首頁』芝士公園為一款教育類App，所以採用活潑一些的顏色作為主色調及搭配，黃色作為主色調，輔助色彩用藍色、橘色及紅色做為搭配，輔助色則用了些許漸變現得更加有活力，icon的設計也選擇較為卡通且可愛的方式作為主軸，雖然用戶基本上為家長所使用，不過基於App目前定位為中小學教育類，所以畫面整體感覺還是採用較為鮮豔及生動的方式作為主設計思維。整體佈局與一般市面上App相差不多，設計以標題及間隔做區分，可使得畫面層次分明，有利於用戶快速尋找到所需的功能。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1555797130991-T32ALRB0I0TUM5S0TK66/cover_c%401x.png 芝士公園 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556011332134-5CT6OOBDDJ5EP8H77API/3+copy.png 芝士公園 - 主要介面設計『課程商城』課程商城這個頁面有著較為複雜的兩層篩選功能，所以採用兩種不同的欄位顏色及方式去做設計，讓用戶不容易混淆，且第一個篩選欄為篩選類別，這為主要篩選功能，第二欄為細節篩選，這功能就較為其次，不過用戶可透過更多維度的篩選去尋找到自己所想要的，如果他/她不知道關鍵字卻想搜索，那這篩選是最適合不過的功能。課程列表採用一般方式，一邊是圖片一邊是文字的方式呈現，不過有一點不同為我們將報名日期加於圖片上，因為這對用戶來說想參與課程，最重要的就是需要報名購買課程，所以日期為重要項之一，由於這為重要資訊，所以我們加於顯眼的地方卻又不搶課程費用的重要位置。調研結果得到課程費用是用戶們最關注的信息，所以使用了紅色最為重點提示並且也將字體放大。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562320417771-I6KWR4JCISE9R46HTH2V/%401xvl-gui.jpg 芝士公園 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562919598067-4MZD3SXCZOQ8ME146O06/%401xcheese_9.png 芝士公園 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563192276595-QB9GQQM7SQMP2EWRPH5D/p-03.jpg 芝士公園 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562919802662-1HLYGKK82B232F4EUP98/vl-user+flow.jpg 芝士公園 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556164544329-PSIBESDGSFO8Z9AUFW3O/Banner_ch+Copy+3.png 芝士公園 https://www.jean-chen.com/works-zent-web daily 0.75 2019-07-16 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562300654019-62YYMU87TRBD3JLAVN14/zent-color.png Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562300679456-NY39P5HN4I1LRKOHESO3/zent-icon.png Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562301157192-DO30AS0HEMX2NN3EM94G/zent-web-03.jpg Zent - 主要網頁設計『Index』這是 ZENT 的官網，版面的規劃主軸為推廣 ZENT ，所以我們搭配 APP 的介面來做介紹，也使用了文字及圖標的設計來做提點， https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562300238543-NHMDJKVWYME45IHOQ7XH/w-zent.png Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562307648393-LEZ1VKPNCU6HCWXJMNLM/zent-web-02.jpg Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562307103322-PGGNM2QMZO79U2FSVY26/zent_cover.png Zent https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556175300835-RAT653DPFFFRW554YWNA/Banner_th+Copy+3%402x.png Zent https://www.jean-chen.com/works-dreamworks daily 0.75 2019-07-16 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562922742027-2QR4RT0VXRCKAQ8W6F9Z/dw_1-banner.jpg Dreamworks https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556175300835-RAT653DPFFFRW554YWNA/Banner_th+Copy+3%402x.png Dreamworks https://www.jean-chen.com/works-vlife daily 0.75 2020-03-15 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337253679-JA51PLYOAODOIDRN59EA/p-vl-2.jpg 万生活 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337372283-7N2V1MK40UWXVXOA5ZL6/pd_4.jpg 万生活 - 主要介面設計『我的錢包』我的錢包這一頁面，用戶可透過這頁面取得有關帳戶餘額及明細的信息，也可透過此頁進行充值及提現，因用戶目前只能綁定一張銀行卡，所以在餘額下方增加了賬戶信息，可供用戶查詢觀看，這頁的交互邏輯及視覺設計屬於功能性頁面，所以不存在複雜的交互方式，可淺顯易懂的操作方式。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337230796-WC5DNJVA2U32MX9SCZ2O/p-vl_02.jpg 万生活 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337337410-FVJ368V0EF1RLU9T81HF/pd_1.jpg 万生活 - 主要介面設計『登錄註冊』這頁面為万生活的登錄頁面，歡迎與採用的設計方式為目前的設計流行趨勢，加粗大字號的文字呈現方式，信息流分佈清晰，由於登錄有兩種方式可供選擇，一開始默認密碼登錄，如想使用驗證碼登錄，可在下方作切換，密碼輸入欄有個眼睛的icon符號，默認為隱藏顯示，如需查看可點選一下，便可切換到可視模式，如有提示密碼出錯時就可點選查看是否輸入有錯誤，這可以使得用戶更加快速發現問題點，在為輸入完整實，下方的登錄按鈕會是不可點擊的灰顯狀態，如輸入完成，按鈕將會亮顯變為可點擊狀態。如未曾註冊可點擊下方註冊，便可進入註冊頁面，也可點擊左上方返回鍵，返回前一頁面重新選取註冊。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337112948-UDGURJVO3A49RQJ4V2DJ/cover_vl%401x.jpg 万生活 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337318486-6B4RKO24B8SNXCWP32D0/vl-color.png 万生活 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337276685-95FDQYQD0O2HWS2JKUH0/p-vl-2_02.jpg 万生活 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562914510787-2UCZZJHREN08AWY3EHZW/vl_banner.jpg 万生活 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562319015310-XARFMM5A9IQZXUO5ZBGD/%401xvl-gui.jpg 万生活 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337387737-8QIUQ7DQIS8HF3VD6RDI/pd_5.jpg 万生活 - 主要介面設計『資金存管』資金存管功能目前為App主要功能，這功能為買房的用戶取得一個更加便利及安全省時的好方式，在設計介面時，我們盡量採用簡單操作，不易出錯的方式進行設計，不管是交互或者視覺，皆使用最清晰的方式來區分信息。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337356157-COUE4K1LUEFRE7S6DSL3/pd_2.jpg 万生活 - 主要介面設計『首頁』首頁採用與一般市面上不同的設計方式，頂部為卡片式的呈現方式，原因在於右上角有個二維碼掃描功能，用戶點擊後，會有彈窗彈出顯示您的二維碼信息，二維碼信息為用戶的個人信息，當用戶進入案場時，經紀人或者置業顧問可透過掃描用戶二維碼獲得客戶信息。卡片會根據會員等級進行顏色的變換，目前會員有三個等級-普通會員(藍卡會員)、（金卡會員）、（鉑金卡會員）。再者，為三個功能選項，下面則為廣告Banner，呈現方式由各城市公司自行配置，最後一欄為附加功能項，這集合了公司當前的所有與線上相關之業務入口，用戶可透過不同的需求進行點擊您所需要的服務。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563125860113-60I1BB7ANZX2NWWDD7WF/vl-user+flow_2.jpg 万生活 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337403225-CM0M8DYCNCPA2RF48MQV/pd_3.jpg 万生活 - 主要介面設計『我的』我的頁面皆與金錢有關，我們將用戶最關心的兩項金額顯示於最頂部，這使得用戶一進到我的頁面即可獲取資訊，不必再點擊進入二級頁面，其餘功能放置於下方的列表中，以icon及文字作搭配，這讓用戶可透過圖標找尋目標。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337146333-UUG40F8FN74Q1AKMDQM4/p-vl.jpg 万生活 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563125502298-WBHYMOA241JKDT82RQ54/vl-user+flow.jpg 万生活 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337209201-3IGRQ79GW1Q9I2L22M5W/p-vl_03.jpg 万生活 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563337424965-WP5CFP09H84DDPU2ZAK1/%401xvlife_9.png 万生活 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556166323041-A0V0Z7HQBI7V672DIPHA/Banner_vl+Copy+3.png 万生活 https://www.jean-chen.com/works-sterlingvineyards daily 0.75 2019-07-17 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329649290-SOSL8YKXNE5WDJLY35MJ/st_color.png Sterling Vineyards https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563330114905-M72GDSAJR9GGBCDM4UK1/p-st-03.jpg Sterling Vineyards - 主要介面設計『About Us』將畫面的排版設計的更加統一性，且易讀，也使用了清晰高畫質的照片，這樣更加吸引用戶去酒莊遊玩且品酒過後購買商品。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329623621-ASCUXLTERO5RCRANM9LN/cover_sv%401x.jpg Sterling Vineyards https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329686424-D4R86HGZMKRAH3XHQ54G/%401xst-logo_final.png Sterling Vineyards https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329822437-U7HSEYC8OYCGUYIEJI66/st-b01.jpg Sterling Vineyards https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563330043889-581CRRREXQHY1VOPVAAU/st-b03.jpg Sterling Vineyards https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329670737-7D8VZJ32WONYGXGLKAIZ/%401xst-logo_design+process.png Sterling Vineyards https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563339648860-JB8YNL75RF4JQ0GISQ2H/w-st-01.jpg Sterling Vineyards https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563330082398-0FXBWXNR8YB9FKX8QTTM/p-st-01.jpg Sterling Vineyards - 主要介面設計『Index』這是網站的首頁，大概介紹酒莊有哪些活動及特色，這網站為重新設計，所有內容以網站原先的內容為主，主要是設計風格的變換，因原有的網頁版面設計的有些雜亂，所以我將佈局及icon做一個重新的設計，使得視覺看起來較為清晰。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563330098970-69OVIJ5YZBOBR24R4PRB/p-st-02.jpg Sterling Vineyards - 主要介面設計『Order』這為購買頁面，用戶可從頁面上進行酒類、門票及俱樂部三項的線上購買，我設計了三種不同的icon，讓用戶能透過icon快速識別，也增加頁面的趣味性，並且更加吸引用戶的注意力。另一頁則是門票的購買內頁，門票有三種不同的類型，所以我也設計了三款不同的icon去代表他們，這可使得畫面層次分明且戶讓用更加容易找尋得到目標。 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329588978-N0APOKF1OWSBTUPLUVXD/st-banner%401x.jpg Sterling Vineyards https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329988624-ELQJ3NWPCH45YSFZQ29L/%401xsv_10.jpg Sterling Vineyards https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563330062047-JGYDA3VF0G817U9LVQGY/st-b04.jpg Sterling Vineyards https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563329859149-N2V5HVJSW44CFGKKNQC1/st-b02.jpg Sterling Vineyards https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556175269694-JKK2LJTM0KJ6KXCKLU0H/Banner_sv+Copy+4%402x.png Sterling Vineyards https://www.jean-chen.com/works-mcp daily 0.75 2020-02-28 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563956820183-JKPLV2P0OGECPE4NE2SP/user_details_profile_w.png MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563972454891-BIQDFVXHTG6YFIAILPD3/mcp_ia_credit_3%401x.jpg MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563977455841-80QX4ZF83SMDOTD76CAW/mcp_p_5%402x.png MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563977487264-MSNAGBA0L49AOHETNR4C/mcp_p_6%402x.png MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563977406606-J2HDMWSDT1V8MTFNFQXE/mcp_p_4%402x.png MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563785215430-GCBL7ENLVDJPQQUUBX53/mcp_w%402x.png MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563977589346-KTZE76DG39NKDO8VFDCE/mcp_p_7%402x.png MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563977297095-W9K8BPZC1KHS4B8WNFT6/mcp_p_2%402x.png MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563965046638-HGQWPE6U55STF76RBJZA/w_mcp_rp.jpg MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563972536124-2WOX138Q5066QIQQ699G/mcp_ia_credit%401x.jpg MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563972479382-RJR6YOFZRTKFTWLKXWUV/mcp_ia_credit_2%401x.jpg MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563977359984-B3K2VFRL2UQ8INZSKGHE/mcp_p_3%402x.png MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563968657550-Y20EHMTYVQ7Y0U3JPPY2/mcp_banner%401x.jpg MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1563975687529-QK7A7EFJFAWH5ZS9AQHM/mcp_p_1%402x.png MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1570676605005-6QA6973HTE13M8T6EZYB/mcp_p_8%402x.png MCP https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556175300835-RAT653DPFFFRW554YWNA/Banner_th+Copy+3%402x.png MCP https://www.jean-chen.com/blog daily 0.75 2020-03-10 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583852981832-M30CF849C2IVZFTGEZO1/image-asset.jpeg BLOG - 設計思維再給我一點點時間，敬請期待⋯ https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583852042257-747FXDDGDSGNXUVAF1FU/Screen+Shot+2020-03-10+at+10.49.28+PM.png BLOG - BLOG Sharing & Expressing Emotions https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583853198854-E68SJ6EE0COO5O088CF9/image-asset.jpeg BLOG - 如何探索使用者的潛在需求？再給我一點點時間，敬請期待⋯ https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583848735791-M5EVBGM97K96JSFMY65L/image-asset.jpeg BLOG - 探索海外遊戲直播平台三大海外遊戲直播平台 https://www.jean-chen.com/user-needs daily 0.75 2019-10-16 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1571217663106-A14PTFQLCHHD3D6LA29B/image-asset.jpeg 如何探索使用者的潛在需求？ https://www.jean-chen.com/spot daily 0.75 2020-03-09 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562234250188-G8NKVR30HGHPTCKV1LCF/zent-color.png Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562300832765-LK9F2N70IC2BVVF1TYUS/zent.jpg Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239287472-2JIK04UQUH41X4J8A5F4/p-zent-03.jpg Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239360299-I34NG2UL40QDCIZG5OSQ/p-zent-05.jpg Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239389465-MW4ZA4R0V91LK8DJB1V1/p-zent-07.jpg Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239059006-DIPWF12R51078IFWV13I/p-zent-01.jpg Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562234128180-RP15X1US15QTMHIJZRM6/zent-cover.jpg Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562234201664-PNVVFETYS4X34OSRSJL1/w-zent.jpg Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239345905-HDTHU1IZ8TPPBUUWHVKD/p-zent-04.jpg Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562233627416-DQKXDM57XHUZ3ISGTHJP/zent-user+flow.jpg Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562238008210-O50XHBIAV2TKM4J2PW4A/p-zent-02.jpg Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239401207-6QUOW1ULVA9UW07NO9GU/p-zent-08.jpg Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1562239373732-DDUQ4TUD6PSRMZFR517O/p-zent-06.jpg Spot https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1556166270069-DK9UW8HYMHYYMGGG3HKA/Banner_zn+Copy+3.png Spot https://www.jean-chen.com/video-game-live-streaming-platform daily 0.75 2020-03-23 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583823323130-4O2DSHIG3CVQKZP0R3UW/twitch-statistics-1500x643.jpg 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583779356988-E2WT68BXWY079VVH1U92/IMG_6501.PNG 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583779377950-YPNHA4LT5IVT7UCT0LFW/IMG_6502.PNG 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583779379979-1R7LIN9GF6G5QCMK9CA4/IMG_6504.PNG 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583778460158-UXDFFFFQ2N4VP8RQ94TX/IMG_6472.jpg 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583778477458-BP30C5F5JTUH3QX6SJB0/IMG_6475.jpg 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583767817337-7JQHZJWJWFGM1ZOJ7VLV/icon_twitch%403x.png 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583781633778-B7YT4R9IWL1Z13IHHY68/twitch-age-gender-blog.png 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583778822805-VCHAELTAE60OT629VJ49/IMG_6494.PNG 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583766245863-6A4A4IMABH40K6ZL99J9/twitch_bg.001.jpeg 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583778495420-CFUANJR995ZKPUB52523/IMG_6476.jpg 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583785391826-CTZK2AMQ0BBKKYQQ4Y20/IMG_6499.PNG 探索海外遊戲直播平台 https://images.squarespace-cdn.com/content/v1/5c99e1087046807b7fdee24f/1583784474713-983DAE9FCE1RCWYUA50Q/IMG_6496.PNG 探索海外遊戲直播平台