學習足跡

2012年10月18日 星期四

2012年10月15日 星期一

使用者經驗設計讀後心得

原文:
使用者經驗設計:(1)UX design 的過去
使用者經驗設計:(2)UX design 的極致挑戰
使用者經驗設計:(3)UX design 的理想與現實


原文轉錄:


「視覺與版面設計」的最基本要求是:讓使用者一眼就知道這一頁裡有哪些資訊?哪些是他要的?哪些是他不要的?

「路徑設計」的最基本要求是:讓使用者一眼就知道他可以往哪些網頁移動,而他下一步想讀的資訊剛好就在這些選項中(最小路徑設計)。但是要做好這工作,你必須了解使用者在每一個情境(網頁)裡可能會想要做哪些事。因此,你不能再止於視覺設計與認知心理學,你必須要知道「目標使用群」在你所預想到的「使用情境」裡可能會有的各種使用需求。

  我覺得「最小路徑設計」是UX一個很核心且重要的概念,在設計網頁的時候你都必需要去定義你在這個網頁,你想要給看網頁的使用者看到什麼樣的資訊,而且要猜測使用者來你的網頁,他想要看到什麼樣的資訊(他想要做哪些事情),設定義的情境與大部分使用者想看到的情境是非常類似的,那麼你網站的設計就算是成功了;如果網頁全部的資訊都是使用者想要看的,那麼不管你UI做的多爛,你的網站也算是成功的。

  只是要做的網頁中的所有資訊都是使用者想要的是非常困難的,你必需要知道每個使用者的喜好,且每個使用者的喜好都會不同,所以等於你要替每一位使用者去客製化他自己的網頁,只是這樣的成本太高了,所以才會讓網頁UI/UX的設計要求,能夠大部分都符合大多數人的需求,所以做UI/UX之前,要知道自己網站目標客群「使用情境」的需求,才不會讓自己的網站空有內容卻雜亂無章。

「使用者需求」是很古老的概念,業界用「市場調查」了解客戶想要的產品特性,也通過售後服務與調查瞭解客戶的抱怨,然後據此定義出一個新產品所需要擁有的正面特性和必須排除的負面特性。但是 UX 所面對的問題複雜度遠遠超過傳統電子產品或汽車等產品,只要想一想一個網站的規劃就可以知道。

想像你要規劃一個「台灣民宿入口網站」,你如何讓使用者一進入首頁都相信他要的資訊你這網站都有,而且很容易搜尋?或者,至少讓她隨便逛兩分鐘,試過數個網頁後就建立起信心?回憶一下你過去搜尋民宿的痛苦經驗,就知道所有相關的入口網站對使用者在各個搜尋階段的需要多麼地無知(或毫不關心)──它老是給你一大堆你不要的資訊,卻不給你妳要的資訊;你經常在一個網站裡浪費一整個小時,卻根本就不知道這網站裡有哪些資訊,沒哪些資訊。

  好的UI就是要能夠在短短的1~2分鐘之內,能夠引導使用者知道你的網站葫蘆裡是在賣什麼藥,而且要讓使用者很快的找到他想要買的藥,否則你的藥再怎麼適合他,他沒找到你沒賣出去,都是一個失敗的生意。現在網站那麼多使用者事沒辦法像以前一樣,那麼有耐心的一頁一頁慢慢的翻找網站找出他想要看到的資訊,所以現在好的UI/UX才會讓我們這麼的重視。

海賊王教我們的事




夢想


魯夫的「我要成為海賊王」宣言給了我夢想,讓我知道要相信只要自己能夠堅持下去,自己也能夠完成偉大的事情

友情

 
魯夫視夥伴如己出,相信自己的夥伴,努力保護自己的夥伴,讓我學會要珍惜自己重視的每一段友誼,不只要知道如何珍惜它,也要讓自己能力變強到足夠去保護它

果決


魯夫對於事情都能果斷判斷的去執行,樂觀接受結果,讓我知道要果斷的把握每一次的機會,且不管結果好壞,都要有勇氣的去接受它

勇氣


魯夫到每個島嶼的每一段冒險給了我勇氣,讓我知道面對各種不同的困境,要試著努力去解決它,而不是逃避事情,沒有面對事情的勇氣,事情是不會被解決的。

樂觀


魯夫不管面對任何事情,即便是死亡,也能夠開心的去享受任何事情的結果,讓我知道面對任何不開心事情都要學會放下,否則自己會被後悔及自責吞噬,不要去想自己失去了什麼,而是要想自己擁有什麼。

自省


魯夫在頂上戰爭失敗後,與夥伴緩下腳步努力修練了兩年,讓我學會面對自己無法勝任的事情,就是要承認自己能力不足,才能知道自己要改善哪方面的能力,而不是不承認自己的失敗,活在自己的世界中,要跳高之前要學會如何蹲下,蹲得越低才能跳得越高

2012年10月5日 星期五

Sublime - 跨平台的文字編輯器

官方資源

官方網站


Sublime Text 2 documentation index



Sublime Text Unofficial Documentation



Sublime Text 手冊


教學與介紹影片:

Perfect Workflow in Sublime Text 2


https://tutsplus.com/course/improve-workflow-in-sublime-text-2/

jQuery網頁特效整理


  • Roundabout
  • Carousel
  • accordion
  • Fisheye


Pad網頁事件設計


手指點選事件(原文):touchstart


範例:



手指滑動事件:touchmove


範例:



手指結束滑動點選事件:touchend


範例:





綜合範例(手勢事件):