tag:blogger.com,1999:blog-79275822664191832072024-03-13T10:18:40.202-07:00大予創意 (設計諮詢與 UX/UI 設計服務)大予創意是專業的介面設計 (UI design) 公司。我們提供各種行動裝置、觸控裝置、電腦軟體的介面流程設計、互動設計、使用者經驗設計與顧問服務、視覺設計等服務。大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.comBlogger40125tag:blogger.com,1999:blog-7927582266419183207.post-21947658835080175352016-05-28T07:14:00.001-07:002016-05-28T07:14:04.976-07:00創新像是釀啤酒,而不是擠牛奶以我多年從事設計顧問的經驗來看,創新需要三個條件:文化、過程、跳脫。<br />
<br />
首先我們來談談文化。這組圖很好玩,是美國幾個大型創新企業的組織架構圖 (搞笑版)。你可以看到每一家企業都有他們的特性跟特色。Google跟Amazon都是階層式架構,但是各個product line跟function team的互動模式不一樣,組織的面貌跟特性就不同。其他像Facebook是平行流動的,微軟看起來是各部門互幹的,Oracle的法務好像很強勢;Apple過去則是中央集權的,但是Jobs過世之後,就變成從中央散開了 (笑)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT7khExO3lw5kjlyK2I3eFeid-7SVDFZZ7VloSbOIYxtFS6iyVz-2fWoKV1PlMz-pOg3JSP0OQI5q7ETx5Ud2raK9BwHzHY9PWRAXZaJNmgfNeVsNeuqV9uZCxx3zQrL2APsqS46VR1zc/s1600/2016-05-28_13-58-04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT7khExO3lw5kjlyK2I3eFeid-7SVDFZZ7VloSbOIYxtFS6iyVz-2fWoKV1PlMz-pOg3JSP0OQI5q7ETx5Ud2raK9BwHzHY9PWRAXZaJNmgfNeVsNeuqV9uZCxx3zQrL2APsqS46VR1zc/s640/2016-05-28_13-58-04.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Types of Company Culture (Image credit: Organizational Charts, Organizational Charts: an update)<br />
<br />
不同的組織,會有不同的創新文化。這六家都是美國的創新企業,也都很成功。但是他們的組織文化適合台灣企業嗎?我也沒有確切的答案。<br />
<br />
姑且把美國大公司的例子放在一旁,回頭看我們AJA這家設計顧問公司的組織文化。2015年以前,我們的組織是很集中、架構明確的。三個老闆各自帶領團隊,嚴謹分工,各守專業分際。這樣子運作沒出什麼大亂子,有紀律、好管理,但就是少了點創新的火花,對於市場需求的變動也比較缺乏彈性。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_r9TtNLGwby4Rp4QV3Vxa6mmYgL6NjKRKWn1I5lFjr3-fIUlPTRF2MUP_u8qdVi3VETlgjdPFOmuyghkKQwbCZ7z9ELbclWD65xcLiPOetMpUyXUEZ_L0MthXLRYbFhcZBQ5xSXi6-A4/s1600/2016-05-28_13-59-35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_r9TtNLGwby4Rp4QV3Vxa6mmYgL6NjKRKWn1I5lFjr3-fIUlPTRF2MUP_u8qdVi3VETlgjdPFOmuyghkKQwbCZ7z9ELbclWD65xcLiPOetMpUyXUEZ_L0MthXLRYbFhcZBQ5xSXi6-A4/s640/2016-05-28_13-59-35.png" width="640" /></a></div>
2015年初的時候,我們自己發現這樣不行。創新突破不夠多,而且設計師的學習成長也逐漸停滯下來。整個組織運作結晶化、僵固化了。所以我們把公司裡所有設計師都找來,一起坐下來討論遇到的問題,以及可能的解決方法。像是大家工作需要多點彈性,我們就一起討論彈性工時的制度,每週要1, 2, 4甚至是8個小時,由設計師們一起討論決定。大家希望績效能夠透明,我們就把一切都透明公開,包含每一個專案的接案金額是多少、獎金計算方式、日常的溝通互動等,全部都透明化。你可能很難相信,AJA現在的獎金制度已經設計成,三個老闆完全沒有辦法影響設計師的任何一毛錢獎金。夥伴們的成長目標自己訂,績效表現全都看自己的設計產出,一切往transparent, self-orgainze, work as a team的方向去走。<br />
<br />
這些改變已經一年多了,我們的團隊也已經非常適應這樣的改變。事實上,整個AJA 2.0的redesign是由設計師們一起討論,一起決定的。所以討論定案的那一個下午,就可以看到每個人的工作模式不再是坐在位子上各做各的,大夥全都站了起來,互相討論、彼此交流。整個設計文化一瞬間就整個扭轉過來,那改變真的是很神奇的。所以我說,創新第一個需要的,就是開放透明的文化。<br />
<h2>
創新像是釀啤酒,而不是擠牛奶</h2>
再來,第二個,創新是需要轉化過程的。我覺得創新像是釀啤酒,而不是擠牛奶。擠牛奶大體上是一個有SOP、不太容易失敗的事情。只要乳牛有奶,擠奶的工人有一定的技能,誰來擠的差別並不大。每天能擠出的牛奶量、品質都是類同的,所以甚至換成用機器來擠也可以。這樣的工作比較穩定、不太會出錯,但也不會有什麼驚喜。<br />
<br />
但是釀啤酒就很不一樣。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitlAihtbYEg8DZPPxx-sK8zzwDCSldxCeZES6JxbPj9hOjs9BW00b_y7R0vaDJhxgH42EWV_D2ZKrkzkBV2-s-_3HNd-3IwD_ClMs0QAoLP9xg35_RVqHvepCluQMHwY2GdBXI6lWXe3o/s1600/2016-05-28_14-00-08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitlAihtbYEg8DZPPxx-sK8zzwDCSldxCeZES6JxbPj9hOjs9BW00b_y7R0vaDJhxgH42EWV_D2ZKrkzkBV2-s-_3HNd-3IwD_ClMs0QAoLP9xg35_RVqHvepCluQMHwY2GdBXI6lWXe3o/s640/2016-05-28_14-00-08.png" width="640" /></a></div>
Innovation is like brewing<br />
<br />
(Image credit: The Beer Guide — Gentleman’s Gazette, 10 Ways Beer Shaped Human Civilization)<br />
<br />
啤酒的原料並不是另一種液體,而是固體的榖物。不管你是用大麥、小麥、黑麥去釀,原料都是固體。從固體到液體,從沒有酒精,到有酒精、有香氣、有氣泡,那是一個高度轉化的過程。很多人喜歡自己釀啤酒,因為這個過程很有趣,可以自己加進去很多變化,而且不保證成功。這當中包含穀類的篩選、磨碎、出糖、過濾、熬煮、冷卻、發酵等多道過程,蘊含有很多變化的可能性。所以你可以自由變化,釀一桶世界上獨一無二的荔枝啤酒、鳳梨啤酒、桑椹啤酒,這過程是充滿挑戰跟樂趣的。我想,這就是不少人把釀啤酒當做興趣,但是卻很少聽到有人下班後跑去擠牛奶的原因。<br />
<br />
創新就像釀啤酒一樣,需要過程、需要轉化發酵,之後才會跑出真正新的、有趣的東西。<br />
<h2>
創新需要全局思考、跳脫框架</h2>
講到跳脫框架,我建議大家有空去看看Powers of ten這隻紀錄片。這是一支很有名的影片,在科技跟人文藝術這兩個領域,都非常有代表性。紀錄片全長9分鐘,從1968年開始規劃,中間陸續花了9年多的時間才完成。影片的第一幕從芝加哥公園草地上的野餐墊開始,逐步拉開尺度,展現出10的一次方、二次方、三次方,直到宇宙的邊緣,然後再縮回到10的負一次方、負二次方、負三次方,直到血管、細胞、分子、原子。<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/0fKBhvDjuy0/0.jpg" src="https://www.youtube.com/embed/0fKBhvDjuy0?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
這隻記錄片結合了科學的精密計算,同時也展現了原創性的美感。我建議想做創新的人,可以耐著性子看完這隻紀錄片。利用這9分鐘的時間,想一想眼前的創新題目,並且試著往後看10年、20年,往外看看整個世界。把時間軸拉開,把尺度拉大,看待眼前題目的角度就會寬廣得多。創新就應該這樣,要能夠眼觀全局、跳脫既有的框架。<br />
<h2>
創新很難,所以才有趣</h2>
看到這裡,你應該會覺得創新超難的吧。要有開放的文化、醞釀轉化的過程,還要跳脫框架,而且還不保證成功。是的,創新真的不容易,誰跟你說把麥子做成啤酒簡單了?但也就是因為有難度、要突破、有企求,所以才會有出乎意料的結果。有空自己釀釀啤酒,加點新東西、失敗個幾次,你就走在創新這條路上了 🙂<br />
<br />
註:本文轉載自 AJA 使用經驗總監 <a href="http://www.handyui.com/2016/05/28/innovation_is_like_brewing/" target="_blank">David 之部落格</a>。大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-29369186876722321542015-08-24T21:02:00.000-07:002015-08-24T23:04:20.083-07:00AJA有新願景、新的品牌精神囉!<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWgQDbEsGb9phBHBnKz0cNne_tIMNG4_6s4BNalul2S7wpuN1uJkHzAHHW6RA0cUfoKzITG8aAS0y298dOv0N-OccjDDWVatD3dt1v7epOGckRZDNDO_27gYASI4aFqlOXO0LwrAiNkfM/s1600/11062793_903687396351503_5071346638667840024_o.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWgQDbEsGb9phBHBnKz0cNne_tIMNG4_6s4BNalul2S7wpuN1uJkHzAHHW6RA0cUfoKzITG8aAS0y298dOv0N-OccjDDWVatD3dt1v7epOGckRZDNDO_27gYASI4aFqlOXO0LwrAiNkfM/s640/11062793_903687396351503_5071346638667840024_o.jpg" width="640" /></a></div>
<b><span style="color: #0b5394;">品牌設計精神 </span></b><b><span style="color: #0b5394;">"Innovate your business with user experience."</span></b><br />
<b><span style="color: #0b5394;"><br /></span></b>
<div>
<div class="p1">
AJA的設計精神,要能理性分析,也能感性體現,透過對人性的觀察,持續的溝通與探索,流暢且雙向的轉換感性與理性,最後落實為一個個精彩的服務,透過設計為這個世界帶來更多的改變。</div>
</div>
<br />
<h4>
<span style="color: #0b5394;">大予設計的願景</span></h4>
<span style="background-color: white; font-family: helvetica, arial, sans-serif; font-size: 15px; line-height: 20.7000007629395px;">以人為本、不斷創新,把感知與理性的觀點,內化成自己的DNA與夥伴(客戶)一起成長。</span><br />
<span style="background-color: white; color: #141823; font-family: helvetica, arial, sans-serif; font-size: 15px; line-height: 20.7000007629395px;">2009年我們從零開始創辦AJA Creative,6年之間成立了全台灣最大的UX設計顧問團隊,包含用戶研究員、資訊架構師、互動設計師、視覺設計師與前端工程師等。我們</span><span style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 14px;">從互動介面的設計專業出發,</span><wbr style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 14px;"></wbr><span style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 14px;">逐步結合用戶觀點以及商業需求,</span><span style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 14px;">更專注在創造更好的生活體驗,</span><span style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 14px;">提供客戶全方位的設計服務,</span><span style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 14px;">轉型成為UX設計顧問公司。</span><br />
<span style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: 14px;"><br /></span>大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-73582334146544240672015-08-24T20:13:00.004-07:002015-08-24T20:26:12.124-07:002015 年中招募,加入大予一起參與更棒的設計體驗! <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm4JSST_pJ5oofw8EmoqePp-2wEtW2iLRxu-1eb9eHJd1_pgHbJS96XI54Fd0ze5wZTdccfSYMh8iqb7g9hBU5iWCfkwPqRsj6M1Xfn0j2yj8mGu48UZWs4bdN89h7n-42D2NDaQkQZz4/s1600/11816303_10204786724656562_9026281673345633436_o.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm4JSST_pJ5oofw8EmoqePp-2wEtW2iLRxu-1eb9eHJd1_pgHbJS96XI54Fd0ze5wZTdccfSYMh8iqb7g9hBU5iWCfkwPqRsj6M1Xfn0j2yj8mGu48UZWs4bdN89h7n-42D2NDaQkQZz4/s640/11816303_10204786724656562_9026281673345633436_o.jpg" width="640" /></a></div>
<div dir="ltr" style="margin-bottom: 0pt; margin-top: 0pt;">
<div style="line-height: 1.38;">
<span style="background-color: transparent; color: #00c6fd; font-family: Arial; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<span style="background-color: transparent; font-family: Arial; font-size: 18.6666660308838px; line-height: 25.7600002288818px; vertical-align: baseline; white-space: pre-wrap;"><b>2015 年中招募</b></span><br />
<div style="line-height: 1.38;">
<span style="background-color: transparent; color: #00c6fd; font-family: Arial; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span style="background-color: white; color: #333333; font-family: 'Heiti TC'; font-size: 14px; font-weight: normal; line-height: 24px; white-space: normal;">AJA 大予創意設計是一個成長中的團隊,無論你是舊雨還是新知,只要你對於解決使用者的問題充滿熱情,並熱衷於改善生活中各式各樣的數位產品和服務,你就是我們需要的夥伴。加入我們,一起探索與發掘這個成長中的產業,這裡絕對是一個你可以一展長才的好所在。</span></span></div>
</div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<br />
<br /></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: #0b5394; font-family: Arial; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Senior UX Designer</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">職務說明</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">資深使用經驗設計師,是團隊當中的關鍵角色之一。相較於UI Designer所重視的感性與美學,UX Designer則需要有敏銳的觀察力,來洞悉問題跟脈絡;有清楚的邏輯思辨與創意,來設計具架構性與延展性的解決方案;並且具有開放的心胸,來聆聽、溝通、與內外部成員團隊合作。</span></div>
<b id="docs-internal-guid-94db4af9-62d5-59c8-e627-8df223694d51" style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">除了設計與研究的基本能力之外,我們更期望你能有獨特的生活體驗、有熱愛的事物,而且最好能夠有多元的背景與經歷。如果你專注在使用經驗設計,同時又是個業餘調酒師、衝浪高手,或領有獸醫或保險經紀人執照等,那你就是我們正在找尋的設計夥伴,而AJA這個少見的設計平台將會非常適合你。</span></div>
<b style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">其他工作內容與條件如下,如果有任何不清楚的地方。請隨時聯繫我們 :)</span></div>
<b style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">1. Conduct user research and get user insight.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">2. Transfer user insight into solid design solutions.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">3. Communicate design with stakeholders through prototype, wireframe & flowchart.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">4. Evaluate overall usability as individual expert.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">5. Team-work with project members across functions to get things done.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">6. Facilitate good things proactively.</span></div>
<b style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Qualifications:</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- At least 3 years experience in UX design & user research.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- Ability to understand complexity and to simplify it efficiently & elegantly.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- Be open-minded and eager to solve users’ problems.</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- Have great sense of both urgency & humour :)</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- Flexibility for short-term international business travel.</span></div>
<b style="font-weight: normal;"><br /></b>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">學歷要求 研究所以上</span></div>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">工作經驗 3年以上</span></div>
<div>
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span>
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; font-family: Arial; font-size: 18.6666666666667px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><span style="color: #0b5394;">Project Manager</span></span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 18.666666666666664px; font-style: normal; font-variant: normal; font-weight: 700; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">職務說明</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">在 AJA 擔任 PM,是一個有趣但也富有挑戰性的工作。你需要跟著總監一起去拜訪國內產業龍頭的客戶,理解客戶的商業問題與設計需求,因此平常就需要學習UX/UI的專業知識並累積各行各業的 know-how。對內,你需要與一流的設計師夥伴合作,協助設計師有效率地執行專案並產出超乎客戶期待的成果;對外,你需要對應客戶業務窗口各式各樣的需求,並同時考量客戶滿意度、時程、成本、資源,有能力做出適當且正確的回應。你是專案團隊中的明燈,也是專案成功的關鍵人物,因此如果你是一個隨和、喜歡幫助別人、有熱情、積極正面的人,這個角色就很適合你。</span></div>
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><b id="docs-internal-guid-94db4af9-62e3-3d06-f154-7bdce5a2ec1a" style="font-weight: normal;"><br /></b></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">工作說明:</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">1. 蒐集並分析市場與產業訊息,並協助業務人員開發業務。</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">2. 執行設計專案之規劃、掌控、成本控制及結案。</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">3. 對外及對內溝通協助專案之執行、管理、問題追蹤及解決。</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">4. 需同時管理4-5個專案(UX/UI 設計案)。</span></div>
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><b style="font-weight: normal;"><br /></b></span>
<br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">加入我們你需要:</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">1. 具備兩年以上專案管理經驗,有設計背景者佳。</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">2. 高 EQ,溝通能力佳,具宏觀視野也注重細節。</span></div>
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">3. 有設計專案或軟體專案管理經驗或相關證照者尤佳。</span></div>
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;">
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">4. 個性積極、樂觀、開朗,喜歡團隊合作。</span></div>
<div>
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span>
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span>
<span style="background-color: transparent; color: black; font-family: Arial; font-size: 14.666666666666666px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span>
<br />
<div style="color: #333333; font-size: 14px; line-height: 24px;">
<b>應徵方式:</b></div>
<div style="color: #333333; font-size: 14px; line-height: 24px;">
請將履歷及相關作品 email 到 <a href="mailto:james@aja.com.tw" style="color: #0092cd; transition: color 0.2s linear;">james@aja.com.tw</a>,email 附件若超過 10MB 請提供下載連結或線上作品集網址。若接獲面試通知,面試地點於本公司:</div>
<span style="color: black; font-family: Arial; font-size: 14.6666666666667px; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<div style="color: #333333; font-size: 14px; line-height: 24px;">
地址:台北市內湖區環山路一段 48 號 10 樓之 1 (大直之星大樓)</div>
</div>
大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-58320895806650104412015-03-06T01:45:00.000-08:002015-03-06T01:47:38.352-08:00邀請您成為我們的夥伴,大予設計 2015 年徵才啟事<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ema7B5hjQ5Fw9HM5BFRDDyOfwAsIkgVTE4Pl83MiitkCqQljjOP2K5wlC2gw37Sv9VF5e6EMH0cHZKZZGtQ5vD-FdxhLwr6JjDleztuVrtDaOijjN2HsTQkgZErjXv50svno-fPfRWQ/s1600/DSC05740.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ema7B5hjQ5Fw9HM5BFRDDyOfwAsIkgVTE4Pl83MiitkCqQljjOP2K5wlC2gw37Sv9VF5e6EMH0cHZKZZGtQ5vD-FdxhLwr6JjDleztuVrtDaOijjN2HsTQkgZErjXv50svno-fPfRWQ/s1600/DSC05740.jpg" height="356" width="640" /></a></div>
<br />
<span style="background-color: white; color: #333333; font-size: 14px; line-height: 24px;">AJA 大予創意設計是一個成長中的團隊,無論你是舊雨還是新知,只要你對於解決使用者的問題充滿熱情,並熱衷於改善生活中各式各樣的數位產品和服務,你就是我們需要的夥伴。加入我們,一起探索與發掘這個成長中的產業,這裡絕對是一個你可以一展長才的好所在。</span><br />
<span style="background-color: white; color: #333333; font-size: 14px; line-height: 24px;"><br /></span>
<br />
<div style="background-color: white; color: #333333; font-size: 14px; line-height: 24px;">
<h4>
<span style="font-size: medium;">GUI designer</span></h4>
<div>
<b>需求條件:</b></div>
<div>
<ul style="list-style: none;">
<li>1 年以上 GUI/視覺/互動設計相關經驗</li>
<li>熟悉平面設計軟體操作且能靈活運用</li>
<li>能夠使用 3D 軟體或 AE 呈現動態介面尤佳</li>
<li>對視覺設計與數位產品/服務具高度的敏銳度與好奇心</li>
<li>對美感有異於常人的執著與熱情</li>
<li>善於表達自己的設計並與能夠與研發人員溝通</li>
<li>必須要能夠團隊合作</li>
<li>面試請攜帶作品</li>
</ul>
<div>
<br /></div>
</div>
<div>
<b>應徵方式:</b></div>
<div>
以上職缺皆可年後上班。請將履歷及相關作品 email 到 <a href="mailto:james@aja.com.tw" style="-webkit-transition: color 0.2s linear; color: #0092cd; transition: color 0.2s linear;">james@aja.com.tw</a>,email 附件若超過 10MB 請提供下載連結或線上作品集網址。若接獲面試通知,面試地點於本公司:</div>
<div>
地址:台北市內湖區環山路一段 48 號 10 樓之 1 (大直之星大樓)</div>
<div>
<ul style="list-style: none;"></ul>
</div>
</div>
<div class="post-meta" style="background-color: white; border-top-color: rgb(202, 202, 202); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 14px; line-height: 24px; margin-top: 45px; padding-top: 15px;">
</div>
大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-53174883844432953102013-12-24T06:27:00.000-08:002013-12-25T19:43:22.501-08:00新年新夥伴,大予設計 2014 年徵才啟事<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGwYWEO7kd3ZMPTMGXEP3P-ndl6Xm-PBejvKcZuxlUzFVKL6WMlDwyYd8fCL3Zmg8w2l6f9npeYWWeTG4ACyIruXm0FAF0evKqJoactY_LxX-OcIzFaDdW61I4DvTNtId_W8xvqM23U7M/s1600/DSC02874.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGwYWEO7kd3ZMPTMGXEP3P-ndl6Xm-PBejvKcZuxlUzFVKL6WMlDwyYd8fCL3Zmg8w2l6f9npeYWWeTG4ACyIruXm0FAF0evKqJoactY_LxX-OcIzFaDdW61I4DvTNtId_W8xvqM23U7M/s640/DSC02874.jpg" width="356" /></a></div>
<br />
AJA 大予創意設計是一個成長中的團隊,無論你是舊雨還是新知,只要你對於解決使用者的問題充滿熱情,並熱衷於改善生活中各式各樣的數位產品和服務,你就是我們需要的夥伴。加入我們,一起探索與發掘這個成長中的產業,這裡絕對是一個你可以一展長才的好所在。<br />
<h4>
<span style="font-size: large;">1. Senior UX designer/researcher</span></h4>
<b>Job description:</b><br />
<br />
<ul>
<li>Conduct user research and get user insight</li>
<li>Transfer user insight into solid design solutions</li>
<li>Communicate design with stakeholders through prototype, wireframe & flowchart</li>
<li>Evaluate overall usability as individual expert</li>
<li>Team-work with project members across functions to get things done</li>
<li>Facilitate good things proactively</li>
</ul>
<div>
<b>Requirements:</b></div>
<br />
<div>
<ul>
<li>At least 3 years experience in UX design & user research</li>
<li>Ability to understand complexity and to simplify it efficiently & elegantly</li>
<li>Be open-minded and eager to solve users' problems</li>
<li>Have great sense of both urgency & humour :)</li>
<li>Flexibility for short-term international business travel</li>
</ul>
<h4>
<span style="font-size: large;">2. Senior GUI designer</span></h4>
</div>
<div>
<b>需求條件:</b></div>
<div>
<ul>
<li>3 年以上 GUI 或視覺設計相關工作經驗,並擔任過領導職</li>
<li>熟悉軟體介面視覺元素,能夠有效溝通設計思路並具備良好的文字表達能力</li>
<li>熟悉 iOS/Android/PC 等平台解析度規格並了解給圖規範與設計流程</li>
<li>心思細膩,不放過任何一個像素,並有能力制訂設計規範</li>
<li>有耐心、高 EQ,能夠直接面對客戶提案及溝通設計需求</li>
<li>具有電子商務網站設計經驗尤佳</li>
<li>必須要能夠團隊合作</li>
<li>面試請攜帶作品</li>
</ul>
<div>
<h4>
<span style="font-size: large;">3. GUI designer</span></h4>
<div>
<b>需求條件:</b></div>
<div>
<ul>
<li>1 年以上 GUI/視覺/互動設計相關經驗</li>
<li>熟悉平面設計軟體操作且能靈活運用</li>
<li>能夠使用 3D 軟體或 AE 呈現動態介面尤佳</li>
<li>對視覺設計與數位產品/服務具高度的敏銳度與好奇心</li>
<li>對美感有異於常人的執著與熱情</li>
<li>善於表達自己的設計並與能夠與研發人員溝通</li>
<li>必須要能夠團隊合作</li>
<li>面試請攜帶作品</li>
</ul>
<div>
<br /></div>
</div>
<div>
<b>應徵方式:</b></div>
<div>
以上職缺皆可年後上班。請將履歷及相關作品 email 到 <a href="mailto:james@aja.com.tw">james@aja.com.tw</a>,email 附件若超過 10MB 請提供下載連結或線上作品集網址。若接獲面試通知,面試地點於本公司:</div>
<div>
地址:台北市內湖區環山路一段 48 號 10 樓之 1 (大直之星大樓)</div>
<div>
<ul></ul>
</div>
</div>
</div>
大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-45175161479003731442013-11-30T08:21:00.002-08:002013-12-12T17:54:26.099-08:00設計師們,你們想去哪裡工作?<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhSnuyNXuwMQgVQEANtepnKFBBvqXlOS_DB9zKrldxGxqBxKZPWH3TZCeU_SCtkEgHfnsq17J4pwJB76nNF_lxGUzpt81ejoO45A0XwMMQ4R1xLUGnMRaqM2lpWfsGBv2gnwl3jd3iGI/s1600/906831_10151845526484151_2053226130_o.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="425" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhSnuyNXuwMQgVQEANtepnKFBBvqXlOS_DB9zKrldxGxqBxKZPWH3TZCeU_SCtkEgHfnsq17J4pwJB76nNF_lxGUzpt81ejoO45A0XwMMQ4R1xLUGnMRaqM2lpWfsGBv2gnwl3jd3iGI/s640/906831_10151845526484151_2053226130_o.jpg" width="640" /></a>上星期到上海參加了 2013 年的 User Friendly 大會,這是 UXPA 中國舉辦的第十屆用戶體驗行業大會,每一年參加的人數都不斷增加、規模也一年比一年大。<a href="https://uxpa.org/" target="_blank">UXPA</a> (User Experience Professional Association) 原本是國外的組織(原 UPA, Usability Professionals' Association)。作為分支的「<a href="http://www.uxpachina.org/" target="_blank">UXPA中國</a>」因為累積了十年的能量以及許多企業的強力推廣與贊助,因此邀請了許多國外知名的講者如 <a href="http://en.wikipedia.org/wiki/Donald_Norman" target="_blank">Donald Norman</a>、<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<a href="http://en.wikipedia.org/wiki/Jesse_James_Garrett" target="_blank">Jesse James Garrett</a>、<a href="https://twitter.com/globalmoxie" target="_blank">Josh Clark</a> 和 <a href="http://www.linkedin.com/in/pauladams" target="_blank">Paul Adams</a> 等。這次參加的人數甚至超越了國外的UXPA活動,多數都是來自中國大型企業的中高階主管、UX/UI 設計師。台灣這次則是有40幾位的與會者,這要感謝<a href="http://www.hpx-party.com/" target="_blank">悠識數位 HPX</a> 每年義務的揪團和宣傳,讓台灣的設計界朋友們知道有這樣的一個活動。<br />
有些朋友可能不知道為什麼設計師要去參加 UXPA 的活動,這是因為使用者經驗(或用戶體驗)跟設計息息相關,無論你是平面設計、視覺設計、互動設計、多媒體設計、介面設計、工業設計、網站設計,或是企劃人員、產品經理、行銷人員、研發工程師甚至中高階主管,應該都會牽涉到使用者經驗。舉例來說,一個消費者從看到一個商品的廣告開始,到店面或線上購買商品,拿到商品之後開箱的感受,將商品組裝並使用的過程,以及利用該商品產出結果的感受,一直到商品的售後服務等,這一連串跟使用者的接觸點都是使用經驗的一部分,每個環節都需要被設計。<br />
因為在業界的關係,這幾年我們看到許多優秀的設計師朋友們往中國發展,主要的原因有幾個:<br />
<ul>
<li>台灣的設計師或設計主管工作認真負責,吸引中國企業重金禮聘或挖角,因為需求量大。</li>
<li>這些被挖角的設計人才的薪資水準比台灣好,約為2~5倍。</li>
<li>這些中國公司名氣都很大,有些則是在中國的大型外資企業。</li>
<li>在台灣做設計做的很沒力。</li>
</ul>
<div>
在這次出差的過程中,我們到了深圳和上海拜訪了一些正在大陸工作的朋友們,有的已經在那裡工作了 3~4 年,目前都已經是身居設計部門的要職,帶領著數十位甚至上百的設計團隊。若不是在台灣有家庭小孩,我不知道有什麼理由不去中國發展,就像台灣南部的人北上工作、美國人到香港工作一樣自然。畢竟工作最終的目的在賺錢讓自己和家人的生活更好,當然工作的成就感和國際觀也是重要的考量。</div>
<div>
那台灣的設計產業怎麼辦?這是個很嚴重的問題。台灣的 IT 產業會落到這個地步,就是因為太著重於追求短期利益,擺脫不了 ODM 和 OEM 的代工思維,缺乏創新與創意,卻將降低成本當做主要的優勢。這次研討會期間有幸與 Donald Norman 和前美國 UPA 紐澤西分會主席陳先生(現任於美國 HTC)談論到台灣要如何面對產業升級和人才出走的挑戰,這當然是個難題,不過 Donald 的一句話卻讓我印象深刻:「If you want to build a brand, you won't get it done by building another laptop. Try to find the excitement, inside or outside.」意思就是說要做品牌就不要再做一些大家都在做的產品了,找到一些讓自己也會讓使用者興奮的點,創造新的產品價值和體驗。而設計人才的教育也是一個大問題,許多學校的設計教育和業界的需求根本搭不起來(那天聽到有學校還在教 FrontPage 和 DreamWeaver 就差點昏倒)。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjc0AIvZEaSSm-QE5OCKyC2uXrpMzb8ploelcSlOlOuxkOgZoF2vfJqQz8Ta8Hk60XSNMA_QXilEQw6hT-V5R-VjLIdT2kRVbFosDglnscV35aQWVzkrSzcdZsInX31ZMLJGgJZ3Rqo2s/s1600/2013-11-24+16.16.23.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjc0AIvZEaSSm-QE5OCKyC2uXrpMzb8ploelcSlOlOuxkOgZoF2vfJqQz8Ta8Hk60XSNMA_QXilEQw6hT-V5R-VjLIdT2kRVbFosDglnscV35aQWVzkrSzcdZsInX31ZMLJGgJZ3Rqo2s/s640/2013-11-24+16.16.23.jpeg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
但台灣的學界還是有少數的設計系教授跟業界走的比較近,能夠教導學生利用設計思維和 UCD 的方式做創新。例如這次帶領台科大和政大學生參加中國用戶體驗大賽的<a href="https://www.facebook.com/drhhtang?fref=ts" target="_blank">唐玄輝</a>教授,他們這次的設計作品 <a href="http://www.slideshare.net/drhhtang/dittkeynote" target="_blank">HearMe</a> 從 282 個團隊中脫穎而出,獲得本次大賽金獎,實屬不易。這其中沒有僥倖、沒有政治,而是扎扎實實的觀察與訪談使用者、找到使用者需求、解決問題,並以最適當的方式呈現出來的設計流程。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheFDo7RunJqFVCOHUc2Ek043sAaxD_wgHBeUrdf6ctgb_gUwh8ZxT5CpLNvK3GmBkbUXT2e6IftTyfKk2WtwOU0nGAWFHaJh5pFqDPXUhlKE1dbY9DHNtrKmB5lby-15_F-V2U3PmR3G4/s1600/2013-11-24+10.31.08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheFDo7RunJqFVCOHUc2Ek043sAaxD_wgHBeUrdf6ctgb_gUwh8ZxT5CpLNvK3GmBkbUXT2e6IftTyfKk2WtwOU0nGAWFHaJh5pFqDPXUhlKE1dbY9DHNtrKmB5lby-15_F-V2U3PmR3G4/s640/2013-11-24+10.31.08.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
高興之餘,也同時憂心這些優秀的台灣同學,畢業之後會不會留在台灣工作(其中一位同學之前在 AJA 實習過)?但是我知道他們剛畢業留在台灣做設計的出路一定沒有比較好。主要的原因可能是:</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>薪水太低</li>
<li>一般的企業不重視設計,把設計當美工用,因此工作沒成就感</li>
<li>公司的產品千篇一律,不有趣</li>
<li>公司不知道什麼是使用者經驗,就算知道也輪不到我們來做</li>
</ul>
<div>
因此有機會的話,我還是很鼓勵優秀的 UX/UI 設計師(或其他專業人士)往對岸發展,畢竟這也是累積工作經驗和財富的好方法之一。對於想去中國發展的設計師們,我有一些建議:</div>
<div>
<ul>
<li>確定自己的專業是中國所需要的。以互連網行業來說,目前那邊最缺的是 UX Designer 和 UX Lead,如果是 GUI Designer 那你得證明自己真的很優秀才行。</li>
<li>如果要去中國的外資企業,英文要好一點。</li>
<li>確定談到的 package 夠好,因為那邊賺錢也是要繳很多稅的,可能有部分薪資要拿發票來抵。也別忘了一線城市的房租和生活開銷都不便宜。</li>
<li>確定自己可以離鄉背井一段時間不會出事或家庭破裂,因為公司不見得有很多台灣朋友,你需要跟當地人交朋友打交道「接地氣」。</li>
<li>不要以為自己從台灣來很特別,對他們來說你就跟從香港或新疆來沒什麼兩樣。</li>
<li>公司的設計部門可能有幾百人,自己可能只是一顆小螺絲釘,因此無法天天都能做改變世界的工作。</li>
<li>有發展或升遷機會不要客氣,因為只要一猶豫馬上就被別人搶走,別小看他們年輕人的企圖心。</li>
<li>要勇於表達和展現自己的長才或設計,有時候普通的設計是被「說」成好設計的。</li>
<li>要不斷充實自我,如果不求長進,兩三年就會被幹掉,因為你比較貴。</li>
<li>多跟同樣在大陸工作的朋友保持聯繫,互通有無、互相扶持打氣。</li>
<li>北京空氣不太好且氣候極端、上海環境不錯但消費高、深圳東莞工廠和聲色場所多。</li>
</ul>
</div>
<div>
最近也常常聽到各種媒體在討論台灣的優勢是什麼,例如有人情味、工作勤勞有責任感、國民素質高等等,這些特質和文化是無法被取代的。但是在企業的獲利、專業能力、國家競爭力方面是需要靠政府、學校、企業、民間組織不斷地創新和進步,才能保持一定的競爭優勢。而在這次大會中,我看到中國夾帶著龐大的內需市場,處處充滿機會,人們的眼神中個個充滿希望和競爭感,他們在快速成長和學習,如果我們不持續創新,現在表面上的優勢並無法維持太久。<br />
但我們不能再拿台灣市場小當藉口,認為台灣已經沒有機會。身處在台灣的設計產業,我們仍覺得處處有希望,有很多人和組織(如 <a href="http://www.uigathering.org/" target="_blank">UiGathering</a>、<a href="https://www.facebook.com/ixda.tw" target="_blank">IxDA</a>、<a href="http://www.hpx-party.com/" target="_blank">HPX</a>)一直不斷為這個產業努力,因為還是有許多方面可以用設計來讓這片土地更好,像是政府的行政流程與服務、觀光旅遊服務、企業創新轉型、金融服務、消費體驗等,都還有待我們一起努力。</div>
<br />
<div>
<br /></div>
大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com3tag:blogger.com,1999:blog-7927582266419183207.post-31589336081825058072013-09-06T00:33:00.000-07:002013-09-06T00:33:56.590-07:00視覺化就是對內容的再詮釋<br />
<table align="center" bgcolor="#c8c8c8" border="0" style="color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; width: 306px;"><tbody>
<tr><td><div align="center">
<img alt="trend_of_iv-05.jpg" src="http://www.handyui.com/wp-content/uploads/2013/09/trend_of_iv-05.jpg" style="border: 0px;" /></div>
</td></tr>
<tr><td><div align="center">
<span style="color: #333333; font-size: x-small;"><strong>數位時代9月份 - 圖像趨勢談</strong></span></div>
</td></tr>
</tbody></table>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
<br /></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
<span style="color: #2da400; font-size: small;"><strong>兩個大脈絡,讓文字跟圖像的重要性,產生了大反轉</strong></span></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
我自己的觀察是,有兩個大的脈絡,造就了今天這些網站視覺化的現象。一個是文字跟圖像間的消長,另一個則是網路頻寬跟資訊的大爆炸。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
首先是文字的使用越來越少,圖像跟影片逐漸成為主流。這個脈絡得從30年前談起。回想一下,在那個書裡面很少有插圖的年代,大家都比較習慣透過文字來取得資訊,不論是閱讀的能力或是意願,都比今日相對來得高。這也是為什麼,我們過去在做產品介面的使用性測試時,都會發現60歲以上的高齡使用者,比較偏好閱讀圖示下面的文字說明;而不是像年輕人一樣,先去辨認圖示,看不懂了才去看文字。年齡層不同的兩群人,對於文字跟圖像的偏好是很不一樣的。這是一種文化演進下,所造成的差異。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
除了書籍印刷技術的演變之外,新科技的出現,更促進了文字與圖像間的消長。像是現在手機的照相功能普及了,手邊可以顯示漂亮照片的螢幕變多了,新一代的年輕人每天都活在五顏六色的繽紛世界裡。在這個充滿視覺化元素的年代,我們喜歡看圖,看到流暢互動的東西會開心,這是很理所當然的。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
這個不可逆的趨勢,已經深刻影響了我們閱讀瀏覽的偏好。以現在大家都耳熟能詳的手機應用軟體Flipboard為例,想像一下,如果Flipboard裡的內容都是純文字,那翻起來一定很無聊,對吧。隨著我們每天拍的照片越來越多,每天瀏覽的影像越來多元,越來越高解析度,手邊的互動介面越來越有流暢有趣,圖像化的需求,就一定會一直拉高,不會再回頭了。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
另一個脈絡,則是網路頻寬不斷增加,每日累加的資訊量也會越來越多。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
從現在到2017年,預估全球網路的數據流量,每年會成長66%左右。66%聽起來好像沒什麼,但是照這種速度成長下去,未來四年,這些每天在我們身邊流竄的數據量,就會成長近13倍,這是很可觀的量啊。這多出來十幾倍的資料肯定需要一些轉化,才能變成人們可以消化吸收的內容跟應用。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
俗話說:「一張圖,勝過千言萬語」,現代人的俏皮話則說:「沒圖沒真相」,圖像跟影片還是帶有最多資訊,也是最有說服力的媒介之一。然而這當中除了純然的影音圖像之外,有一個重要的研究方向,叫做資訊視覺化 (Information visualization)。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
資訊視覺化在電腦圖學領域已經發展20幾年了,目的在把大量的資訊,轉換成人們可以瀏覽、理解、探索的視覺化圖像與互動介面。舉個簡單易懂的例子,之前很火紅的實價登錄地圖(<a href="http://real-price.appspot.com/" style="color: #2da400; text-decoration: none;" target="_blank">http://real-price.appspot.com/</a>),不用一筆筆資料查詢比對,就可以一覽台北市的房價概況,這就是用Heat map來做資訊視覺化的好範例。從兩個大脈絡來看,在網路頻寬越來越大,資料越來越多的趨勢下,怎樣把大量即時資訊,分析轉化成簡單易讀的圖表,肯定會是個重要的議題。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
<a href="" id="more-233" style="color: #2da400;"></a></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
<br /></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
<strong><span style="color: #2da400; font-size: small;">視覺化的本身,就是一種對於內容的再詮釋</span></strong></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
我覺得網站或是任何的介面設計,都不能為了圖像而圖像,為了學Pinterest而學Pinterest,而是要搞懂使用者的需求、弄清楚自身的內容特性,再來做視覺化的設計。簡單來說,使用者並不會純粹為了看大量圖片,來逛特定網站的,不然他們就直接把首頁設成Flickr就好了,哈。他們瀏覽網站的背後都有個目的,也許是為了掌握時事、為了放鬆心情,或是為了買到划算的商品。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
搞清楚這些需求之後,自然容易衡量圖形與文字的比例,以及資訊呈現的質與量,甚至是網站動線跟資訊架構。相反地,若是搞不清楚瀏覽者是誰,他們要的是什麼,改了半天,可能只是翻來覆去,讓人家更混淆而已。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
此外,我覺得視覺化的本身,就是一種對於內容的再詮釋。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
為什麼這張圖特別做破框處理?為什麼這一系列的圖不插在內文當中,而是放在文章後面,當做幻燈片播放?對我來說,視覺化是一種被設計過的敘事手法,選對了手法,內容就會脫穎而出。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
舉個例來說,最近剛改版的UsaToday (<a href="http://www.usatoday.com/big-page/" style="color: #2da400; text-decoration: none;" target="_blank">http://www.usatoday.com/big-page/</a>) 就提供了另一種Big Page模式,以滿版的新聞圖片為主,加上標題跟日期,做成左右翻頁效果。這樣的瀏覽方式一推出,就大受好評。因為圖片更大、瀏覽更有效率,不只有身歷其境的閱讀感受,而且很快的就可以一覽世界大事。這就是一種讓真正的世界大事,可以充分突顯的敘事方式。當然,在這過程當中,總編輯的判斷與選擇,就會形塑出世界的另一種面貌,不論是歡樂的,還是現實殘酷的。視覺化的過程,就已經重新詮釋了內容。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
所以先搞懂使用者的需求,並且理解自身的內容特性之後,再去做視覺化是很重要的。不然真的會弄得四不像,明明是很嚴肅正經的內容,卻套個活潑熱鬧的視覺呈現,那就適得其反了。</div>
<table align="center" bgcolor="#c8c8c8" border="0" style="color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; width: 306px;"><tbody>
<tr><td><div align="center">
<img alt="trend_of_iv-04.jpg" src="http://www.handyui.com/wp-content/uploads/2013/09/trend_of_iv-04.jpg" style="border: 0px;" /></div>
</td></tr>
<tr><td><div align="center">
<span style="color: #333333; font-size: x-small;"><strong>USA Today</strong></span></div>
</td></tr>
</tbody></table>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
<br /></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
<strong><span style="color: #2da400; font-size: small;">兩個例子,看看資訊視覺化的不同面向</span></strong></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
有兩個具代表性的網站,分別展現了兩種截然不同的資訊視覺化。一個是NewsMap (<a href="http://newsmap.jp/" style="color: #2da400; text-decoration: none;" target="_blank">http://newsmap.jp/</a>),這是2004年就上線的網站服務,一直持續運作到現在,有九個年頭了。這個網站透過自動化的演算機制,把Google News上的即時新聞,依照分類、關連性,以及重要性,優雅地把即時新聞的脈絡呈現出來。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
當下越重要的新聞就越大塊,相關的新聞則排列在一起,不同顏色則代表不同的類別。非常清楚明瞭,容易使用。</div>
<table align="center" bgcolor="#c8c8c8" border="0" style="color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; width: 306px;"><tbody>
<tr><td><div align="center">
<img alt="trend_of_iv-03.jpg" src="http://www.handyui.com/wp-content/uploads/2013/09/trend_of_iv-03.jpg" style="border: 0px;" /></div>
</td></tr>
<tr><td><div align="center">
<span style="color: #333333; font-size: x-small;"><strong>NewsMap</strong></span></div>
</td></tr>
</tbody></table>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
另一個有趣的例子則是英國衛報,針對英國政府2011年的支出資訊,所繪製的資訊圖表(<a href="http://www.theguardian.com/news/datablog/2012/dec/04/government-spending-department-2011-12" style="color: #2da400; text-decoration: none;" target="_blank">http://www.theguardian.com/news/datablog/2012/dec/04/government-spending-department-2011-12</a>) 。這張圖表是互動的,以一連串的圓形,來呈現英國政府在每一個公共領域的支出概況。使用者可以點擊有興趣的類別,圓形會放大,呈現出更多數據跟細節,讓妳看清楚納稅人的每一分一毛都花到哪去了。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
這兩個例子,一個是即時新聞的組織跟瀏覽,另一個則有效地呈現出一大筆歷史數據的概觀跟細節。兩個網站的目的跟手法都不同,但卻都彰顯出了資訊視覺化的特色,值得作為參考。</div>
<table align="center" bgcolor="#c8c8c8" border="0" style="color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; width: 306px;"><tbody>
<tr><td><div align="center">
<img alt="trend_of_iv-02.jpg" src="http://www.handyui.com/wp-content/uploads/2013/09/trend_of_iv-02.jpg" style="border: 0px;" /></div>
</td></tr>
<tr><td><div align="center">
<span style="color: #333333; font-size: x-small;"><strong>The Guardian: Government spending by department, 2011-12</strong></span></div>
</td></tr>
</tbody></table>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
<br /></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
<strong><span style="color: #2da400; font-size: small;">最後,還是要回到人,回到人們使用的需求</span></strong></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
把視覺做得很花俏,或是把所有的版面都塞滿圖形,這是相對容易的。但是有太多過去的失敗例子都告訴我們,光是這樣做是行不通的。再怎樣豐富精緻的設計,第一眼會驚豔,但是看久了也會膩。那種真正會留下來,10年以後還會有韻味的設計,必定是巧妙地解決了什麼使用上的問題,而且在美感上做得穠纖合度、恰到好處。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
這都得回到人,回到對人的關懷跟理解。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
圖像化之外,我們更需要的是:有人味的設計。</div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
<br /></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
<strong><span style="color: #2da400; font-size: small;">延伸書籍:</span></strong></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
數位時代 9月號/2013 第232期<br /><a href="http://www.books.com.tw/exep/assp.php/handyui/exep/prod/magazine/mag_retail.php?item=R030040902" style="color: #2da400; text-decoration: none;" target="_blank">http://www.books.com.tw/exep/assp.php/handyui/exep/prod/magazine/mag_retail.php?item=R030040902</a></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
Information Visualization: Beyond the Horizon<br /><a href="http://www.books.com.tw/exep/assp.php/handyui/exep/prod/booksfile.php?item=F010282029" style="color: #2da400; text-decoration: none;" target="_blank">http://www.books.com.tw/exep/assp.php/handyui/exep/prod/booksfile.php?item=F010282029</a></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
改變平面設計的100個觀念<br /><a href="http://www.books.com.tw/exep/assp.php/handyui/exep/prod/booksfile.php?item=0010587904" style="color: #2da400; text-decoration: none;" target="_blank">http://www.books.com.tw/exep/assp.php/handyui/exep/prod/booksfile.php?item=0010587904</a></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
設計的文法-忍不住想動手的平面設計書<br /><a href="http://www.books.com.tw/exep/assp.php/handyui/exep/prod/booksfile.php?item=0010367529" style="color: #2da400; text-decoration: none;" target="_blank">http://www.books.com.tw/exep/assp.php/handyui/exep/prod/booksfile.php?item=0010367529</a></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
設計的邏輯:INFOGRAPHICS 深入人心的視覺法則<br /><a href="http://www.books.com.tw/exep/assp.php/handyui/exep/prod/booksfile.php?item=0010544234" style="color: #2da400; text-decoration: none;" target="_blank">http://www.books.com.tw/exep/assp.php/handyui/exep/prod/booksfile.php?item=0010544234</a></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
<br /></div>
<div style="background-color: white; color: #10232c; font-family: 'Trebuchet MS', 'Bitstream Vera Serif', Utopia, 'Times New Roman', times, serif; font-size: 13px; line-height: 1.6em;">
(以上內容轉載自大予創意 UX 總監 <a href="http://www.handyui.com/2013/09/03/trend_of_visualization/#more-233" target="_blank">David 部落格</a>)</div>
大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com1tag:blogger.com,1999:blog-7927582266419183207.post-29390869529111220362013-05-27T19:00:00.000-07:002013-05-29T00:59:53.618-07:002013 Computex Taipei 展現台灣使用者經驗設計的新舞台<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK9jAWk5C9iLUe1xxDjUSqSVsCkHleu8xiW8IXwZNv4I_xXGszdY550LRU6hrOCISMGSuyYBvOtFrLOmscHVOntWrd9fQZZbvYeChzhj5au2UFQcb8uE1HDeKhj74Gw5PRh1uFtjAIWZY/s1600/banner9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK9jAWk5C9iLUe1xxDjUSqSVsCkHleu8xiW8IXwZNv4I_xXGszdY550LRU6hrOCISMGSuyYBvOtFrLOmscHVOntWrd9fQZZbvYeChzhj5au2UFQcb8uE1HDeKhj74Gw5PRh1uFtjAIWZY/s640/banner9.jpg" width="640" /></a></div>
<br />
近年來APP蓬勃發展以及使用者經驗設計的推廣,台灣設計界也開始調整過去以硬體製造為主與代工設計思維的商業模式。<br />
<a name='more'></a><br />
今年,同時也是第一次,大予設計接受<a href="http://www.tdc.org.tw/">台灣創意設計中心</a>的邀請,參加此次2013台北國際電腦展<a href="http://www.computextaipei.com.tw/zh_TW/index.html">Computex</a>,以Design Charm為主題,展示AJA過去幾年累積的介面設計服務。<br />
<br />
<div class="p1">
誠摯地邀請業界先進與對UX, UI設計有興趣的朋友們,6/4-8我們南港展覽館見~</div>
<br />
<br />大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-27648384836084886932013-04-08T01:36:00.000-07:002013-05-10T17:50:31.888-07:00AJA 正在尋找使用者經驗設計師 (UE/UX Designer) 夥伴<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXTF6gZPo56V-x2FBoPDPYZ4NEAy07Kkbc69oiXZ_-R_XUmCk4DhB6WQz1tOfZ2j5QUCtvONNSZ71gP0d-NysdN7-eq7-O8B3MxG0eqJHv9dUiHGrDSEt9iFPv4DXYHnvn7y3l7Xq7cyE/s1600/IMGP3951.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="419" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXTF6gZPo56V-x2FBoPDPYZ4NEAy07Kkbc69oiXZ_-R_XUmCk4DhB6WQz1tOfZ2j5QUCtvONNSZ71gP0d-NysdN7-eq7-O8B3MxG0eqJHv9dUiHGrDSEt9iFPv4DXYHnvn7y3l7Xq7cyE/s640/IMGP3951.jpg" width="640" /></a></div>
<br />
<a name='more'></a><span style="color: red;">2013/05/10 更新:這個職位已經有合適的人選,謝謝各位應徵者來看我們,也讓我們認識許多優秀的設計師。在UX/UI的路上,相信我們一定還能再相逢。</span><br />
<br />
AJA 正在尋找使用者經驗設計師 (UE/UX Designer) 夥伴
<br />
工作內容:<br />
- 規劃與執行使用者研究與觀察相關作業<br />
- 規劃軟體資訊架構、流程與製作wireframe<br />
- 優使性研究與評估<br />
- 與 UI 設計師合作進行各式產品介面設計<br />
- 服務設計相關工作<br />
<br />
需求條件:<br />
- UE/UX 相關工作經驗一年以上<br />
- 瞭解 UE/UX 相關流程並有能力製作相關文件和進行簡報<br />
- Open minded 並善於與人溝通<br />
- 對各式產品和人類行為充滿好奇與熱情<br />
<br />
AJA 是一個成長中的團隊,無論你是舊雨還是新知,我們需要比我們更專業、更熱血的夥伴加入,一起探索與發掘這個成長中的產業,這裡絕對是一個你可以一展長才的好所在。<br />
<br />
意者請將履歷或作品連結 email 到 james@aja.com.tw<br />
<br />
關於 AJA:<br />
<a href="http://www.aja-creative.com/" target="_blank">AJA 官網</a><br />
<a href="https://www.facebook.com/AJA.Creative" target="_blank">AJA 粉絲團</a>大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0114台灣台北市內湖區25.0666667 121.5833333000000525.0091422 121.50265230000005 25.1241912 121.66401430000005tag:blogger.com,1999:blog-7927582266419183207.post-75787509036615902562013-02-28T00:30:00.000-08:002013-05-06T00:34:47.852-07:00每次妥協一點點 產品就往零分靠近一些些<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv2lVCBmlLFMlb7AE_uskhbE5RibVJT0KbxcGAFkVRw6XXMFpAdofJcMyiSdy975zLyjKAz9cSA8JKiQIb_3r9-OaiaDrmi9X1GMKNcJsuOZOvOxc1di0f9iPqYNGrSlHjipcFre5CE3w/s1600/2a64b77140861035738d9398c46ef2c8.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv2lVCBmlLFMlb7AE_uskhbE5RibVJT0KbxcGAFkVRw6XXMFpAdofJcMyiSdy975zLyjKAz9cSA8JKiQIb_3r9-OaiaDrmi9X1GMKNcJsuOZOvOxc1di0f9iPqYNGrSlHjipcFre5CE3w/s640/2a64b77140861035738d9398c46ef2c8.jpg" width="640" /></a></div>
<div class="p1">
有一次到校園演講,那天陽光普照,學生們充滿笑聲跟活力。不過轉個彎上樓,就整個傻眼了。<br />
<a name='more'></a></div>
<div class="p1">
<br /></div>
<div class="p2">
電梯口的牆上,貼滿了各式各樣的佈告,有直的橫的歪的,大字小字看不到字的,弄得整個人都毛躁了起來。如果是一般科系就算了,偏偏這上面貼的大都是設計學院的公告,實在令人驚訝不解。</div>
<div class="p2">
<br />
<br /></div>
<div class="p1">
在那個當下,讓我想起了犯罪學裡面的「破窗理論」:社會中的不良現象如果被放任存在,將會誘使人們仿效,進而更變本加厲。</div>
<div class="p1">
<br /></div>
<div class="p1">
「破窗理論」最著名的例子就是<span class="s1">18</span>世紀的紐約市。當時的紐約市以髒亂以及犯罪率高聞名,地鐵裡的狀況尤其嚴重,平均每七個跑票的人當中,就有一位是通緝犯,而每二十個跑票的人當中,就有一位身上攜帶著武器。整個城市又髒又亂,沒有人想得出辦法可以遏制犯罪,市民也不期待會有任何改變。直到<span class="s1">1994</span>年,警察局長布雷頓<span class="s1"> (William J. Bratton)</span>走馬上任,開始整頓紐約的秩序。他不做高調的犯罪宣導,反而從地鐵的車廂清潔開始著手,車廂弄乾淨了,站台跟著變整齊,附近街道跟社區也開始變得比較清潔有秩序。慢慢地,整個紐約市有了新的氣象,這時候再搭配上警力的加強部署,甚至導入以六標準差為根本的<span class="s1">CompStat</span>管理系統。紐約市的治安在他上任的短短兩年內,就獲得驚人的改善。</div>
<div class="p1">
乍聽之下,犯罪學跟學校教育,或甚至是產品設計,中間的交集好像不多。但就我看來,破窗理論卻很能夠解釋,為什麼有些產品在規劃之初就顯露破敗的跡象;而要把產品真正做好,就得從每一個細節下手。</div>
<div class="p1">
<br /></div>
<div class="p1">
就像整頓前的紐約市一樣,很多產品設計從一開始的小細節,就佈滿了灰塵與髒亂。不少公司的市場需求文件<span class="s1"> (Market Requirement Document ) </span>,裡頭<span class="s1">90</span>%的規劃內容是直接複製前一代的,不僅功能規格不清楚,連市場定位都籠統地寫著「本產品想要賣給<span class="s1">5</span>到<span class="s1">65</span>歲,全世界的男性跟女性。」看了這份文件的設計師,矇著頭繼續去做一個不知所云的設計,有開機畫面,有操作流程,有外觀造型,但是不知道賣點在哪裡;研發工程師則依樣畫葫蘆,做出一個可以動,不會太常當機的實機;最後量產出來之後,行銷業務只好搖搖頭說,這東西看來只能便宜賣了,因為前一代的庫存都還堆在倉庫裡。</div>
<div class="p1">
這不是笑話,而是產業界的常見事實。原因很簡單,人們都是會察言觀色的,每個人都會看著前一手交棒時的細節跟完整度,來決定自己要投入多少精力,品質打算要求到哪裡。所以<span class="s1">100</span>分打了<span class="s1">5</span>次<span class="s1">9</span>折,最後只會剩下可憐的<span class="s1">59.049</span>分。一個產品,在不斷的放手跟妥協下,最後只有不及格,整批堆倉庫的份。</div>
<div class="p1">
<br /></div>
<div class="p1">
<span class="s1">1994</span>年的紐約,有了警長布雷頓而改觀。現在很多公司跟學校裡,則少了像布雷頓般的領導者。</div>
<div class="p1">
<br /></div>
<div class="p1">
咱們把思緒拉回到那個設計教室前的電梯口,如果前幾張佈告是被小心工整地貼上,隨後的每一張通知,不論是電梯維修還是課程公告,被貼整齊的機率就會高得多。更進一步,如果前面的幾張佈告,都套用同樣的標題大小、字型,甚至是格式,那麼隨後想貼佈告的人,很可能就得依樣畫葫蘆,做類似的調整。免得自己貼的佈告看起來像山寨版的一樣,一個不小心就被檢舉撕掉。這些小細節被要求久了,學生們從佈告、作業、到往後的每一個設計,或許都會多留心點,多在乎一下基本的美感跟秩序性。</div>
<div class="p1">
<br /></div>
<div class="p1">
混亂或整齊,醜陋或美麗,堆倉庫或是大賣,很多時候就在微小的細節裡,被引導跟定義了。</div>
<div class="p1">
<br /></div>
<div class="p1">
希望下次再到這裡演講的時候,一樣有陽光有笑聲。而牆上的一切,已經變得很不一樣<span class="s1"> :)</span></div>
<div class="p1">
<span class="s1"><br /></span></div>
<div class="p1">
-- 本文作者為本公司使用經驗總監 David,並同步刊載於<a href="http://www.businessweekly.com.tw/blog/article.php?id=3085&p=1" target="_blank">商業周刊專欄部落格</a>。</div>
大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-61593672140450946352012-10-17T07:29:00.000-07:002013-05-06T00:34:56.996-07:00老實講,不要錢的設計最貴在一般人的印象裡,設計是不用錢的。因為家裡做裝潢的時候,室內設計有時候是可以討價還價的,不用另收設計費;還有到印刷廠印名片的時候,通常老闆也會免費幫你設計名片,不僅用你喜歡的字型來編排,要是多印個幾盒名片,搞不好還會幫你做一個專屬的公司Logo。<br />
<br />
<a name='more'></a><br /><br />
<br />
<br />
所以,設計為什麼要錢?<br />
<br />
設計當然要錢。<br />
<br />
在不收設計費的「假象」背後,這些費用都會在奇怪的地方,被神不知鬼不覺地灌回來。我聽過一個親戚裝潢房子的例子,因為找了個認識的室內設計師,所以不用支付任何設計費用。結果很有趣,一棟室內60坪的房子,裝潢費300萬,除了把書房跟客廳打通,變成半開放式空間,做了些收納及展示櫃,並且在廚房裝了一扇宣稱價值60萬的多角度拉門外,其他大部分的區域都是素牆,僅僅做了上漆修邊裝燈等基本工作。裝潢錢是花了,但是老實說,整體的空間感受跟剛剛交屋時差不了多少。<br />
<br />
在我看來,這60萬的拉門,大概就是那隱含的設計費了。其實,人的心理就是這麼好玩,乍聽之下裝潢免設計費,感覺真的很公道實在。但是仔細想想,就連去富基漁港請廚師幫你料理一袋買好的海瓜子,也要酌收料理費用。這些會大幅影響你居住品質,甚至公司形象的設計,憑什麼會不用錢?<br />
<br />
反過來說,真正好的設計,可是非常有價值的。<br />
<br />
同樣以室內裝潢為例,好的設計師會先理解你的家居需求,把起居動線、空間配置,甚至是水電的孔位預留,都為你和家人設想周到。然後他會準備多款設計提案,每一個設計都看起來精緻迷人,讓人好想立刻就住進去。他也會幫你細心選用不同的材料跟工法,在外觀跟耐用度接近的狀況下,盡可能地節省施工費用,並且在施工前以圖面跟你謹慎確認所有的細節。<br />
<br />
聽起來很夢幻是吧? 一般人遇到的,似乎都是些設計不到位的例子,像是家裡裝潢好了,卻因為用不習慣,又找工人來把木工做的櫃子拆下來、甚至把室內門整個拆掉移位等。其實,如果你有付足額的設計費,也願意信任設計師的專業,這種狀況就能大幅減少。但如果你打從一開始,就覺得可以省下設計規劃的費用,凹設計師順便做一下,或是乾脆自己動手來搞搞,那最後就只好自己摸摸鼻子,多付點「學費」跟「修正費用」了。<br />
<br />
我自己也是設計師,所以,我可以很坦承地從設計師的心理,來告訴你為什麼要付設計費。簡單講,從人性的角度來看,沒有人會為了免費沒有價值的事情,而去持續付出大量心力的。只有當一位設計師可以依賴自己的專業,跟客戶正當收取服務費用時,他才能肯定自我的專業能力,也才會願意在設計專業上,持續付出心力去專研精進。<br />
<br />
隨著時間過去,那些敢跟你開口收設計費的設計師,才真正有料、有專業,也才真的幫得上你。至於另外那些號稱免費或是低價的設計師,自己養家活口都有問題了,怎可能還有力氣去細心理解你的需求,滿足你的期望跟想像?<br />
<br />
最後,在電影The dark knight裡面,Heath Ledger所飾演的小丑有一句經典台詞:「If you're good at something, never do it for free.」。我想說的是,如果有機會找人幫你做設計,請謹記我這句忠告:「If you care about something, never ask someone to do it for free.」<br />
<br />
-- 本文作者為本公司使用經驗總監 David,並同步刊載於<a href="http://www.businessweekly.com.tw/blog/article.php?id=2248" target="_blank">商業周刊專欄部落格</a>。大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-75135163555935059742012-09-05T18:14:00.000-07:002013-05-06T00:30:19.105-07:00你準備好開始設計 Windows 8 APP 了嗎?<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqvZyz27r11PKIo7DYwqwvCBw9fzjDbM5J5AH7OA_7HlFNueTG1hyN9KrItuLNfsuEA_PHopJs5Kb8hmb2Xs6ZALndmWjRZo7aKnzSw8kmxI8ab9yiMrr2PPmkwKKnQE69-iK7unzaqD8/s1600/hero.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="467" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqvZyz27r11PKIo7DYwqwvCBw9fzjDbM5J5AH7OA_7HlFNueTG1hyN9KrItuLNfsuEA_PHopJs5Kb8hmb2Xs6ZALndmWjRZo7aKnzSw8kmxI8ab9yiMrr2PPmkwKKnQE69-iK7unzaqD8/s640/hero.jpg" width="640" /></a></div>
<br />
<a name='more'></a><br /><br />
相信大家都對即將面世的微軟 Windows 8 系統時所耳聞,有些開發者或許都已經安裝了 RTM 版在努力的測試當中。對於一個全新的系統平台,有些人覺得很新奇、有些人可能對於它的新介面覺得很不習慣。但對於擁有廣大 Windows 使用者的開發商或企業來說,不得不關注這個新的作業系統即將為市場帶來的重大影響。再者,如果開發者的 APP 想在 Windows 8 的 Store 上架,必須通過微軟的審核程序,因此 APP 的介面設計必須符合 Windows 8 的 <a href="http://msdn.microsoft.com/library/windows/apps/hh779072" target="_blank">guideline</a> 才行。<br />
<br />
<br />
<br />
為了協助台灣市場上的第一批 APP 能夠順利上架,台灣微軟指定 <a href="http://www.aja.com.tw/" target="_blank">AJA</a> 為 Windows 8 的設計顧問公司,為一些台灣企業的 Windows 8 APP 在前期設計上提供資訊與顧問服務。<br />
<br />
不同於 iOS 的 APP 審核程序,微軟的審核程序分為四個階段,這四個階段分別也對應到完整的軟體開發流程:<br />
<ol>
<li>規劃 - Phase 1: Early sight review</li>
<li>設計 - Phase 2: Design review</li>
<li>開發 - Phase 3: App review</li>
<li>測試 - Phase 4: Final app review</li>
</ol>
需要特別注意的是,並不是要等 APP 開發或測試完成才能送審,而是一個階段完成就可以填表送審。AJA 為微軟指定開發商提供的服務為 Phase 1 和 Phase 2 部分的顧問服務。為了讓想要開始設計或將既有軟體產品轉換到 Windows 8 的設計師和開發者對新的 Merto UI 設計有一個概觀,我們特別整理了一份簡報,裡面介紹了 Metro UI 設計的邏輯和方法,當然細部做法還是得去參照數百頁的官方 guideline 才行。<br />
<br />
簡報大綱:<br />
<ul>
<li>40 年的介面設計演化史</li>
<li>用人話講 Metro UI 設計法則</li>
<li>資訊導覽與互動設計</li>
<li>務必要知道的設計細節</li>
<li>更好的開發設計流程</li>
<li>最後,為你的 APP 加上些品味</li>
</ul>
<ul>
<li style="text-indent: -24px;"><br /></li>
</ul>
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="356" marginheight="0" marginwidth="0" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/14174330" style="border-width: 1px 1px 0; border: 1px solid #CCC; margin-bottom: 5px;" width="427"> </iframe> <br />
<div style="margin-bottom: 5px;">
<strong> <a href="http://www.slideshare.net/davidwkchen/win8-apps" target="_blank" title="如何設計迷死人的Windows 8 Apps">如何設計迷死人的Windows 8 Apps</a> </strong> from <strong><a href="http://www.slideshare.net/davidwkchen" target="_blank">David Chen</a></strong><br />
<br />
(<a href="http://www.slideshare.net/davidwkchen/way-to-design-lovely-windows-8-apps" target="_blank">英文版請按這裡</a>)</div>
大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-65005937770042544882012-04-20T00:38:00.000-07:002013-05-06T00:30:32.932-07:00大予設計誠徵 Web 前端設計師<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtduldaCuq0bYxtlJzWSpNNts_wabAZ6Emv0Zi1FqWkCsIQlPGNMkiEoWFEhl1WsOWIFFhi-8B1ZrvizgpG_uhQvOM49bLWlMkYtpbpMlaNubw-WaLY2nDkVr7vqG1SevG0xEIU47gj7k/s1600/IMGP3956.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtduldaCuq0bYxtlJzWSpNNts_wabAZ6Emv0Zi1FqWkCsIQlPGNMkiEoWFEhl1WsOWIFFhi-8B1ZrvizgpG_uhQvOM49bLWlMkYtpbpMlaNubw-WaLY2nDkVr7vqG1SevG0xEIU47gj7k/s640/IMGP3956.jpg" width="640" /></a></div>
<br />
<span style="color: red;">2012/5/30 更新:我們已經找到這個新夥伴囉,以後如果更多職缺,我們會公布在<a href="http://www.facebook.com/AJA.Creative" target="_blank">粉絲團</a>!</span><br />
<br />
<a name='more'></a><br /><br />
<br />
<br />
為了因應業務規模的擴大,AJA 期待更多的新血能夠加入我們的團隊!<br />
<br />
在設計工作的領域裏,我們備好了槓桿與支點,以台灣為據點我們將舉起世界這個舞台。<br />
如果你對 UI/UE 介面設計有興趣,請準備好你的作品集,加入 AJA。<br />
在這裡不強調學歷高低,只在乎潛力,創意與站在同個角度,經營一份事業的熱情!<br />
<br />
<b>應徵職缺</b>:Web 前端設計師<br />
<br />
<b>工作內容:</b><br />
1. 配合 UX/UI 設計師製作 Web 或 App 外觀與使用介面<br />
2. 使用 HTML/CSS 相關技術製作 Web 或 App 互動原型<br />
3. CSS/DIV 切版與套版,並與客戶端工程師溝通整合細節<br />
4. 協助 UX/UI 設計<br />
<br />
<b>需求條件:</b><br />
1. 兩年以上相關工作經驗,學歷與畢業科系不拘。<br />
2. 樂意與設計師團隊合作,對設計領域有熱情並勇於求新求變。<br />
3. 能使用 CSS+DIV 做網頁佈局,會套用或修改 JQuery script,且能處理跨瀏覽器 (IE, Firefox, Chrome, Safari, Webkit) 的相容性問題。<br />
4. 有 Web app 相關經驗者(加分)。<br />
5. 有 HTML5 相關經驗者(加分)。<br />
6. 有軟體 GUI 設計相關經驗者(加很多分)。<br />
<br />
公司福利:保障年薪14個月、獎金分紅、員工旅遊、勞健保、吃不完的零食還有一個舒適的辦公環境。<br />
<br />
應徵方式:email 作品集至 james@aja.com.tw,並說明該作品使用的技術與指出自身參與的部分有哪些。<br />
<br />
聯絡電話:02-87519343 x 33 找 James<br />
<br />
<br />大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-6180078442416956732012-04-01T20:13:00.000-07:002013-05-06T00:31:33.329-07:00AJA 大予設計遷移通知<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjVp_ZvCB3J6m_jLtoAiqjnO8Cs4Totm1bQMp0wZVUiwAlf1TG14B_EXO2Hgc1lIBAEq4rz1teamUURWhd-ox6GhL-Z1bfzp0x2VONwDlXqYH3WrWiIJFa4asewUU4J_cQH7I2dKLNaH4/s1600/moving_illustration-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjVp_ZvCB3J6m_jLtoAiqjnO8Cs4Totm1bQMp0wZVUiwAlf1TG14B_EXO2Hgc1lIBAEq4rz1teamUURWhd-ox6GhL-Z1bfzp0x2VONwDlXqYH3WrWiIJFa4asewUU4J_cQH7I2dKLNaH4/s400/moving_illustration-01.jpg" width="400" /></a></div>
<br />
<br />
<a name='more'></a><br /><br />
<br />
親愛的客戶與夥伴們:<br />
<br />
非常感謝大家對 AJA 的支持,因為業務需要及人員擴充的因素,我們已於 2012/3/30 日搬家,以下是我們的新地址及電話。<br />
<br />
請不吝繼續指教與支持, 謝謝。<br />
<br />
公司電話:<br />
02-87519343<br />
<br />
傳真:<br />
02-87519618<br />
<br />
公司地址:<br />
11442 台北市內湖區環山路一段48號10樓之1<br />
<br />
<iframe frameborder="0" height="350" marginheight="0" marginwidth="0" scrolling="no" src="http://maps.google.com.tw/maps/ms?msa=0&msid=204837485110769925733.0004bc9eb1aa5280df2b6&brcurrent=3,0x3442aa2c194b66cd:0x1ea97d148ba72564,0,0x3442ac6b61dbbd9d:0xc0c243da98cba64b&ie=UTF8&t=v&iwloc=0004bc9ec58c5409bb322&ll=25.086064,121.565131&spn=0,0&output=embed" width="425"></iframe><br />
<small>在較大的地圖上查看<a href="http://maps.google.com.tw/maps/ms?msa=0&msid=204837485110769925733.0004bc9eb1aa5280df2b6&brcurrent=3,0x3442aa2c194b66cd:0x1ea97d148ba72564,0,0x3442ac6b61dbbd9d:0xc0c243da98cba64b&ie=UTF8&t=v&iwloc=0004bc9ec58c5409bb322&ll=25.086064,121.565131&spn=0,0&source=embed" style="color: blue; text-align: left;">大予創意設計有限公司</a></small>
<br />
<br />
大予創意設計 敬啟大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-32589936995405990972012-03-27T01:15:00.001-07:002013-05-06T01:32:20.323-07:00大予創意設計募集使用者研究對象<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFWgopb6gymoAr1IJkj57h9qq2l9i5NciFNZ5qkm-TA0sUer-_YsSdzqVkU3dK6D94GgPzEI3k43nPMJCAuoOfTXuT5p2_tvIzzNCt1z3p4wD86X2shEpu3eHzdw6ghYhgzbaS8fLAKTg/s1600/381470_253560684697514_134270959959821_692632_1167957573_n.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFWgopb6gymoAr1IJkj57h9qq2l9i5NciFNZ5qkm-TA0sUer-_YsSdzqVkU3dK6D94GgPzEI3k43nPMJCAuoOfTXuT5p2_tvIzzNCt1z3p4wD86X2shEpu3eHzdw6ghYhgzbaS8fLAKTg/s640/381470_253560684697514_134270959959821_692632_1167957573_n.jpg" width="640" /></a></div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
(圖片來源:Rosenfeld Media, Flickr)<br />
<a name='more'></a></div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
大予創意設計募集使用者研究對象,需求條件如下(*為必要條件):</div>
<ul style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; list-style-type: square; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 25px; padding-right: 10px; padding-top: 0px; text-align: left;">
<li>年齡:40歲~60歲*</li>
<li>有使用電子書 (電子紙) 閱讀器或 iPad 閱讀書籍的習慣*</li>
</ul>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
訪談主題:電子書閱讀器使用者行為研究</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
訪談期間:2012/4/1~2012/4/15(可協調訪談時間)</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
訪談地點:受訪者家中(客廳、書房)</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
訪談時間:約 1 ~ 1.5 小時</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
訪談酬勞:NTD1,500(現場支付,須事先準備受領人之身分證影本)</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
意者請 email 至 james@aja.com.tw 並填寫相關資料如下,報名截止日 2012/4/9</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
姓名:</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
性別:</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
年齡:</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
職業:</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
聯絡電話或e-mail:</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
電子書閱讀器廠牌與型號:</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
平均每週閱讀電子書的時間:</div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left;">
(附註:報名不代表一定會安排訪談,本公司會選擇適當的人數和篩選條件)</div>
大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-90933186054022176222012-02-19T01:54:00.000-08:002013-05-06T00:32:12.270-07:00設計師的社會責任<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMw-FrAQAagzpDbNxgaInLQmwqE4T4wnaKjQPfRaJi8vgKpHC81M3CuBK2R0qupTIq1kkSmn94h-W0m8PqRFBOdbOU8H0ln0iWaGoj9w0ZGKTN6_JpuiAqSd7v5wKt-TijYFaHjXON1po/s1600/DSC_0203.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMw-FrAQAagzpDbNxgaInLQmwqE4T4wnaKjQPfRaJi8vgKpHC81M3CuBK2R0qupTIq1kkSmn94h-W0m8PqRFBOdbOU8H0ln0iWaGoj9w0ZGKTN6_JpuiAqSd7v5wKt-TijYFaHjXON1po/s400/DSC_0203.JPG" width="400" /></a></div>
<br />
週末的清晨,台北的天空依然濕濕冷冷,飄著細細的雨絲,假日還要這麼早起,心裡頭有一絲絲的小哀怨。<br />
<a name='more'></a>今天受邀參加慈濟電子書研習營,一大早就到慈濟在松山的道場報到,此時已經看到許多穿著藍白衣服的師兄師姐陸續集合,各個服裝整齊優雅,井然有序的入場報到。看到這麼多高齡的長輩在假日還不忘學習,心裡不禁覺得有些罪惡感。<br />
<br />
國內的 e-ink 電子書市場在這幾年似乎有點雷聲大、雨點小,雖然陸續有廠商推出各式的閱讀裝置,像是<a href="http://www.ylib.com/hotsale/JinReader/intro.htm" target="_blank">遠流的金庸機</a>、<a href="http://eugg.blogspot.com/2010/05/benq-nreader-k60-kindle-dx.html" target="_blank">BenQ 的 nReader</a>、<a href="http://www.greenbook.tw/Green_180.html" target="_blank">綠林的 Greenbook</a> 等等,但都是針對特定族群推出的閱讀裝置,或是有其各自的電子書商店,書本的數量也不夠多,當然取得內容的流程也不夠方便,因為每多了一家電子書城,表示要多記一組帳號密碼、多一套購買流程,更別提各式電子書的格式問題了。不像國外<a href="http://www.amazon.com/dp/B0051QVF7A/?tag=gocous-20&hvadid=8783148197&ref=pd_sl_oct4e4fdq_e" target="_blank">亞馬遜的 Kindle</a> 和 <a href="http://www.barnesandnoble.com/u/nook/379003208" target="_blank">Barnes & Noble 的 Nook</a>,推出可以讓人隨時購買和閱讀新書的海量資料庫,這也是電子書遲遲無法普及的主要原因之一。前幾個禮拜還特定參加了一個專門討論 <a href="http://www.taiwanebook.org/2012/01/201222-amazon-kindle.html" target="_blank">Kindle 閱讀器的聚會</a>,看到許多的電子書迷想盡辦法取得 Kindle、改機、轉檔、討論內容來源,心裡不禁覺得為國內 e-ink 的前途感到悲觀。大家都知道 e-ink 電子書讀起來很接近實體書、不傷眼、省電、待機時間長,所以可以透過節省能源和紙張達到環保的目的。但是我們卻很少在公車或捷運上看到有人拿 e-ink 裝置來讀書,而是 i 裝置或智慧型手機。我相信如果國內有像亞馬遜這麼完整的電子書城的話,很多喜歡讀書的人不會捨不得花錢買一台 e-ink 閱讀器來看書。<br />
<br />
慈濟一直以來除了行醫救世和關懷弱勢之外,對環保也不遺餘力。有鑑於慈濟的會員眾多,經常要閱讀經文、分享心得,小組也要常常需要開會討論或分享,過程中需要使用到許多紙張。早在十年前,<span class="s1"> </span>證嚴上人即有電子書之發想,希望朝向科技與無紙化齊頭並進之環保新里程。為此,國內的電腦製造商華碩特別與慈濟合作,打造慈濟內部專屬的<a href="http://t17.techbang.com/topics/8974-tzu-chi-x-asus-eee-reader-tz-900-hands-on-play-meditation-books-out-of-the-box" target="_blank">靜思電子書</a>。經過幾年的不斷改善,慈濟內部多數的幹部都已經人手一台靜思電子書閱讀器,讓許多師兄師姐可以用它來閱讀和聆聽經文、查看期刊、記錄活動、分享各組行事曆、下載和購買、閱讀上人的衲履足跡。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxYwzCOdaaeGSnBRGtJ1yFrw80Rg4YV-LBtqQbbrxTnBrNZS6p0Teq1ZneGFh4xwISzBPND2VFUyFKPlGmDF5n8NpUew14eEQ6FqOO2QOPzKytRNBAvAobWqTZ3iWphyFz3O2uFh0lZ_Q/s1600/5f2026ab60ace4f66c32425c8cf83274.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxYwzCOdaaeGSnBRGtJ1yFrw80Rg4YV-LBtqQbbrxTnBrNZS6p0Teq1ZneGFh4xwISzBPND2VFUyFKPlGmDF5n8NpUew14eEQ6FqOO2QOPzKytRNBAvAobWqTZ3iWphyFz3O2uFh0lZ_Q/s400/5f2026ab60ace4f66c32425c8cf83274.jpeg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://t17.techbang.com/topics/8974-tzu-chi-x-asus-eee-reader-tz-900-hands-on-play-meditation-books-out-of-the-box" target="_blank">圖片來源</a></div>
<br />
此次的研習會,北中南三場總共有一千多位師兄姐參加,光台北場就已經接近五百人。研習會的目的除了傳達使用電子書的好處之外,更直接教授許多對資訊設備使用不熟悉的年長使用者使用電子書的方法,從如何連上網路、如何下載電子書、如何閱讀、如何設定,甚至現場提供韌體升級的服務。對我們做使用者經驗設計的人來說,這是個可以近距離觀察與了解使用者的難得機會,華碩也派出負責此電子書軟硬體設計的主管與工程師,到現場實際了解使用者遇到的問題和提出的一些需求,這點真的要給華碩一個讚。<br />
<br />
證嚴上人應該是這部電子書的第一個使用者,聽師兄姐講在決定使用這部電子書之前,上人已經先試用過多數市面上主要的 e-ink 電子書閱讀器,最後決定使用華碩這台九吋大螢幕,以符合許多年長慈濟人的閱讀需求,並特別強調這是「一本書」,它不是一台電腦,也不是智慧型手機,對慈濟而言,它的主要功能就只有三個:<span style="color: #073763;">看書</span>、<span style="color: #073763;">訊息傳達</span>、<span style="color: #073763;">電子勸募本</span>。電子書在國內市場推行困難重重,在慈濟推行的初期也是,因為這本電子書是黑白的、沒有絢麗的聲光效果、反應速度很慢,而且價錢相較起來好像有點貴。但是由於上人的決心,教導大家要從「心」出發,配合它的步調,多用它,就會愛上它。在整天的研習會中,我看到慈濟的資訊處不但從功能面教導學員如何使用,也從「心理面」說服大家如何無畏艱辛地使用這個裝置,並由許多資深的使用者分享使用心得。我在這個研討會中看到許多白髮蒼蒼的師兄姐,拿著靜思電子書到處問問題,學習如何操作、設定,讓我看到慈濟人不怕艱難、求知若渴的精神。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsCRwP_FQhAsBJWJWwCH-r79p7_1kt9z_cD5F-UnL75hC2ponCE7JFNok5dW1HIhM1HseacCDd1SmCfVcXBoBHvgxLRynGyoYQpwwvmcAsJ6FnLumFc1L5GXxYMmLKfi1cBZnJsgER6q0/s1600/DSC_0206.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsCRwP_FQhAsBJWJWwCH-r79p7_1kt9z_cD5F-UnL75hC2ponCE7JFNok5dW1HIhM1HseacCDd1SmCfVcXBoBHvgxLRynGyoYQpwwvmcAsJ6FnLumFc1L5GXxYMmLKfi1cBZnJsgER6q0/s400/DSC_0206.JPG" width="300" /></a></div>
<br />
可是以一個設計從業人員的角度來看,我的心裡非常的難過。因為當我自己在試用靜思電子書時,才體會到這些年長使用者所需要花費的學習時間可能遠遠超乎我們的想像。一整天觀察下來,<a href="http://www.facebook.com/davidwkchen" target="_blank">David</a>、 <a href="http://www.facebook.com/chtsai" target="_blank">蔡老師</a>和<a href="http://www.facebook.com/james817" target="_blank">我</a>的內心都非常激動,深深覺得這個產品應該要更好,慈濟人不應該需要這麼辛苦來教導、學習使用這個裝置,它應該是便利愛閱讀的人,而不是花更多時間在學習如何操作和 troubleshooting 上,雖然慈濟的師兄姐們都把這件事當做挑戰,聽到他們在研習會上呼口號:「排除萬難、使命必達」,我的眼淚都快掉下來。我相信華碩和慈濟都已經竭盡所能進行客製化和調校,讓它盡可能方便實用,但是它的反應速度真的需要再快一些、介面設計需要再友善一些。<br />
<br />
這是我第一次覺得做設計跟社會責任有明顯的關係,如果我們可以把閱讀流程設計的好一些,師兄師姐每天都可以靜下心來好好的讀經滋養心靈,不用為繁瑣的操作流程而煩心;如果可以把訊息傳達功能做好一點,慈濟組織的運作會更有順利、更順暢;如果可以把電子勸募本的流程簡化,可以更快募集到更多的善款;如果可以節省每位慈濟人的幾分鐘時間,他們可以把心力放在更有價值的志業上。當然,如果讓電子書能夠更普及,就可以減少紙張的使用。<br />
<br />
各位設計師朋友們,或許你覺得自己做的事沒什麼了不起,只是一份糊口的工作,但請你跟我一起偶爾去看看你的最終使用者,他們或許慈悲為懷、寬宏大量,也或許尖酸刻薄、蠻橫無禮,但只要我們的工作成果帶給他們心靈上的一絲滿足或臉上的一抹微笑,也算是功德一件,不是嗎?<br />
<br />大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com1tag:blogger.com,1999:blog-7927582266419183207.post-3679972350726481562011-06-20T18:17:00.000-07:002013-05-06T00:44:19.990-07:00AJA 誠徵資深使用者經驗設計師 (Senior UE Designer) 夥伴<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmmHJ9zXNKB5X29X7ytNkLO0pp40fezsXn4dE_et03X71tsFFeZ1oOe9w2LEyD0dJFEvzAHifsHTq5YVisghzkxEgoYac4VyglVxtCa1rWiARQYjDkZ_rXvrGlxFjsPvxnTPPO9CU1AqQ/s1600/Photo+6%25E6%259C%2588+01%252C+9+37+03+%25E4%25B8%258A%25E5%258D%2588.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="" border="0" height="478" id="BLOGGER_PHOTO_ID_5620479402468970322" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmmHJ9zXNKB5X29X7ytNkLO0pp40fezsXn4dE_et03X71tsFFeZ1oOe9w2LEyD0dJFEvzAHifsHTq5YVisghzkxEgoYac4VyglVxtCa1rWiARQYjDkZ_rXvrGlxFjsPvxnTPPO9CU1AqQ/s640/Photo+6%25E6%259C%2588+01%252C+9+37+03+%25E4%25B8%258A%25E5%258D%2588.jpg" style="display: block; margin: 0px auto 10px; text-align: center;" width="640" /></a><br /></div>
<div style="text-align: left;">
<br /></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">AJA 正在尋找資深使用者經驗設計師 (Senior UE Designer) 夥伴</span>
</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
</span>
<br />
<a name='more'></a><span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br /></span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">工作內容:</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- 規劃與執行使用者研究與觀察相關作業</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- 規劃軟體資訊架構、流程與製作wireframe</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- 優使性研究與評估</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- 與 UI 設計師合作進行各式產品介面設計</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- 服務設計相關工作</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">需求條件:</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- UE 相關工作經驗一年以上</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- 瞭解 UE 相關程序並有能力製作相關文件和進行簡報</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- Open minded 並善於與人溝通</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">- 對各式產品和人類行為充滿好奇與熱情</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">AJA 是一個成長中的團隊,無論你是</span><span class="Apple-style-span" style="font-family: Tahoma; font-size: medium;">舊雨還是新知,</span><span class="Apple-style-span" style="font-family: Tahoma; font-size: medium;">我們需要比我們更專業、更熱血的夥伴加入,一起探索與發掘這個成長中的產業,這裡絕對是一個你可以一展長才的好所在。</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
</span></div>
<div>
<span style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font-family: Tahoma; font-size: xx-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">意者請將履歷或作品連結 email 到 james@aja.com.tw</span></div>
<div style="text-align: -webkit-auto;">
<span class="Apple-style-span">
</span></div>
<div style="text-align: -webkit-auto;">
<span class="Apple-style-span"><b>2011/8/10 更新:目前已找到適合人選,請繼續關注大予部落格或<a href="http://www.facebook.com/AJA.Creative">FB粉絲頁</a>,以取得最新職缺訊息。</b></span></div>
<div style="text-align: -webkit-auto;">
<span class="Apple-style-span">
</span></div>大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-71078243503062112142011-04-18T20:15:00.000-07:002013-05-06T00:38:12.444-07:00台灣介面設計/互動設計服務業的現況與挑戰<h2>
<b>從工業設計 (ID) 到互動設計 (IxD)</b><b></b></h2>
台灣的電子產業以代工聞名,例如廣為人知的鴻海、廣達、英業達之外,品牌電腦廠商如宏碁、華碩也是有一定比例的代工業務。除了這些知名的廠商,更有數以千計的已上市、未上市的公司建構出生產各種硬體產品的供應鏈。硬體一直是台灣廠商的強項之一,因此無論在硬體的技術、成本,以及生產的速度,都非常的具有全球競爭力,這也是為什麼全世界的知名品牌如 Apple, Dell, HP 等都採用台灣生產的電子零件或組裝、生產服務。<br />
<a name='more'></a><br />
隨著電子產品的產能增加、零件成本降低、競爭者越來越多,代工業務的利潤也越來越低,以前利潤好的時候可能有 10%~20%,但現在如果有 5% 就已經算不錯了。為了維持生存,硬體廠商不得不擴充產能來增加營收,但也同時掉入供應量過大,利潤不斷降低的迴圈。事實上,台灣的廠商早知道打造品牌和服務是提昇企業價值的不二法門。早在 1992 年,宏碁電腦董事長施振榮先生就提出微笑曲線理論,指出組裝與製造的低附加價值,而品牌和服務才能提昇企業的價值。<br />
而以硬體製造為基礎的台灣廠商漸漸重視產品的設計(或稱為工業設計),從產品的外觀著手,積極爭取各國的設計獎項如德國的 iF Design Award, Red Dot Design Award, 美國的 IDEA Awards, 日本的 Good Design Award 等。希望藉由得到這些獎項,向消費者證明其生產的產品是好產品。如果廠商把所得獎項的 logo 印在包裝盒上,似乎對產品本身的銷售有些幫助。但是,當消費者把這些得獎商品買回家之後,挑戰才真正開始。<br />
現在有許多電子產品都有液晶螢幕,例如多媒體播放器、PND、手機、觸控面板、汽車儀表板、筆記型電腦等等。這些產品除了外觀之外,產品介面與使用者的互動性更是重要,除了讓使用者能夠輕易了解如何正確地使用該產品之外,介面的美觀性、使用的方便性和可達到的效果等,都會讓使用者有不同的體驗。於是,這些硬體製造商裡面的 ID 設計師便兼任了介面設計師,負責產品介面的美觀性。但使用流程和互動方式呢?就交給軟體工程師來負責吧!<br />
台灣的軟體工程師人才不少,他們有許多都是從名校工科畢業,寫程式的能力一流。但多數的工程師都認為他們的工作是讓產品能夠運作,使用最少行的程式、最低的系統資源、展現出最多的產品功能,以他們能夠理解的方式完成任務,但問題是他們考慮的實在太周全了,而且大部分的使用者都不像這些工程師一樣聰明,或者說使用者不想像這些工程師花上許多時間去研究產品如何使用。那互動設計的工作要交給誰呢?看來只有產品經理是最佳人選了。<br />
最近幾年,一些比較有規模的公司例如華碩、宏碁等,已經建立了屬於自己的 UED 部門,這個獨立的部門通常可以直接與最高級長官直接溝通,並且與產品經理、介面設計師、ID 設計師、程式設計師合作。他們的主要任務在於設計良好的使用流程和使用者經驗,並確保他們的設計在各個環節中都能夠實現。<br />
<h2>
<b>一切都從蘋果開始</b></h2>
那麼台灣的硬體廠商何時開始覺得互動設計很重要呢?我認為是受到了 Apple 產品影響的成份居多。自從 Apple 推出了 iPhone 之後,這個效應從一般的消費者開始擴散,逐漸影響企業開發產品的走向。Apple 的產品設計不只表現外觀設計上,更創造了優秀的使用者經驗,雖然仍然有部分的使用者(或某些領域的「專家」們)不太認同,但它虜獲了廣大消費者的心和公司的獲利表現卻是不爭的事實。<br />
我在之前的軟體公司工作時,擔任介面設計主管一職,我的工作是管理七位介面設計師,確保他們為公司的軟體產品產出高品質、有創意的軟體圖形化介面(GUI)。每個禮拜,我和我的團隊成員都必須跟 CEO 開會,討論介面上的每一個按鈕是否美觀、位置是否正確。當我們的討論遇到瓶頸時,總是有人會說:「Apple 是這樣那樣」,而通常結論就是「那就照 Apple 的作法吧」。<br />
現在我的公司提供互動設計與介面設計服務,與客戶開會討論設計需求時,也常常會聽到類似「我想要設計像 Apple 那樣的 icon」這樣的要求。這也是我們對 Apple 又愛又恨的原因了。<br />
<h2>
<b>老闆與使用者</b></h2>
隨著 Apple 產品的普及,iPod, iPhone, iPad, Mac 已經在台灣的消費市場佔有一席之地,這些消費者有許多已經奉 Apple 為神,其中當然也包括許多了「老闆」。這些老闆了解使用者經驗對產品的重要性,於是希望自己的產品也能像 Apple 一樣能夠抓住消費者的心。所以,他們會把自己當做使用者,站在使用者的角度來看事情。在產品會議時,他的角色就是使用者,所以我們會常常聽到「這不是使用者想要的」、「使用者不會這樣操作我們的產品」之類的話。<br />
而作為一個專業的使用者介面設計顧問公司,我們常常會建議客戶進行簡單的使用者研究,但多數的客戶並不願意支付額外的費用來進行使用者研究,不然就是他們產品開發的進度已經落後,已經沒有時間變更產品的規格。也有的客戶會問我們:五個使用者並不能代表所有的使用者,況且我早就在公司裡面對五個以上的人進行過測試了。碰到這種情形,我會向客戶解釋為什麼五個使用者就可以找出 80% 的問題,以及證明做這些研究並不會花費太多的成本和時間,同時舉出我們的成功案例,有些客戶便因此允許我們再進行介面設計之前,先對產品的目標使用者進行研究。<br />
<h2>
<b>一個icon多少錢?</b></h2>
這是我最常也最怕被問到的問題,但卻是我們這種介面設計公司接觸新客戶最容易被問到的問題。這個問題的背後代表兩件事:<br />
1. 這個客戶只想把比較醜的 icon 換成比較漂亮的 icon。那使用者流程呢?其他的介面設計呢?<br />
2. 這個客戶能夠支付給我們的設計費很少。<br />
這也是許多台灣傳統的 3C 硬體製造商共同的問題,他們通常認為介面設計是產品開發階段中最不需要擔心的事,只要在產品設計最後完成階段,加入一點「美工」就可以了。開發的經費、時間早就已經在前面用完了,因此沒有太多時間和經費可花費在介面設計(或者說視覺設計)上。問題是,介面設計當然不只是視覺設計的品質,更重要的是互動設計和使用流程設計,而這些設計是必須在產品開發初期就規劃好,而不只是最後的加工作業。<br />
<br />
經過數個專案的合作經驗和一段時間努力,現在 AJA 已經跟數家企業進行產品的共同設計,提供客戶從使用者研究、互動設計、流程設計,到圖形化介面設計的完整解決方案。在產品開發初期,我們每個星期到客戶的公司跟產品經理、研發人員、視覺設計師開會討論產品設計的細節。在這個過程中,常常會經歷我們的設計與客戶內部意見相左,有時我們會提供我們的經驗給客戶參考,有時會藉由使用者研究的方式來證明設計的方向,但有時卻不得不聽從付錢給我們的客戶的主觀意見。對於許多設計公司來說,這種共同設計的作法很有可能會導致利潤降低甚至是賠錢,但 AJA 希望以長期合作為前提,希望客戶的產品能順利上市並受到消費者歡迎,而客戶信任 AJA 能夠為後續的產品提供更棒的設計,並為雙方帶來更高的商業價值。<br />
<h2>
<b>眼見為憑</b></h2>
在接觸新的客戶時,如果我們直接跟客戶建議進行使用者研究、優使性測試,往往會無法取得客戶的認同。原因就是客戶並無法立即看見成效,他們無法把這些結果和產品的銷售和獲利相關連。AJA 從成立到現在剛即將滿兩年,客戶連結到 aja.com.tw 的網站,看到我們的作品集(當然只是一部分的作品)便打電話來請我們過去介紹相關業務並聽取他們的需求。另外就是透過台灣的 UI 設計組織如 UI Gathering 會員的介紹找到 AJA。其中一個很重要的原因是 AJA 在介面設計的經驗和品質在台灣算是比較豐富一些,客戶在看到這些作品集之後,大多數都覺得我們應該是他們最好的合作夥伴,只有兩個問題,一個是產品策略的改變,另一個就是價格的問題。<br />
好的互動設計和介面設計需要高品質的視覺設計來實現,如果介面的視覺效果不能吸引消費者,可能會影響消費者對產品本身的觀感。但台灣市場的現況是,能夠提供高品質介面設計的專業公司並不多,因為有許多好的 UI/UE 設計師都在比較大的企業服務,大型企業提供較好的薪資、福利和工作環境,而像 AJA 這種小型公司能夠吸引人才的部分只有較自由和友善的工作環境,以及對介面設計的熱情與願景。台灣的就業市場環境對視覺設計師並不太友善,因為多數的視覺設計如平面設計、網頁設計人員都稱為「美工」,這也造成了許多想從事設計的學生改走研究路線,而不是從最基本的美術設計開始,因此也造成 GUI 人才的短缺。最近我們在徵選新員工時就發現,想做 UE 的人明顯比想做 UI 的人多,而想做 UI 的人卻沒有比較好的美術基礎。人才難尋也是小型設計公司碰到的困境之一,優秀的人才不願意來小公司,有潛力的人才有一些經驗之後又希望到大公司上班,加上如果業績和獲利不理想,很快的就會放棄。<br />
期許台灣有更多像 AJA 這樣的公司,能夠藉由高品質的介面設計開啟與客戶接觸的大門,並為客戶提供高品質的互動設計、流程設計、圖形化介面設計,加上少有的服務熱忱與負責到底的精神,共同與台灣的硬體製造商一起產出更用、更好看的產品介面。大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com1tag:blogger.com,1999:blog-7927582266419183207.post-26918740557662006692011-03-26T06:02:00.001-07:002013-05-06T00:45:33.736-07:00To & From<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2rxwxUKKjFA74JblK2PzIBrPFoGzOzkVJp5NVsSbxXPAi-iHbJt7KYc8b2O387Fu8WTq2dK1GgiP0r-ETdBS76TaKAnzLyXphVWXbrBep44GdcxjWGdNGh2OtvdMvwkAA9FcJQbFz2NQ/s1600/DSC01717.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="" border="0" height="424" id="BLOGGER_PHOTO_ID_5588373458251608098" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2rxwxUKKjFA74JblK2PzIBrPFoGzOzkVJp5NVsSbxXPAi-iHbJt7KYc8b2O387Fu8WTq2dK1GgiP0r-ETdBS76TaKAnzLyXphVWXbrBep44GdcxjWGdNGh2OtvdMvwkAA9FcJQbFz2NQ/s640/DSC01717.jpg" style="display: block; margin: 0px auto 10px; text-align: center;" width="640" /></a></div>
從事介面設計已近十載,一直以為介面設計只存在於電子世界,但最近發生在自己身上的一件事,讓我覺得不良的介面設計,即使是在平面設計的領域,也會造成使用者的困擾。<br />
<a name='more'></a><br />
<div>
<br />
<div>
話說前兩個禮拜我透過台灣的 iPhoto 印刷服務商 <a href="http://hypo.cc/default.html">Hypo</a> 線上印刷了一本自己編排的相本,Hypo 也如預期般在不到一個星期的時間就把成品寄給我。滿心歡喜的我稍微翻了一下,發現印出的相本漏了一頁,雖然沒什麼大不了,但畢竟費用是用頁數計算的,而貼心的 Hypo 既然已經附上一張退貨貼紙,自然而然就將貼紙貼在原本的包裝盒上,寫上自己的姓名地址電話,並註明「缺頁」,準備拿去郵局寄回 Hypo 換貨。</div>
<div>
<br /></div>
<div>
讓人啼笑皆非的烏龍事件就此展開:首先,因為公司附近剛好有郵局,於是就上班順便拿去郵局,花了70元的郵資寄出。隔天下班回到家,看到桌上的東西,正欽佩著 Hypo 的效率的同時,卻發現包裝膠帶跟我寄出時一模一樣,當場傻眼。我心裡想,可能是郵差看到最上方手寫的地址,就直覺以為是收件人的地址(雖然明明有一個粗體的 FROM 字樣),於是當然就寄到手寫的住址。只要是人都會犯錯嘛,無可厚非囉。</div>
<div>
<br /></div>
<div>
隔天我又從家裡把東西拿到公司附近的同一家郵局,跟郵局員工說明之後,他說可能是因為我把寄件者寫在上面,所以郵差以為是收件人(跟我想的一樣)。後來郵局人員看了掛號的貼紙上印了「寄達地:台北市中正區 100」,自覺理虧,於是就同意免費再幫我寄一次,這次郵局人員在 UI 上做了一些改進,就是在貼紙的 TO 左邊用簽字筆加上了大大的 To: → 100,這樣總沒問題了吧!</div>
<div>
<br /></div>
<div>
隔天回到家,我又看到東西放在我的桌上,這次就是直接開罵,這是鬼打牆還是怎樣,我這整個禮拜是和郵差在玩丟包裹的遊戲嗎?上面寫了這麼大的 FROM, TO, To: → 100 都沒看到嗎?雖然我可以做個實驗看看到底要寄幾次才會成功,但退貨有 7 天的期限,所以我放棄了。</div>
<div>
冷靜了十分鐘之後,我心中「使用者經驗」基因來了,在這個案例中,郵差是這張標籤的使用者,他們每天要處理一拖拉庫的郵件,看投遞的地址早就已經是機械化動作而完全不經過思考,所以應該不能怪郵差。那要怪誰呢?後來我覺得是 Hypo 的責任,而且我一定要跟他們說這件事。因為我不相信只有我退貨,而且只有我公司附近那家郵局的郵差會看錯。</div>
<div>
<br /></div>
<div>
所以整個過程就是:</div>
<div>
收到包裹 → 我拿去郵局寄 → 郵差把東西寄回來 → 我再拿去郵局寄 → 郵差再寄回到我家 → 我放棄退貨</div>
<div>
<br /></div>
<div>
<span class="Apple-style-span">退貨標籤的改法</span></div>
<div>
1. 依據標準西式信封的格式,From 放左上角,To 放中間,而且兩者之間要有一定的距離。</div>
<div>
2. To 放上面,而且百集思的收件者和地址要放大,讓退貨者寫的 From 區域小一些,自然手寫的字就會變小。</div>
<div>
<br /></div>
<div>
我買東西很少退貨,因為退貨常常很麻煩(可能是廠商故意的),或是要自己付郵資。所以我最喜歡去PX Home了,因為退貨手續簡便,而且我直接放在樓下管理員那裡就可以。退貨也是產品整體使用者經驗的一部分,Hypo 在這種小地方可能需要多費點心了。</div>
<div>
<br /></div>
<div>
<br /></div>
</div>
大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com4tag:blogger.com,1999:blog-7927582266419183207.post-87074720474676949112011-03-07T21:54:00.001-08:002013-05-06T01:27:27.452-07:00新案上線–App 2 SD for Android<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9vVqTZcZLDZcGnphZz2qofOCyij3LrDhJo4fUmrmAHcQmWHTd6-Eis3KEqRZ3xK2Yozr9VBbdHM6ID-j4J0ur-3QTN9YFzCUPmnM0PfhqcCWkc4NWyRcJJc1NkZethYm7r5rDcKSuJebD/s1600/Landscape%5B4%5D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9vVqTZcZLDZcGnphZz2qofOCyij3LrDhJo4fUmrmAHcQmWHTd6-Eis3KEqRZ3xK2Yozr9VBbdHM6ID-j4J0ur-3QTN9YFzCUPmnM0PfhqcCWkc4NWyRcJJc1NkZethYm7r5rDcKSuJebD/s640/Landscape%5B4%5D.png" width="640" /></a></div>
<br />
有用 Android 手機的人應該都遇過裝了太多的應用程式之後,手機內部內建記憶體很快就會不足,而導致其他功能也接著不正常。<br />
<a name='more'></a>這對 Android 2.2 之前(其實2.2也還是一樣)的使用者來說無疑是一大困擾。因此有很多 Android 手機的使用者都會安裝 <a href="http://www.appbrain.com/app/app-2-sd-free-(move-app-to-sd)/com.a0soft.gphone.app2sd" target="_blank">App2SD</a> 這個程式,它可以檢查手機安裝的應用程式中,有哪些可以移到手機的 miniSD 記憶卡,輕鬆地把可移動的程式(當然有一些程式不能安裝在 SD 卡上)移到 SD 卡,這樣就比較不容易出現記憶體不足的窘境。<br />
很多人都不知道,其實這個軟體也算是台灣之光,是由國內知名的 Android 程式開發者兼名講師 <a href="http://ysl-paradise.blogspot.com/" target="_blank">Sam Lu</a> 所獨立開發完成,透過免費(有廣告)或收費(無廣告)的方式在 Android Market 上供大家下載。大予創意跟 Sam 合作的第一個專案是 <a href="http://www.appbrain.com/app/acurrency-pro-(with-widget)/com.a0soft.gphone.aCurrencyPro" target="_blank">aCurrency</a> 匯率查詢與轉換程式。有了之前的合作經驗和信任,Sam 這次也將這個重要的產品介面交由大予來設計。<br />
當然,受歡迎的軟體很容易就出現競爭者和抄襲者,就像是 <a href="http://ysl-paradise.blogspot.com/2011/01/android_25.html" target="_blank">Sam 的部落格</a>中舉出的山寨版 App2SD ,根本就是從頭抄到尾。這時候唯有不斷進步和創新,才能暫時擺脫山寨的糾纏,滿足支持原版產品的消費者的需求。除了功能的更新與創新,介面的設計也不能馬虎。大予這此採用的設計概念是「環保文件箱」。大家如果有去過 Muji 就知道有一種紙做的文件箱,上面鑲有標示內容的金屬紙匣。我們把背景改成溫暖的紙箱材質,搭配金屬感的框架來凸顯應用程式內容。另外也把 icon 的示意性和精緻度表現的更好。<br />
雖然這是個小專案,但一個一個專案的累積,讓更多台灣程式開發者的作品能在國際舞台表現的更好,也就是大予創意的希望和願景。大予是您創意的好夥伴。大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-17486877467194629402011-02-23T17:44:00.001-08:002013-05-06T00:58:09.940-07:00行動裝置、平板電腦的UI設計指南大集合轉載自 <a href="http://www.mobilexweb.com/blog/ui-guidelines-mobile-tablet-design" target="_blank">Mobile Web Programming</a><br />
這裡列出一些官方提供的使用者介面 (UI) 和使用者經驗 (UX) 設計指南連結,應該對於需要開發行動裝置應用程式或Web UI的人有幫助。這些指南中包含了設計規範、範例、小技巧和常犯的錯誤。雖然其中多數是針對原生的應用程式開發而撰寫,但同樣也可以應用在Mobile Web UI的設計上。<br />
<a name='more'></a><br />
要注意的是每個平台的使用者經驗都不太一樣。例如,儘可能避免在黑莓機上設計 iPhone 的使用者經驗,當然這跟裝置的硬體和使用習慣有很大的關係。俗話說師父帶出門,修行在個人。雖然 guideline 訂的很清楚,但如果所有的設計都照本宣科,有時候會框住設計的創意。視覺設計是使用者經驗的一部分,如何精確掌握設計創意又不破壞良好的使用經驗,就考驗UI/UX設計師的功力了。<br />
<ul>
<li><a href="http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html">iPhone Human Interface Guidelines</a> – <a href="http://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/MobileHIG.pdf">PDF version</a> </li>
<li><a href="http://developer.apple.com/library/ios/#documentation/general/conceptual/ipadhig/Introduction/Introduction.html">iPad Human Interface Guidelines</a> – <a href="http://developer.apple.com/library/ios/documentation/general/conceptual/ipadhig/iPadHIG.pdf">PDF version</a> </li>
<li><a href="http://docs.blackberry.com/en/developers/deliverables/17965/index.jsp?name=UI+Guidelines+-+BlackBerry+Smartphones6.0&language=English&userType=21&category=Java+Development+Guidelines&subCategory=">UI Guidelines for BlackBerry 6.0 Smartphones</a> – <a href="http://docs.blackberry.com/en/developers/deliverables/17964/BlackBerry_Smartphones-UI_Guidelines-T893501-980426-0721013746-001-6.0-US.pdf">PDF version</a> </li>
<li><a href="http://docs.blackberry.com/en/developers/deliverables/20196/index.jsp?name=UI+Guidelines+-+BlackBerry+Smartphones2.5&language=English&userType=21&category=Java+Development+Guidelines&subCategory=">UI Guidelines for BlackBerry 4.x, 5.x Smartphones</a> – <a href="http://docs.blackberry.com/en/developers/deliverables/20195/BlackBerry_Smartphones-UI_Guidelines-T1011811-1011811-0903100131-001-2.5-US.pdf">PDF version</a> </li>
<li><a href="http://developer.android.com/guide/practices/ui_guidelines/index.html">Android User Interface Guidelines</a> </li>
<li><a href="http://docs.blackberry.com/en/developers/deliverables/4305/BlackBerry_Browser-4.6.0-US.pdf">BlackBerry Browser Content Design Guidelines (PDF)</a> </li>
<li><a href="http://developer.motorola.com/docstools/library/Best_Practices_for_User_Interfaces/">Motorola’s Best Practices for Android UI</a> </li>
<li><a href="http://library.forum.nokia.com/index.jsp?topic=/Design_and_User_Experience_Library/GUID-A8DF3EB8-E97C-4DA0-95F6-F464ECC995BC_cover.html">Nokia Design & User Experience Library</a> </li>
<li><a href="http://www.forum.nokia.com/info/sw.nokia.com/id/5c419b14-75ff-4791-b1a8-db1e0d72e36e/Symbian_3_UI_Style_Guide.html">Symbian^3 UI Style Guidelines (PDF)</a> </li>
<li><a href="http://www.forum.nokia.com/Design/">Forum Nokia Design Portal (PDF)</a> </li>
<li><a href="http://developer.symbian.org/wiki/User_Interface">Symbian UI Wiki</a> </li>
<li><a href="http://www.forum.nokia.com/info/sw.nokia.com/id/73e935fe-8b59-43b2-ab3e-1c5f763672db/Series_40_UI_Style_Guide.html">Nokia Series 40 UI Style Guide</a> </li>
<li><a href="http://dpimg.ospos.net/contents/docs/resources_1004/com.osp.appuiguide.help/html/FramesetMain.html?menu=MC01010403&mtb1=&mtb2=">Bada Application UI Guide</a> </li>
<li><a href="http://developer.sonyericsson.com/cws/download/1/716/984/1262667210/DW-102212-UI_Rulebook.pdf">Sony Ericsson UI Rulebook</a> </li>
<li><a href="http://msdn.microsoft.com/en-us/library/bb158602.aspx">UI Guidelines for Windows Mobile</a> </li>
<li><a href="http://msdn.microsoft.com/en-us/library/cc872774.aspx">Windows Touch UI Guideline</a> </li>
<li><a href="http://download.microsoft.com/download/7/7/3/77371BBD-6613-4C1A-ACBF-08365C09D5FA/UI%20Design%20and%20Interaction%20Guide%20for%20Windows%20Phone%207%20v2.0.pdf">UI Design & Interaction Guide for Windows Phone 7 (PDF)</a> </li>
<li><a href="http://developer.palm.com/index.php?option=com_content&view=article&id=1836">webOS UI Guidelines</a> </li>
<li><a href="http://www.forum.nokia.com/info/sw.nokia.com/id/eb8a68ba-6225-4d84-ba8f-a00e4a05ff6f/Hildon_2_2_UI_Style_Guide.html">Hildon UI Guidelines for Nokia Maemo</a> </li>
<li><a href="http://meego.com/developers/ui-design-guidelines/handset">MeeGo UI Design Guidelines</a> (shared by Mark Jones) </li>
<li><a href="http://msdn.microsoft.com/en-us/library/ff637515(v=VS.92).aspx" target="_blank">Windows Phone 7 UI Design</a> </li>
</ul>
大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-36557183541845015242010-12-30T22:50:00.001-08:002013-05-06T01:28:19.734-07:00回顧 2010,展望 2011<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbm1SvfPxA9qFjutYQTQX0vQOapiSCvaT7yEka83IwzEpkpsHha4GRGYLKhZFcEEl94GC4sdr8ljapjeVZL7X_O1Pt9jV9hVSn9jmAK6T85VbJSzyzOOtJc0Zj_yJ4_u2zETCnUoFM2yC/s1600/2011%5B11%5D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="446" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbm1SvfPxA9qFjutYQTQX0vQOapiSCvaT7yEka83IwzEpkpsHha4GRGYLKhZFcEEl94GC4sdr8ljapjeVZL7X_O1Pt9jV9hVSn9jmAK6T85VbJSzyzOOtJc0Zj_yJ4_u2zETCnUoFM2yC/s640/2011%5B11%5D.png" width="640" /></a></div>
<br />
轉眼間到了2010年的最後一天,回想起去年,我的創業夥伴毅然決然離開待了將近十年的公司,<br />
<a name='more'></a>兩個人決定在介面設計的領域上走自己的路。一開始在分租的辦公室裡,兩個人大眼瞪小眼,不知道下一個客戶會不會出現,對於要養家活口的男人來說,心中不免一陣寒顫。所幸老天爺眷顧,還有客戶們的支持,我們現在多了三個夥伴,辦公室也從台北縣移居到台北市,找到了一個屬於自己的溫暖工作空間。<br />
原本不是很確定到底台灣的產業有多少需要做UI,或是一些內部已經有UI Designer的公司會不會需要我們的服務,事實證明國內的產業已經開始了解介面設計的重要性,在強調硬體功能的同時,也會利用介面設計的力量來提高產品的價值與競爭優勢。截至目前為止,我們有16個客戶,進行了約30個大大小小的UI設計專案。這些客戶囊括了硬體公司如<a href="http://www.dlink.com.tw/">友訊科技</a>、<a href="http://www.altek.com.tw/">華晶科技</a>,軟體公司如<a href="http://www.trendmicro.com.tw/">趨勢科技</a>、<a href="http://www.esobi.com/">易搜比</a>等,還有一些新創公司和獨立應用程式開發者等等。我們不在乎客戶大小,只著眼於專案本身是否有趣,以及客戶對介面設計的重視程度。主要的客戶無論是簽年約或依專案,都把我們當成產品設計的夥伴,定期參與會議,一起為新產品打造全新的使用者經驗。<br />
友訊科技服務設計研發部資深經理<u>陳曉雲</u>給大予這樣的評價:「<strong>大予設計在UI、User Flow上的設計與我們理念相合,是我們徵選出來的長期策略合作夥伴,我們合作過的UI類型包括硬體設定UI、網站服務UI、應用程式UI及美國消費性電子展的大型製作物等,大予設計皆提供了高水準的設計品質。</strong>」客戶的支持與肯定,是督促我們前進的一大動力。<br />
回顧2010年,我們仍然有許多需要改進的地方,例如沒有精確掌握專案預算並提供適當的報價,導致新客戶覺得價錢太高而失去合作的機會,或是報價太低導致不敷成本。然而,我們不因為價錢高低而在設計的品質上有所區分,既然已經決定要做,就把客戶的專案做到好,哪怕中間修修改改、功能變更等突發因素,服務到客戶客戶滿意、產品出貨,才能算結案。<br />
2011年,我們除了希望繼續服務現有客戶,開發新客戶之外,也希望公司能在以下各方面有所成長:<br />
<ul>
<li><strong>化被動為主動</strong>,積極開發新客戶,找出需要介面設計服務的產業和企業 </li>
<li><strong>提昇設計能力</strong>,在產能與品質上能更上一層樓 </li>
<li><strong>創新再創新</strong>,除了滿足客戶提出的需求,更希望超越客戶的期望,讓產品更成功 </li>
<li><strong>更精準掌握專案時程與成本</strong>,提供客戶物超所值的服務,又同時能夠保有公司的利潤 </li>
</ul>
在新年的一開始,我們<a href="http://www.aja.com.tw/">新的網站</a>會上線,也加上了一些新的作品集,希望各界先進和朋友不吝給予批評指教。大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com1tag:blogger.com,1999:blog-7927582266419183207.post-56525790392313454702010-11-28T00:31:00.000-08:002013-05-06T01:06:56.213-07:00UI 設計外包答客問<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOARFRROKuJCZ0VDdhiuL9G4I51PBleS7wU73cwBRVkQU4ewXRHaaWFSaZekKO87AgtwHW4L5GwWdahsjbiuRffZ6C4HRXOx8i2TweJh48T6XtQdlA9ttOxUxzZqypUM7ExqtsWxTyoD9g/s1600/iStock_000013376019XSmall.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="319" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOARFRROKuJCZ0VDdhiuL9G4I51PBleS7wU73cwBRVkQU4ewXRHaaWFSaZekKO87AgtwHW4L5GwWdahsjbiuRffZ6C4HRXOx8i2TweJh48T6XtQdlA9ttOxUxzZqypUM7ExqtsWxTyoD9g/s320/iStock_000013376019XSmall.jpg" width="320" /></a></div>
<br />
<br />
<a name='more'></a>最近常常有客戶打電話來問本公司的服務內容,為了讓其他客戶也能夠對介面設計外包有多一些了解,特地整理了一份客戶最常問的問答集,希望對有外包 UI 需求的客戶有一些幫助。<br />
<br />
<h4>
介面設計外包有什麼好處?</h4>
介面設計外包的理由和好處,請看看我們的部落格文章「 <a href="http://aja-creative.blogspot.com/2010/07/ui.html">企業外包 UI 設計的五個理由</a>」。<br />
<h4>
介面設計服務到底包含哪些項目?</h4>
舉凡軟硬體的螢幕上可以看到的畫面,不管是哪一種作業系統或是什麼樣的裝置,只要是需要使用者與之互動的圖形化內容,包括版面配置、按鈕、動畫、轉場效果等,都是我們設計的範圍。除了視覺上的設計之外,我們能夠針對目標產品規劃或改善使用流程,讓產品的介面不但好看,更能夠貼近使用者的需求,進而提昇產品的質感與價值。更多資訊請參考 <a href="http://www.aja.com.tw/cht/design-service.html" target="_blank">服務項目</a><br />
<h4>
介面設計服務有包含程式設計嗎? </h4>
目前沒有。因為程式設計跟圖形化設計的屬性很不相同。圖形化設計著重在使用者經驗的優化與視覺呈現的效果。通常客戶端都有自己的 RD ,我們有很多跟程式整合的經驗並提供完整的規格文件,可以跟企業內部的 RD 合作無礙,讓設計與最終產品的結果一致。如果是 HTML 的 UI ,我們最後的產出會是 HTML 頁面和 CSS 範本,如此 RD 只要聚焦在功能本身,而不是視覺上的呈現。 <br />
如果您沒有自己的研發人員,我們也可以跟您指定的外包廠商合作開發,或是由我們幫您介紹合適的程式開發廠商。 <br />
<h4>
有包含網站 / 網頁的設計嗎? </h4>
基本上網頁 / 網站的設計並 <b>不包含</b> 在我們的服務項目中。但如果貴公司要外包的應用程式是 HTML UI ,就是我們的服務範圍。由於網頁 / 網站的設計的專業能力、執行方式與介面設計有很大的差異,所以還是建議您找專業的設計公司來設計貴公司的網站。當然,我們也可以介紹給您一些優良的網站設計合作廠商。 <br />
<h4>
價格怎麼算? </h4>
介面設計的費用沒有一定的標準,必須根據您要外包的專案內容來計價。通常跟以下的條件相關: <br />
<ul>
<li>是否有明確的規格書?如果沒有,則牽涉到規劃使用流程、繪製框架圖 (wireframe) 或專案管理的費用。 </li>
<li>專案的內容多寡。有些專案比較著重在視覺表現,有些則注重使用流程,有些 icon 很多,有些 layout 比較複雜。 </li>
<li>專案的專業程度。如果是比較特殊的使用者對象,則需要花比較多的時間在研究和改善使用者經驗,可能要進行使用者訪談與測試等,則需要額外的費用。 </li>
</ul>
所以在一開始,我們便會儘可能的蒐集相關資訊並依據實際需要產生的成本進行報價。通常一個應用程式的介面設計費可能從 15 萬到 50 萬不等,必須進行整體評估之後,才能進行報價。如果介面的內容一開始就有明確的數量可以計算,例如 icon 、頁面數量等,便可以用量化(圖形數量、小時、工作天等)的方式計價。如果數量難以估算,我們會依據我們的經驗,以順利完成整個專案為基礎進行報價。 <br />
我們也有一些客戶是採用年約的方式合作,如果客戶的專案量很穩定,需要能夠有長期配合的夥伴,我們可以根據案量配置適當的設計師人力,如此大予的設計師就像是客戶內部專屬的設計師一樣,無論是什麼專案,只要與介面設計相關,都能夠彈性運用內部的所有設計資源跟貴公司配合,並定期至貴公司參與相關會議。更多有關報價的方式,<a href="http://www.aja.com.tw/cht/about.html#contact" target="_blank"> 請與我們聯絡 </a> 。 <br />
<h4>
是否會在專案進行過程中追加費用? </h4>
我們知道產品開發的過程中,難免會有規格上的變動,因此在報價確認之後,我們可允許 10%~20% 幅度的修改,在這個範圍之內的設計變動,通常不會收取額外的費用。但如果變動的項目並未包含在原始報價的設計範圍內(例如新增功能模組),則另外針對新增的部份報價。 <br />
<h4>
一個專案要做多久? </h4>
跟報價一樣,需要看專案的大小與內容而定。如果不算報價確認之前的時間,通常一個小型的專案在一個月之內,我們就可以完成給圖作業。一個中型或大型的專案,可能就需要 2~3 個月才能完成。但根據我們的經驗,如果是一個全新的產品設計,通常我們給圖的進度都能夠符合程式開發的要求。如果可以的話,我們建議花多一點的時間在前期的規劃階段,包含需求確認、規格訂定、設計風格等,這些項目確認之後,後面給圖作業的速度也會相對加快。 <br />
<h4>
如果對設計不滿意可以改嗎? </h4>
可以的。我們相信如果客戶不滿意我們的設計,就表示一定還有改進的空間。我們在進行視覺提案時,會提供客戶兩個(含)以上的風格提案,如果沒有任何一個提案能夠符合客戶的要求,我們會再根據需求提出對應的設計。設計之初,我們會以使用者的角度出發,並基於對市場與競爭產品的觀察進行設計,我們希望第一次就做對、做好。 <br />
風格確認之後,我們會針對各個不同的頁面進行設計,此後就是針對細節修改,而不是風格上的變動,如此會使整個產品製作流程更順暢,也可以減少設計師與 RD 的資源浪費。 <br />
<h4>
設計出來的介面,會不會造成 RD 的負擔? </h4>
根據專案開發的平台 (Windows/Linux/iOS/Android) 我們了解程式的能力與限制,所以在設計介面時會予以考量。但是好的產品應該是由使用者經驗以及市場現況為出發點,而不是技術。所以我們會盡量先不讓一些框架侷限住,設計出使用者真正想要並符合市場需求的產品。然而我們也會考慮到實際的可行性,因為一個無法實現的設計是沒有任何價值的。在設計之前,我們會跟客戶的程式開發人員先溝通,了解開發的程式語言(平台)、檔案格式、功能限制、時間限制等。在使用者經驗與開發者之間有衝突時,我們會建議折衷的方法,讓產品可以順利產出,同時減少品質下降的風險。<br />
<h4>
介面設計的過程中,會提供哪些檔案或文件? </h4>
依據專案的設計範圍可能會提供以下的檔案或文件(依照產出順序): <br />
<ul>
<li>使用流程圖 (user flow) :主要呈現出產品介面的使用情境與路徑。 </li>
<li> 框線圖 (wireframe) :用於展現介面的資訊架構 (IA) ,以及每個畫面上應有的元件、控制項、按鈕等。視需求製作互動式的框線圖,可模擬實際操作的畫面包括導覽、動態、轉場等。</li>
<li>視覺設計手稿 (prototype/draft) :用於跟客戶溝通設計方向與概念。 </li>
<li>視覺提案簡報 (visual style proposal) :用於跟客戶進行主視覺風格提案的文件。 </li>
<li>頁面設計圖檔 (mockup) :針對產品各個不同的頁面進行視覺設計,與客戶確認頁面的設計細節。如果是動態的介面,則會提供模擬的動畫檔案(如 Flash) 。 </li>
<li>切圖圖檔 (image cutting) :提供介面元件的圖檔給研發人員整合到程式中,包含相關的狀態圖或反應圖。 </li>
<li>設計規格書 (design guideline) :一份定義出每個介面元件應如何正確整合在程式中的文件。包含圖檔座標、字型、顏色、大小、間距、角度等資訊。此規格書可用於後續程式維護與更新依據。 </li>
</ul>
<h4>
專案結束後,後續的改版或更新怎麼辦? </h4>
結案之後,我們提供設計的原始檔(通常是 .psd 或 .ai )檔給客戶,如果客戶內部有視覺設計人員,可以在這些檔案中找到原始設計的圖層,設計新的元件或或修改圖檔。如果沒有內部的美術人員,客戶可以把大予當做專屬的設計師,有設計的需求可以隨時跟我們指定的設計師聯絡(當然最好是以批次方式處理),我們會儘可能配合客戶的需求給圖。費用的部份則採用工時,以月結的方式請款。 大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-68414126186505650182010-09-27T00:38:00.001-07:002013-05-06T01:03:02.609-07:00iPad 使用者經驗設計指南中文版 (三) - 從 iPhone 到 iPad 應用程式如果您已經寫了 iPhone 應用程式,必須知道如何加以修改,以完全善用 iPad 的優勢。您對 iOS 有些熟悉了,相對修改程式也比較容易,但在使用者介面和使用者經驗上仍是一個挑戰。<br />
<strong>重要:</strong>iPhone 程式如果沒有修改,還是可以相容模式在 iPad 上執行。這樣雖然還是可以讓 iPad 使用者執行應用程式,但卻沒有給他們 iPad 特有的使用經驗。<br />
<a name='more'></a><br />
本章說明一些修改 iPhone 使用者介面的通用原則。相關的指南可參閱<a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadHIG/DesignGuidelines/DesignGuidelines.html#//apple_ref/doc/uid/TP40009446-CH3-SW3">《iPad 使用者經驗指南》</a>。有關將 iPhone 程式碼轉移至 iPad 的資訊,請參閱<em><a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadProgrammingGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40009370">《iPad 程式設計指南》</a></em>。<br />
<h4>
轉移 iPhone 應用程式的設計策略</h4>
修改 iPhone 應用程式的使用者介面和經驗,使其善用 iPad 大螢幕的優勢,滿足使用者預期的互動方式,是相當重要的。至於如何做,就跟您的 iPhone 程式的特性有關。<br />
<strong>遊戲和其他類似的 iPhone 應用程式</strong>在資訊架構上可能沒有太大的變化,因為它們是以體驗為主,而不是以資料為主。但是,遊戲一般來說需要大量的美術視覺和互動方式修改作業,以配合 iPad 的使用者經驗。在規劃遊戲修改的同時,請考慮以下事項:<br />
<ul>
<li>讓視覺設計儘可能保持高畫質是相當重要的。在 iPad 上,使用者會期望遊戲使用大量的視覺化,讓他們具有探索的空間。不要只是將圖形放大,相反地,要增加圖形的解析度並增加更多的細節,讓使用者可以沉浸在您的軟體中。</li>
<br />
<li>要確保視覺特效也是高畫質。清晰、精細、寫實的事件和動作可以加強使用者的情緒反應,並強化他們的感官刺激,進而融入在遊戲的情結中。</li>
<br />
<li>要研究各種讓使用者與應用程式互動的方式,但不要改變最基本的使用經驗。例如:<br /><ul>
<li>考慮加入多人遊戲的能力。</li>
<br />
<li>加入更多的視角,讓使用者看到更豐富的畫面、更多的控制功能(旋鈕、開關、按鍵)或更多自訂遊戲單元和玩法的方式。</li>
<br />
<li>在適當時支援多指觸控手勢,特別是有加入自訂控制的功能時。</li>
</ul>
</li>
</ul>
<strong>iPhone 生產應用程式</strong><br />則需要重新設計資訊架構,以豐富使用者介面並加強使用者經驗。在規劃修改生產應用程式時,請注意下列事項:<br />
<ul>
<li>盡量讓使用者在同一個畫面看到更多內容、執行更多工作。要避免讓使用者透過很多頁面才能完成工作。(相關方法請參閱<a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadHIG/DesignGuidelines/DesignGuidelines.html#//apple_ref/doc/uid/TP40009446-CH3-SW7">「資訊架構扁平化」</a>)。</li>
<li>使用者介面應該盡量簡單明瞭,以免使用者分心而無法完成工作,但不表示畫面就不能漂亮。即使使用者用這些生產應用程式來完成重要的工作,他們還是希望能夠享受 iPad 的使用經驗。可考慮使用符合主題的自訂元素,或者讓使用者操作的物件更寫實。另外也盡量以更動人的方式(像是以圖形來取代文字)來呈現資料。</li>
<li>提供更多與 iPad 互動的方式。在讓使用者聚焦在主要工作的同時,讓使用者看到更多資訊並加以控制也是不錯的方法。</li>
</ul>
<strong>工具程式</strong><br />也需要針對 iPad 進行優化,以善用大螢幕的優勢。由於不建議翻轉整個螢幕,許多工具程式都需要修改其互動模式。如果您現在已經有 iPhone 版的工具程式:<br />
<ul>
<li>考慮把數個 iPhone 的畫面結合在一個 iPad 的畫面上。</li>
<li>提供使用者更具深度的工作資訊。如果您的 iPhone 工具程式提供了內容的摘要檢視,您便可以讓使用者在同一個 iPad 畫面上看到更多的資訊。</li>
<li>讓使用者有更多與內容互動的方式。例如,讓使用者即時操作圖表、閱讀模擬資料,或自訂內容的詳細資訊。</li>
</ul>
無論您 iPhone 應用程式的類型是哪一種,請依循<a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadHIG/DesignGuidelines/DesignGuidelines.html#//apple_ref/doc/uid/TP40009446-CH3-SW3">《iPad 使用者經驗指南》</a>中的指示進行設計。<br />
<h4>
個案研究:從 iPhone 的郵件程式到 iPad 的郵件程式</h4>
「郵件」是 iPhone 內建的程式之一。多數使用者都喜歡它以清楚、直覺的方式來組織大量的資訊,不但使用方便,也很有彈性。<br />
<strong>圖 2-1 </strong>iPhone 上的郵件程式以一連串的畫面來展現電子郵件的功能<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHDezIrBEkJAXgOzzwYC9xZoh4JrE0-ywra_votyAgdkcMw1ZLIGetPAJJYeEBnY9tPU7My4fGzRjWGnWRrOhjkUnRBklNBqVyiMImlTjrgMnoCylurWIvbP2YBb2IZ_PthuhNGzq6rso/s1600/ds_mailscreens.png"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHDezIrBEkJAXgOzzwYC9xZoh4JrE0-ywra_votyAgdkcMw1ZLIGetPAJJYeEBnY9tPU7My4fGzRjWGnWRrOhjkUnRBklNBqVyiMImlTjrgMnoCylurWIvbP2YBb2IZ_PthuhNGzq6rso/s400/ds_mailscreens.png" style="display: block; float: none; margin-left: auto; margin-right: auto;" /></a><br />
iPad 上的郵件程式也提供了相同的核心功能,但修改了一些使用者經驗,包含: <br />
<ul>
<li>更多空間可顯示使用者的郵件訊息 </li>
<li>有意義的寫實風格 </li>
<li>功能強大的組織和編輯工具隨時可使用,卻不會感到壓迫 </li>
<li>以最低限度的修改,在一個集中的畫面提供了高度的視覺穩定性,讓使用者在同一個畫面找到所需的功能 </li>
</ul>
iPhone 和 iPad 上的「郵件」程式反映出兩個裝置的使用者經驗的差異。iPhone 上的「郵件」的設計是針對在排隊或行進中的行動使用者而設計。而 iPad 上的「郵件」雖然也是針對行動使用者而設計,但也鼓勵使用者進行更深度的操作。<br />
要注意的是,雖然 iPad 上的「郵件」程式的使用者經驗有特別設計過,但卻沒有改變使用者原本習慣的核心功能,也沒有改變太多個別功能的位置或效果。iPhone「郵件」使用者仍然可以輕易地識別 iPad 「郵件」程式上的工具列項目和郵件結構,並立即知道如何使用,因為他們基本上是相同的。<br />
為加強行動電子郵件的體驗,iPad 上的「郵件」程式主要以兩種方式來改善 iPhone 版的「郵件」程式:<br />
<strong>加強支援裝置閱讀方向。</strong>iPad 使用者可以從任何一邊執行「郵件」程式。雖然直向與橫向的版面配置不同,使用者還是可以從任何方向輕易地使用所有的功能。圖 2-2 顯示的是橫向的「郵件」程式;圖 2-3 顯示的是直向的「郵件」程式。<br />
<strong>圖 2-2 </strong>iPad 上的「郵件」程式從任何方向都可使用(橫向)<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdGvU5eEPVFSlGgsgQUsIHeTc6ymVaIS7nKJm-F-pW1-nkux_rydrhFq4ep9Sibvwl-sb8XUUrR5zP39RiEMqaZ-Ta7U2Yny3vELVWJ7YfPXjUsT2BKztxbidEhtkqg_ZJ-D8OGD6LUj4/s1600/land_mail_orientation.png"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdGvU5eEPVFSlGgsgQUsIHeTc6ymVaIS7nKJm-F-pW1-nkux_rydrhFq4ep9Sibvwl-sb8XUUrR5zP39RiEMqaZ-Ta7U2Yny3vELVWJ7YfPXjUsT2BKztxbidEhtkqg_ZJ-D8OGD6LUj4/s400/land_mail_orientation.png" style="display: block; float: none; margin-left: auto; margin-right: auto;" /></a><strong></strong><br />
<strong>焦點更集中在郵件內容</strong>。iPad 上的「郵件」程式將大部分的畫面都保留給目前郵件的內容。包括把工具列移到畫面上方,增加直向的空間來顯示訊息內容。有了額外的空間,使用者更閱讀更長的郵件內容而不需一直捲動畫面。當使用者檢視訊息列表時,仍然可以看到目前訊息大部分的內容。<br /><strong>圖 2-3 </strong>iPad 上的「郵件」程式把焦點放在訊息內容本身(直向)<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5y6-oaKfiulyhVAvCcrNKDZ6NP1sfMRgCy016I0qdeoiC-F38pqTzw1KPTt_M38yINMySNvrCvyGsHHh_QrghWmP_88x17x9mhzsiE6Ol8U-eVvIFW1t86-xcLBLPS1IRpd7DhyphenhyphenwXt8s/s1600/portrait_mail_orientation.png"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5y6-oaKfiulyhVAvCcrNKDZ6NP1sfMRgCy016I0qdeoiC-F38pqTzw1KPTt_M38yINMySNvrCvyGsHHh_QrghWmP_88x17x9mhzsiE6Ol8U-eVvIFW1t86-xcLBLPS1IRpd7DhyphenhyphenwXt8s/s400/portrait_mail_orientation.png" style="display: block; float: none; margin-left: auto; margin-right: auto;" /></a><strong></strong><br />
<strong>架構扁平化</strong>。iPad 上的「郵件」程式把原本的帳戶 > 信箱 > 訊息列表 > 訊息的架構打平成一個單獨的 UI 元素。在橫式檢視下,這個元素就是分割檢視左邊的窗格(如圖 2-2 所示);在直式檢視下,這個元素便是彈跳視窗(如圖 2-3 所示)。 <br />
<strong>大量減少全螢幕的轉場動畫</strong>。由於多數的架構都在單一畫面呈現,使用者可以在同一畫面找到多數想要的資訊。使用者瀏覽資訊時,是在分割檢視或彈跳視窗中完成,而非整個畫面。<br />
<strong>寫實的訊息內容</strong>。當使用者標示刪除某個訊息時,會將郵件內容轉換成以像是真實的紙張的方式呈現。當使用者選擇要刪除更多郵件時,郵件會疊成一疊紙的樣子,不規則地排列,如圖 2-4。<br />
<strong>圖 2-4 </strong>在編輯模式下,iPad 的「郵件」程式以一疊紙的方式顯示標示為要刪除的郵件<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7N22PmHRtaQwF2puso3lXXFmRibJXDRMKAgqHHM8P0gH1jggojMSLcOPd18ul2Zlk6WX5HGELCTJubatyp2tVIOAj-Tj-3bpyHdH1oFETceSShe5lVC5Nf9QI8qXZ5A-DyK6_6y-krp8/s1600/realistic_stack.png"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7N22PmHRtaQwF2puso3lXXFmRibJXDRMKAgqHHM8P0gH1jggojMSLcOPd18ul2Zlk6WX5HGELCTJubatyp2tVIOAj-Tj-3bpyHdH1oFETceSShe5lVC5Nf9QI8qXZ5A-DyK6_6y-krp8/s400/realistic_stack.png" style="display: block; float: none; margin-left: auto; margin-right: auto;" /></a>大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0tag:blogger.com,1999:blog-7927582266419183207.post-5700579749933013972010-09-27T00:36:00.001-07:002013-05-06T01:08:17.215-07:00iPad 使用者經驗設計指南中文版 (二) - iPad 主要功能與特性iPad 執行的是 iOS 3.2,所以 iPad 應用程式使用了許多與 iPhone 應用程式相同的 UIKit 檢視模式 (views) 和控制項 (controls)。因此,您在 iPhone 應用程式開發(以及<a href="http://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html#//apple_ref/doc/uid/TP40006556">《iPhone 人機介面指南》</a>)的經驗便很有幫助。<br />
在這個基礎上,iPad 更提供了比 iPhone 更新且截然不同的使用者經驗。無論是它的大螢幕或是吸引人的介面,iPad 都提供了一個創造新一代應用程式的好機會。<br />
請務必從開發的過程中騰出一些時間來吸收 iPad 使用者經驗相關的知識,並加以發揚光大設計出令人驚艷的 iPad 程式。<br />
<a name='more'></a><br />
<h4>
iPad 裝置的特性</h4>
由於 iPad 獨有的特性,因此對您應用程式的使用者介面有很大的影響:<br />
<ul>
<li>1024 x 768 像素的大尺寸畫面。 </li>
<li>沒有預設的使用方向(在螢幕的任一邊都可操作)。 </li>
<li>使用者可以連接外部鍵盤來代替螢幕上的鍵盤。 </li>
<li>使用者可以架起 (dock) 螢幕。 </li>
</ul>
請注意 iPad 和 iPhone 都具備以下特性:<br />
<ul>
<li>記憶體有限。 </li>
<li>一次只執行一個應用程式。 </li>
<li>偏好設定都放在「設定」應用程式中。 </li>
<li>裝置的方向是可變的。 </li>
<li>盡量減少或簡化螢幕上的使用說明。 </li>
<li>應用程式皆使用觸控手勢操作,而不用滑鼠。 </li>
<li>可執行原生、web 或兩者混和的軟體。 </li>
<li>圖形採用標準的 24 位元色(紅、綠、藍各 8 位元),加上一個 8 位元的 alpha channel(透明)。一般建議使用 PNG 的圖檔格式。 </li>
</ul>
<h4>
新的 UI 元素和行為</h4>
在 iOS 3.2 中的 UIKit 包含了一些新的 UI 元素,並針對之前版本的少數元素定義了新的行為:<br />
<ul>
<li><strong>分割檢視 (Split views)</strong>。 <br />
這是 iPad 獨有的元素,用以同時在螢幕上顯示一個以上的窗格,例如以一對多 (master-detail) 或清單列表的方式來呈現資料的時機。分割檢視是 iPad 應用程式中常見的組織化工具,因為它可以幫助您將資訊架構扁平化。如需更多關於使用分割檢視的方法,請閱讀<a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadHIG/DesignGuidelines/DesignGuidelines.html#//apple_ref/doc/uid/TP40009446-CH3-SW3">《iPad 使用者經驗指南》</a>。有關用法的說明,請參閱<a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadHIG/UIElements/UIElements.html#//apple_ref/doc/uid/TP40009446-CH6-SW1">「分割檢視」</a>。<br />
</li>
<li><strong>彈跳視窗 (Popover)</strong>. <br />
您可以用這個 iPad 獨有的元素來暫時顯示與主畫面中的內容相關的額外資訊、控制項或選項。彈跳視窗主要的好處在於它可以把一些不需要一直出現在主畫面中的資訊或選項放進來。如需更多關於使用彈跳視窗的方法,請閱讀<a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadHIG/DesignGuidelines/DesignGuidelines.html#//apple_ref/doc/uid/TP40009446-CH3-SW9">「在 Modal 任務中使用彈跳視窗」</a>。有關用法的說明,請參閱<a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadHIG/UIElements/UIElements.html#//apple_ref/doc/uid/TP40009446-CH6-SW2">「彈跳視窗」</a></li>
<li><strong>結果清單按鈕</strong>。您可使用這個系統內建的按鈕來顯示搜尋列的搜尋結果。(有關用法的說明,請參閱<a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadHIG/UIElements/UIElements.html#//apple_ref/doc/uid/TP40009446-CH6-SW6">「搜尋列」</a>)。</li>
<li><strong>Modal 檢視具有新的呈現風格</strong>。可以使用的風格包括全螢幕、部分螢幕以及表單來呈現 modal 介面,來配合您應用程式的使用者經驗和視覺設計。有關用法的說明,請參閱<a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadHIG/UIElements/UIElements.html#//apple_ref/doc/uid/TP40009446-CH6-SW3">「Modal 檢視」</a>。)</li>
<li><strong>工具列可以放在其他的位置</strong>。您可以將工具列放在畫面的上方或下方,也可以在分割檢視或彈跳視窗中使用工具列。(有關用法的說明,請參閱<a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadHIG/UIElements/UIElements.html#//apple_ref/doc/uid/TP40009446-CH6-SW4">「工具列」</a>。)</li>
<li><strong>編輯選單可顯示自訂項目</strong>。(有關用法的說明,請參閱<a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadHIG/UIElements/UIElements.html#//apple_ref/doc/uid/TP40009446-CH6-SW5">「編輯選單項目」</a>。)</li>
<li><strong>鍵盤可以客製化</strong>。您可以用自製的按鈕來替換系統內建的鍵盤畫面。(有關用法的說明,請參閱<a href="http://developer.apple.com/library/ios/documentation/General/Conceptual/iPadHIG/UIElements/UIElements.html#//apple_ref/doc/uid/TP40009446-CH6-SW7">「鍵盤客製化」</a>。)</li>
<li><strong>鍵盤可以包含自訂的輸入模式</strong>。您可以提供自製的輔助鍵盤控制,讓使用者可以點選以輸入應用程式定義的內容。</li>
<li><strong>自訂的文字內容支援多種風格並提供進階編輯功能</strong>。可提供文書處理能力並支援拼字檢查和文字輸入自動完成。</li>
</ul>
大予創意 (設計諮詢與 UX/UI 設計服務)http://www.blogger.com/profile/01954831439469137264noreply@blogger.com0