臺中國家歌劇院

臺中國家歌劇院

台中歌劇院在設計圖一出來的時候就讓人期待
先不論中間一波三折的選舉因素,伊東豐雄的大作還是值得一看!

而這次又有光影藝術節當中的
Shape My Language By Bruno Maag字體設計展,於是便衝了
至於Bruno Maag是誰?看這篇!
你的螢幕上有他的字體:專訪 Bruno Maag

繼續閱讀 “臺中國家歌劇院"

超農域系統UI日誌8/30~12/2

超農域系統UI日誌8/30~12/2

記得以前在寫論文的時候有用到的一個研究方法是撰寫研究日誌,後來覺得在面對g0v長時間的專案開發上,是一個很好的方法,藉此進行記錄與學習

超農域是我在g0v的第一個專案,會加入是因為身為莊稼子弟與對台灣農業的情感,而超農域也是我的絕佳學習場

icon-01

8/30-31資料科學松

這是我第一次做網頁設計,後來的一個月後,有了更多做網頁的經驗就開始能夠全盤的思考,像是首頁就再次的更動,改為因應RWD而做的設計

不過目前是暫時擱著,專心做農藥系統

icon-02

毒性標示

進行毒性標示的改進,原本的毒性標示為方形色塊,在尋問過a0kman與simon之後,得知毒性標示是可以算出百分比的,因此將毒性標示以條裝方式呈現在卡牌上方

關於使用者

在這個專案裡,我並不是使用者,我平常不會去要用到農藥系統,那我該怎麼知道什麼設計能夠貼近使用者的需求??

過去再做平面設計的時候,習慣性以畫面傳達為考量,然而在做網站或是系統開發的時候,實用性與正確傳達性是更為重要的事情,我認為農藥系統所需要的都不會是一個漂亮的畫面,而是實用、精確、舒服的設計。而剛好a0kman就是最貼近使用者的研究人員,我能透過不斷的訊問他來釐清系統的需求。這時候真是後悔當年沒有修堂老師的課啊,結果現在在摸索(笑

可以確定的是這半年來,使用者導向的觀念大幅度地改變了我的設計思考,更不容易掉入設計自己的世界裡,感恩g0v讚嘆g0v!

11/8 g0v summits

三大系統整理

超農域系統主要分作三大系統作為進行方向,因g0v summits的關係,在擺攤時需要向人講解專案方向,hackpad上資訊過於繁瑣專業,若沒有a0kman在場則說不清楚,因次藉機整理成圖表好讓人理解。記得以前讀碩士時,老師也說要把想講的事情整理成圖表,後來影響到我在做事情的方法,針對過度龐大繁雜的系統規劃時,第一步就是先做“整理”,而圖表就是最佳的表達媒介。

農業系統圖-01

第一系統:農藥查詢系統

第二系統:疫情系統

第三系統:農民管理

雖然在第一次參加萌典松時就已經加入超農域的專案,但真正去思考專案方想與設計規劃卻是g0v summits之後。

超農域是一個for農業的專案,其實我花了很多時間在了解農業的相關知識,其中在開發中的第一系統:農藥,更是有許多專業知識要懂,第一次萌典松花了很多時間聽a0kman講解農藥的相關知識,也試著操作現有的官方農藥系統。

我算是中途加入超農域系統開發的設計師,在這之前已經有simon建到一半的農藥檢索系統,當時我並沒有想太多,單純以改進外觀的方向去做,另一方面也是在不完全熟悉的狀況下迷路,當時只針對了首頁的部分進行設計

1122萌典松

這次我針對simon蓋好的系統現狀進行思考,目前有兩種搜尋結果:卡牌模式&表格模式。

卡牌模式的UI思考:

一開始卡牌模式出現的時候,我也覺得卡牌看起來很新穎,不錯使用,直到某次跟poga提起卡牌模式的運作,讓我重新思考了一下卡牌的呈現目的

優點:根據a0kman的說法,研究人員搜尋出的農藥結果都會一次出現在一個卡牌上,起傳統的表排模式更清楚。就閱讀上來說,使用者只要聚焦在他的目標卡牌上就可以找到他所需要的資訊。

缺點:根據poga提出疑慮是,當我搜尋一個作物所需要的農藥時,直排更能針對同一項目進行快速瀏覽。

按照一般的搜尋習慣來說,確實針對項目的直排瀏覽會很清楚,但是我再次詢問a0kman,他表示使用過的研究人員都認為卡牌模式是不錯的,那麼這是否代表我們的過去經驗在此並不適用於使用農藥系統的研究人員。在此我們暫時保留了兩種模式的瀏覽,以便切換

表格與卡牌的重新layout,在simon建好的系統中,我尚未動過任何的設計(全都花時間在了解農藥與使用者上)直到現在才在管畫面。畫面目前的首要目標是釐清層級,我將從a0kman那裡詢問的資訊整理出來進行卡牌的層級排版。

目前進度:

農業系統圖-04

農業系統圖-02

12/2特生中心車上松

在一次的機會中,我與a0kman、au大大前往特生中心傳教(?

那天車程很長,便簡單的討論一下農藥系統,a0kman表示新的卡牌排版非常清楚,正是他所需要的感覺,其中毒性標示可能太過抽象,項目的表達需要再清楚。至於表格模式目前simon做到可以任意添加所需項目,未來希望能拖移項目資訊,則又是有待設計與再三測試的一個地方。

設計的責任

以前,做平面視覺設計不會有太多設計責任在,也許是做海報對社會譴責而已。然而做到像是農藥系統或是資訊設計上時,設計師的責任多了一點,美醜是主觀居多的事情,然而實用性與資訊正確性都是很重要的,那天a0kman說,農藥系統有一點要嚴謹對待的就是只要我們出錯了,可能會造成農夫用錯農藥的損失,就像全國重度級急救責任醫院急診即時訊息一樣,我們的出錯、設計的不佳就會直接地造成傷害,雖然農藥不會直接死人,但是他仍然是需要嚴謹對待的,為此,作為一個設計師,我的每一個步驟都需要小心。

資訊設計,我在系統裡肩負指引的責任,我不能讓使用者在系統裡面迷路、讓他們看不清楚字,找不到他們想找的而沮喪、甚至不想用。我不知道是否所有在做使用者研究的人都這麼想,我把設計師的責任加重,這不是藝術創作,這是為公眾而做,因次我們要盡可能地想到任何族群的需要,我希望可以在我的設計力儘量做到UD的精神,至少,不用看一個半小時說明書才開始使用系統,設計師也許就是一個導遊,好的導遊不會讓你迷惑甚至危險,而是給你最舒服的體驗。

割闌尾V計畫_整形醫師選前告白

記得幾個禮拜前看到夥伴寫的一篇
11/29 割闌尾 V 計畫背後
就覺得很想說一下身為整形醫師的背後故事,記錄一下設計過程。
/
割闌尾V計劃
http://1129vday.tw/

回溯到好久以前,我好像就跟割闌尾計畫有著緣分,在318期間不是衝組也沒有戰力的我不知道去哪裡投注力量,誤打誤撞的被Mindos加入割闌尾計畫的臉書對話群組,但其實當時計畫已成熟所以我沒有做任何事、認識任何人便默默淡出當一個支持者。

割闌尾計劃一直是我心中超喜愛的社運團隊,所謂力與美兼具,以輕鬆的口吻做著嚴肅的事情正是他們,我也非常喜歡割闌尾計畫的設計,默默的關注著沒想到有一天我就這樣成為整形醫師的一員。

 

那是g0v的第拾次資料科學黑客松,那天不知道在忙什麼,總之狀況是有點累,沒想到專案報告台北林先生就上了台說明了秘密的V計畫,雖然都直播出去了(笑),但g0v的大家口風很緊嘛,當下身上有著兩個坑所以並沒有要主動支援的意思,殊不知Stella帶著翰哥跑來推坑於是我就答應了,畢竟割闌尾團隊可是我有點夢寐以求的地方啊(?

這陣子看著祭止兀的各種無法無天,差幾百公尺就是內湖區的我家,卻割不到他,恨得牙癢癢跳坑戰力很高,聽完翰哥描述他們想要用戰略遊戲感的網站設計,便覺得逸趣橫生,黑客松當天就與Stella把方向根據PJ姐的構想擬定好粗略的wireframe了

我們要做一個號稱全台灣本年度最大O2O實境遊戲(?以下多屬於設計相關心路

接到任務的時間是8/30,deadline是11月要上線,整個9月、10月大家都水深火熱了,畢竟每個夥伴白天要上班,擠出所剩的時間割闌尾真的頗勞累的

身為“新手村”的UI設計師這個任務要面對的挑戰就是

第一次從頭到尾做網站

第一次超遠端線上協作討論(我要自首我一直搞不清楚有幾位工程師在團隊裡….orz)

第一次坐高曝光率的設計還沒什麼時間可以蹉跎(抖

要是我越蹉跎就越壓縮工程師的時間,讓我腎上腺素都要滿出來了,這是我這輩子第二次畫wireframe,因為人在台北無法到手術房開會,所以都是由小秘書Stella代勞,所幸這次的過程非常順利,wireframe確認之後我便著手定調V計畫的視覺

一些過程記錄的渣渣都在g0v的hackpad上https://g0v.hackpad.com/vUI-ihtZ4As3li5

割闌尾v計劃_wireframe-07

割闌尾v計劃_wireframe-01

 

割闌尾v計劃_wireframe-06

這次能夠快速的完成設計還是要歸功於割闌尾計畫的原始設計師,做了非常好的logo讓我可以延伸發展,V計畫是一個短期衝刺型的計畫,但必須有點搶戲但是又不能讓大家忘記他是割闌尾計畫,所以便將logo改為戰隊、徽章的感覺,而顏色則選擇鮮豔的紅色,(選顏色還得避開藍綠兩黨、和原本的黑)字體則沿襲原logo所選擇,然後對六角形的熱愛就從這裡開始了(?雖然原本的V取自V怪客的概念,但是我實在無法畫出一個簡單好用的V形象(我花了整個晚上描繪V怪客,我盡力啦!!!!),最後選擇徽章作為這次的主要視覺vv-01

如果翻翻hackpad就可以發現我偷了不少他人的設計kerker,短時間的設計實在顧不了這麼多新視覺了

而在PJ所設定的戰略遊戲感中,則是要讓大家覺得有趣、好玩像是首頁倒數計時,魔王以卡牌方式呈現、任務選擇、發動招式、血條progress bar等種種設定都是希望大家用玩遊戲有趣好玩的心情去做有意義、但卻嚴肅的事割闌尾v計劃web-01

以前媽媽不喜歡小孩打電動,但我超愛打電動,ps、任天堂、線上遊戲、掌上機各種玩,也很少有女生會這麼愛打電動,但我可以說打了這麼多年電動今天生出這個網站我也不後悔那些爆頭的時光了(快爆了祭止兀的頭!!!)我有很多奇妙的屬性,我覺得這就是我的設計養分,如果V計畫走優雅文青風、或是國際設計時尚感也許、也許就沒有話題性,就這麼剛好V計畫的整形醫師愛打電動才能掌握到一些遊戲的眉角,包括發動很多招式會combo這件事(笑)

vv-02
預告計劃頁-07

希望這些經驗可以幫助投入社運的設計師至於那些歪掉的圖、選錯的字,設計師們請鞭小力一點,真的沒時間啊我知道錯(跪

 

而這次真的超感謝割闌尾團隊裡面的眾工程師,除了能夠對我的設計心靈神會、1px不差之外,那些默默付出不會在台前露面,只能在手術房看到疲倦的你們小瞇一下,兩個月來每天訊息爆炸的臉書討論群組,從架好網站到維護,跟各種bug奮戰,持續地為這個網站奮鬥(還很努力的生產手機版本),請大家一定要幹掉魔王來撫慰開路英雄們的血汗呀!我很喜歡去手術房,不瞞各位,每次我都邊喝酒邊動手術(哪招~還不是翰哥如此熱情,搞得台科大出來的都很愛喝酒一樣),喔然後旁邊還有人三不五時開黃腔,有沒有很暴民(?)同時也感謝V計劃的最初發想者PJ(裴君),要是沒有你的突發奇想,就沒有後續的超展開!還有一直從中協調的翰哥,謝謝你都留酒給我喝(?

 預告計劃頁-05

我們都知道選舉投票、我們也學過公投、罷免,但長大後才知道罷免法的種種門檻讓我們無法砍掉那些作惡多端、不適任的魔王,民調再低魔王還是可以端坐上位領著高我們好幾倍的薪水,這遊戲的難度很高。很多遊戲你自己努力練功就可以破關,有些遊戲不組隊打怪是永遠破不了關,罷免就是一個組隊打怪的概念,有衝組是不夠的,有一個英雄是不夠的,我們要的是千千萬萬個公民V我知道我有好多朋友住在內湖南港區

就像那天看到宇廷在臉書上所說的,要是罷免失敗我大概會哭吧別讓子龍不開心,請大家站出來!勇敢讓罷免復活

割闌尾V計劃-整形醫師子龍

子龍 | Create Your Badge