Portfolio

2017中國化學年會APP
2017 Annual Meeting of Chemical Society Located in Taipei

與會者可透過 App,獲取大會相關演講資訊、演講者、場地......等等之情報,

亦可將喜歡的演講活動加入我的行程內,方便使用者迅速查看資訊及設置推播提醒。

Users can search the information of speeches, speakers, etc. , and plan the speech schedule in the app.

It’s convenience for users to set the alarm notification and follow the topics.

概述 Overview

中國化學年會是台灣一年一度的化學相關的學術研討會。除了台灣各大專院校的教職員、學生參加外,海外的學者也會蒞臨。本次的會議共約 2,000位與會者參加,為了讓眾多與會者能確切接收年會各項資訊,行動化的線上會刊 App為此次的專案需求。

Annual Meeting of Chemical Society Located in Taipei is a Taiwanese scholarly orgazation dedicated to chemistry. Besides Taiwanese professors and college students, overseas researchers also came this conference. Over 2,000 participants came to this conference, in order to let numerous participants follow the conference information, digital brochure is our target.

Work Process

process_化學年會.png

產品需求確認 Product demand

在開始執行專案時,先確認此次 APP的功能需求,除了參考客戶(展會主辦廠商)提供的需求及他家類似的APP功能外,

也會諮詢有參加過演講展會的朋友們相關的活動經驗。最後歸納出基本的產品需求及功能清單。

When starting to run project, I confirmed demands from customers(conference sponsors) and reference other conference apps. I also consult with my friends who have attended conferences or meetings. Then I organized basic demand and function list. 

產品需求re_1.png

UI Flow

確認好 App的功能需求後,將它們依不同的主功能歸類分頁,並標示不同的編號好幫助確認頁面路徑及製作 Wireframe、Mockup。

After confirming demands, I classified wireframes according to the functions, and set the numbers to help understand UI flow.

UI Flow_re1.png

Wireframe&Mockup

Wireframe 與 Mockup的部分,除了設計主視覺配色與化學主題的 icon外,亦會遵照 iOS及 android的 Design Guideline規範製作頁面。

製作期間亦會與工程師確認切圖尺寸、分頁路徑、使用行為等問題。完成後,上傳至 Zeplin供團隊成員並裁切適合的圖示

給團隊工程師製作 App。

Then I thought about wireframes and mockups. Besides designing style guide and UI elements, I followed iOS and Material design guidelines. I also discussed app UI flow and user experience with engineers. After finishing designing, I uploaded the mockups to Zeplin and exported appropriate UI elements for engineers to make the app.

Wireframe_re1.png
Mockup_re1.png

Style

Style_re1.png

結果回饋 Feedback

透過此次的專案經驗,嘗試把以往瀏覽紙本場刊的體驗轉換到行動裝置上,提高參與者對會議資訊的聯結;而主辦方也的確利用 App即時傳遞會場上的各項資訊給參與者,達到紙本場刊無法呈現的效用。

但也發現些在設計時未考量到的地方:主辦方編排活動議程的規則、不同語系在畫面上的呈現等。未來進行相關案例時,應再對不同層面的使用者(主辦方&參與者)的使用行為進行評估,讓使用體驗的品質能更加提升。

According to this project, we tried to turn the hard-copy reading experience into mobile device (app), linking participants with information of the conference. Finally, sponsor transferred information immediately by the app, that attained the good result more than hard-copy reading.

But we also discovered some problem in the product: sponsor’s user experience, localization layouts, etc. We should look into the habit of different users (sponsors and participants) in the future. To promote the quality of user experience.

團隊 Group

  • Product Manager:1人

  • UI/UX Designer:1人(Yuting Tseng)

  • iOS 開發:2人

  • android開發:2人