September 2011
3 posts
1 tag
Patternry Blog: 20+ articles on why and how to use... →
patternry:
In this blog post I share with you the best articles, blog posts and presentations that discuss why you should use UI design patterns, how to build pattern libraries, and how to use patterns in everyday work. If you are not familiar with the concept of UI design patterns, start by reading “…
UX Mining: [書摘] Simple and Usable →
uxkid:
節錄自 Character
Simplicity does not mean want or poverty. It does not mean the absence of any decor, or absolute nudity. It only means that the decor should belong intimately to the design proper, and that anything foreign to it should be taken away.
—Paul Jacques Grillo (Form, Function and…
3 tags
使用性測試整理
使用性測試方法介紹
View more presentations from iNSIGHT UXLab
牛頓：如果我看得更遠，是因為站在巨人的肩膀上
這次去Ux夏日聚，很多演講的內容都能搭配上之前的一些經驗，很多觀念和想法就這樣突然通了。以下是一些整理
使用性測試 前期
1. Focus on primary user
2. 利用行為特徵與問卷來篩選使用者
交大課程上阿德的方式，主要是利用訪談和親和圖的方式，來產生使用者檔案(Persona)再利用產出的使用者檔案為依據來篩選，篩選的方式有問卷、也有直接依靠使用者特性找人。
好處是過程中較能夠了解各類的使用者的特性，因為有先做了Persona。Persona也可以被視作一個研究的產出。但缺點就是相比起來比較耗時(很耗時)。
比較快速的方式，可以利用分享中所提供的，先以Focus...
August 2011
4 posts
10 Lessons for Young Designers
from John C Jay
1. Be authentic. The most powerful asset you have is your individuality, what makes you unique. It’s time to stop listening to others on what you should do.
做真實的自己，獨特的個性才是自己最強大的資本，不要聽從別人安排你該做什麼。
2. Work harder than anyone else and you will always benefit from the effort.
要比別人更努力，最終總會有收穫。
3. Get off the computer and connect with real people and culture. Life is...
1 tag
無用的社會觀察 3：體驗音樂
音樂是一個產品，但聽音樂、感受音樂卻是一種體驗。
“在唱片行靠著封面照片，去想樣這張專輯聽起來是怎麼樣子。
我說這是一種絕佳的享受，我常常一個人在誠品音樂館裡面閒晃，在那樣一個輕鬆的地點與時空中，有很多次因為的一個封面，一段短文的介紹，我就想買了那張專輯，那種感覺是一種音樂的冒險，想拆開塑膠膜進入這張唱片的森林當中。在一張專輯10首歌以外，唱片、唱片行提供的更是一整個享受音樂、感受音樂的體驗。MP3、iTune，科技將音樂、唱片引領到另一個世代，但或許在這樣的一個過程當中，它抹煞了某些音樂的體驗。對我感覺完全不相同的兩種體驗
一、
一首好的歌，在Youtube前我花30秒確認 I like it，在花3秒將他加入我的播放清單，在之後的30天中，他很可能的在我電腦環繞。這是我聽一首歌的過程。
二、
...
The User Experience of a UX Job Interview
The User Experience of a UX Job Interview
你是一個使用者經驗設計師，這意味者你使得東西變更好，你改善流程，增加使用性並且找到最佳解使使用者操作起來直覺且輕鬆，那你曾經想過運用這些UX設計流程的原則在尋找你下一份工作嗎?運用對的方式，你可以研究並設計一個最好的面試經驗，運用在你下一家想要加入的公司。
1.Research the hiring company’s environment，characteristics and motivations
...
“People often resist attempt at motivation, but human naturally love simplicity”
– B.J. Fogg
July 2011
9 posts
5 rules for creating great presentations
Treat your audience as King
讓聽眾知道他們需要知道的一切。
要有邏輯，架構，一個聽眾能接受的架構
Spread ideas and move people
簡報不是用來傳達資料，而是用來說服聽眾
Help them see what you are saying
Practice design not decoration
所以呢、重點是
思考為什麼這張要放在你的簡報裡!
保持簡單
在你的簡報中，如果您的聽眾只能夠記住3件事，您希望這3件事會是什麼呢？
Cultivate healthy relationships
最後請放下Power point，嘗試透過用紙跟筆來規劃
1 tag
HPX24_那些關於人你該知道的事
Hpx24，那些關於人你該知道的事 View more presentations from Iron
“「想」和「思考」是兩件事。「想」像塗鴉，「思考」則像素描。抱著「想要了解事物本質」的目的，為了察知本質不斷反覆進行那是什麼？的推理，這個過程稱之為「思考」”
– 松浦彌太郎
“「消費者」與「使用者」最大的不同是：「消費者」是「獲得」產品或服務的功效（在這裡當成利益沒有關係）。而「使用者」的行為是建立在產品或是服務之中，但不直接討論如何獲...”
– 摘錄自-物件化原型:設計師的行銷語言與讀經典書籍 (via uxkid)
1 tag
1 tag
“The term ‘satisficing’ was combined the words ‘satisfy’ and ‘suffice’.”
– Herbert Simon
June 2011
3 posts
UX Mining: [Design Resource] What color you should... →
uxkid:
最近在網路上看到兩個很好的設計資源，可以提供在網頁或是行動應用上的介面設計的配色參考．
[colorapi]
該為怎樣的配色參考而傷透腦筋嗎?colorapi利用直覺的方式，只要透過你所輸入的關鍵字，就會找出相關的照片(從fliker)以及他的色票檔案，提供你設計時作為一條明路．這個idea真的很棒，因為通常要選定主題色就會傷透腦筋，透過關鍵字搜尋主題，就可以找到相對應的顏色，甚至情緒上的字眼也可以作為參考．
剛稍微想了一下，如果這網站能夠加上主要顏色的統計，或許能更加掌握大眾色彩的看法；另外，社群上的照片也可以容納到資料庫中或許會更豐富．
電腦玩物…
1 tag
無用的社會觀察 2：簽唱會上的人手一機
這是一個每一個人都可以快速產生很多內容(Content)的時代，要拜智慧型手機所賜。這是一個人與人的距離，開始由兩種混和評估而成的時代，實際的距離和數位的距離，這都要拜社群網路所賜
管你是不是粉絲，隨手一機來錄影
目標：臨時起意，隨意觀察
觀察人地點與時間：正午兩點左右、台北車站前鄧福如簽唱會
實際觀察
現場估計有40個左右錄影的人，有手機和相機的人比例大概一比一，但手機的人看似較多一點，用手機錄影的人，大部分都使用智慧型手機大概九成，普通手機大概一兩隻，大部分人採用單手橫式進行手機錄影。有部分錄影的人，只是路過駐足，但因為覺得不錯就留下來，進而錄個影。
小結：使用者隨時都可產生具有一定品質的數位內容，並且因為智慧型手機這種機會可能是隨機出現。
現場感想
...
May 2011
15 posts
1 tag
What is HCI
Human-computer interaction is a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them.
Design、Evaluation、Implementation 三個方面，縱然有時候會從某一個角度去切入，但給自己一個警惕三個方面缺一不可
2 tags
[100 things]#52 — People Create Mental Models
原文出處：100 Things You Should Know About People: #52: People Create Mental Models
想像你從來沒見過一台iPad，但是我給了你一台，並告訴你你可以在上面瀏覽書籍，在你打開iPad之前，在你使用之前，腦袋裡會有一個模式，在iPad上看書應該是什麼的一個樣子。你會有一個假設，這些書籍在iPad的螢幕上會是什麼樣子，有什麼事是你可能可以做的，然後你將如何做這些事，像是翻頁、利用書籤，你會有一個在iPad上閱讀的心智模型(Mental...
3 tags
[演講感想]了解你與使用者間的代溝:學習人機互動以設計更”人性化”的互動介面
這次主要分享之前在交大資工聽Ptt HCI版版主Stanley演講得一些感想，演講的題目為 了解你與使用者間的代溝:學習人機互動以設計更”人性化”的互動介面。
Stanley提出以下四個重點
Understand human nature
Under the gap between tech&human
Focus on user & context
Iterative design test、test、test
本文主要說的是第一點 Understand human nature，我們常常說要了解使用者專注在使用者身身上，了解他們想要什麼(Goal、Motivation、Need、Requirement)，但更根本的我們應該從了解使用者本身(What is the human)開始，或許也就是這邊所說的(Human nature)人性。
...
不推不行
0504 互動設計
0515 UiGathering Talk - Interaction Design by Stanley
View more presentations from Armuro Chang
0515 UiGathering Talk - Mobile App by Angel Wu View more presentations from uigathering
1 tag
[100 things]#51 — You React to Color Based on Your...
Susan Weinschenk是一位應用心理學博士(更多介紹)，之前就有看過他的網站中介紹了”100 things you should know about people”系列文章，用心理學的角度來解析人們如何思考，作業與協同，寫得相當有見地且對於設計師有很大的幫助，因此UxMap將會陸續翻譯這系列的文章，首先是#51 — You React to Color Based on Your Culture
原文出處
...
清大畢舞影片三部曲_幸福呢?
清大畢舞的宣傳影片 總共有以下三篇
一、
第一篇，幸福需要付出
第一音樂選的真的很不錯，人聲也剛好搭配對話的結束然後開始。相對於其他幾兩篇，這邊我覺得最有特色的是角色的魅力(演技?)，女主角的ㄏㄚˊ，跟最後的笑，映襯男主角一路的平淡。串出了一個我覺得挺有魅力的影片。
第二篇，幸福需要觸電的感覺
比起其他兩篇這一片運用的元素多很多，音樂的數量和轉場，但反而沒有一個一致的風格。找不到重點。一開始觸電的那個搞笑的梗我覺得很不錯，以回到影片的主張幸福需要觸電的感覺，如果是我我會用唯美中的會心一笑去貫串，而不是主打搞笑。
三、
第三篇 幸福需要真心
...
Jason de Runa's Blog: Interviewing Designers →
uxkid:
jasonderuna:
There is a ton of information online on interviewing product designers. The common traits you see are good collaborators, adaptive, and a figure it out attitude. After reflecting on my past interview experiences and conducting interviews recently, I want to add to the discussion and share what I…
寫得不錯，面試一個設計師可以有以下面相來看待這一位人：
1.看他的Blog, 瞭解他設計思維與溝通
2.看他們有沒有思考工具(thinking...
1 tag
Week 8. Interpret & analysis the research data
Inside Note：
在處理資料的最後將結果用Inside Note的方式用List的方式整理出來 (不包括Flow、Cultural)
最後可以再利用Affinity Diagram去將他整理成一個圖表
Interpret & Analysis：
Five Work Model
五種分析數據的方法
List(Matrix) 、Profile、Narrative(敘述、故事描述)、Chart(Model)、Detail
整理質化的資料很常會用Diagram、List、Matrix
必須使其他的團隊加入，他們才看得懂你的數據
Flow Model (不同的Task，列成Task List or Task Hierarchy)，藉由此發現最重要的Task獲最會發生問題的，對這種Task做Sequence Model。(設定成Primary Task)
...
1 tag
阿德資源
阿德資源
Social Filtering：
Social Network and Social Information Filtering on digg 2006
1 tag
Signifiers & Affordances
Signifiers, not affordances
Affordance
perceived affordance (Signifiers)
人對物體所感知到的資訊
actual affordance (Affordance)
物體本身的屬性
Example：
一個很像椅子的東西，你看起來可以做(這邊透漏的就是一個Signifiers)，但真實上(Affordance)可不可以做就是另一回事
2 tags
東吳大學使用者經驗研討會心得
許尚華教授：
User experience = utility+usability+efficiency+affection
使用者容易放棄操作，如果你沒有基本的usability都沒有，使用者可能連用的機會都不給你，更別提什麼experience。
淘寶網(天宏)：
講者很帥，看起來很年輕，更重要的是，他很會說好故事。
User experience或許不只是做，也可以傳達概念給客戶知道。也是一個正面的效應，企業有在為顧客想。
淘寶網有很多特別的口號，術語(淘你喜歡、淘!我喜歡)很有企業特色
一句話貫穿了解使用者，在複雜的訊息當中找到核心。
視覺設計掌控的原則，(色彩、風格、情感因素)
Yam (邱)：
講者很帥，簡報風格我覺得很好，依然重要的是，他很會說好故事。
They don’t care you design
...
1 tag
New York Alicia Keys
Oooh oooh, New York Oooh oooh, New York Grew up in a town, That is famous as a place of movie scenes Noise is always loud There are sirenes all around And the streets are mean If I could make it here I could make it anywhere That’s what they say Seeing my face in lights Or my name in marquees found down Broadway Even if it ain’t all it seems I got a pocketful of dreams Baby,...
期中Project修改方向
Affinity 標題不適。 下次要注意
使用者分類利用矩陣方式陳列 以修正
給予Persona Label為她取個名 分類可能要再詳細思考
Design Diary，選擇要探討的Activity Theory的範疇 小部修正，詳細需再思考
Focus已知資訊，未知資訊。 未修正，需要再研究MindM，或補訪談。
Scenario可利用Activity Theory來架構 小修正，需要再只是描述。
在設定清楚，什麼事詳細的研究範疇。 小修正，但不確定是否範疇仍然太大
另外Persona的分別，自己必須在用的明確一點。
April 2011
14 posts
2 tags
社會化媒體與社交網絡
5 Differences Between Social Media and Social Networking
1.By any Definition
Social media is a way to transmit, or share information with a broad audience
重點在傳播與分享訊息
Social networking is an act of engagement
Build relationships through community
2.Communication Style
Social media 類似一個交流頻道，不像是一個特定拜訪的地點
Social networking 溝通是兩向的，Conversation是Social...
1 tag
Boomerang
The fire was out But then the phone rang. And all of the heat came back again. As much as i try You’re hard to resist All that it takes is just one kiss And I putty in your hands I’m under your spell You send me spinning You pull me in close,You throw me away I keep coming back like a boomerang. You tell me to go,You beg me to stay. I keep coming back like a boomerang Around,...
2 tags
高盛評級報告：新浪微博價值幾何 小摘
高盛評級報告：新浪微博價值幾何
社群網絡(類FB) Vs 社會化媒體(類Twitter)
社會化媒體：用戶之間的信息分發平台。
類Twitter的社會化媒體
哈佛商業評論的報導，Twitter最活躍的10%的人產生90%的推，而在社交媒體當中這10%的人只生產30%的內容。
Twitter的有效用戶很少2009年17% 2007年高達70%
微博的社交互動很少
微博成為淺層的社交網絡
微博朝向社交網絡的關鍵問題
超越社交媒體，突破一對多的溝通渠道
滿足不同的用戶層次與用戶興趣?
社交網絡按照使用者的參與水平排列
社交網絡上用戶的參與水平的三個要素
用戶的關係類型
用戶的聯絡目的
交互信息的數量與質量
Ex：Msn 高參與水平
社交媒體與社交網絡僅有一線之隔
微博你對內容有興趣，45度的仰角
FB你對他有興趣
促進微博用戶的參與與互動
...
1 tag
Week 7. Site Visit
基本大綱
至少兩人為佳
任務完成後再進行問話，不要打斷
Be flexible
實際上筆記可以寫更多，事後才不會後悔
PP.247
竟量一次就把該確認的事都確認好。(細節!!!)
地點問題，事前確認訪談者，儀器問題(避免顯露不專業的感覺)
分工和場部規劃要事先先用好
小結：細節展現態度
事先了解使用者：筆記
P.247頁
訪談前便先對環境做初步的紀錄，拍照
有無便利貼 (工作環境的輔助工具)
空間大小 (影響工作環境中工的運作與選擇)
工作過程 (工作特質、工作情形)
了解使用者目標
試圖創造並階層化他們的目標
跟使用者確認自己的理解是否正確
修正的部分，幾乎都是修改Subgoal
Who else benefits?
不能預設其他人永遠部會使用或接受這個Divice
背後的原因才是重要的 Laddering
了解使用者任務
...
2 tags
文化探針筆記
文化探針 Culture Probe=Culture+ Probe
“文化” 有使用者所記錄的生活事件中，以及所談論的意見與看法，來看背後的成因與影響力，甚至呈現更高層次的個人價值與抽象的感受。
探針
文化探針，主要是利用工具包裡的媒材與工具，刺激參與者去思考的方式，來激發使用者表達生活中的感觸，並對於特定事物的看法與觀點進行反思。
1 tag
伏特加調酒 →
http://enjoyer.pixnet.net/blog/post/21955991
1 tag
Week 5. How to begin the project
Project 提點
Activity Theory 金字塔的圖
發想一個問題架構的參考
五個Model的產出
Flow, Artifact, Sequence, Culture, Physical
Design Diary 從產生對應Activity Theory看要如何設計問題、觀察什麼東西
(Field Visit)
Artifact Model Layout、Color
Physical Model 照片
導讀
Contextual Inquiry
第一步Choose Issue and Objective
六個面向去確認Issue & Objective
討論、使用者檔案、Focus Group、Usability Testing
確認人數、範疇、那種類型、討論參與者
兩種確認訪談對象的方法
Marketing 討論
利用User...
1 tag
Week 4. Work model
Develop Goal Triggerèintentèaction
找Goal的方式
藉由找文獻或市調資料先找到Goal
Stakeholder 從不同的面向的看Goal
Marketing、Design、
最後訪談User確認產品的Goa、Sub goal
剔除不關注的Subgoal，確認Main Goal和關注的Subgoal。
Research Question 將Goal訴說一個簡單的問題
=====================================================================
Initial Stage 重要的兩點
Persona、Goal
##有一點重要的點、Persona是如何切出來的，切入點
(是不是在一個水平面(Dimension)上) Or 切很多不同的軸面、只取最重要的人(Primary...
1 tag
Week 3.Problem definition & level of user
藉由觀察的結果，反而推測為什麼對結果的採用與不採用。
=============
What dimensions influence the user the most
用怎樣的面向去分User (Profile，Lifestyle、Motivation、Artifact)
=============
形成一個模糊的Goal，去尋找User profile，進行觀察之後再確定Goal是否正確
找到Goal中的Trigger
Working hour and leisure hour上不同的表現不同的目標，為什麼她會選擇不同的方式，What is the Trigger
Contextual Design視作是一個生態，partial or fully
Trade off 考量與選擇，Based on something 創意是天賦 基本是功夫
環境下、如何工作 外在環境...
1 tag
Week 2.Designing for Collaboration and...
Designing for Collaboration and Communication
溝通與協同的社會機制 三種不同的Social Mechanism
對話機制
互動方式
肢體語言
成對式 約時間 一問一答
修復式 問路(強調) 修正式的
克服距離的阻隔(促進對話機制)
協同機制
一群人互動
口語非口語
進度、規則
外部化形式(格式、表格)
覺察機制 (暗示你該做些事了)
暗示
需要推測才知道溝通的最佳機制
旁聽與測視 (無意間的獲取)
Context Framework
實地觀察
每天的生活情境
語言行動架構
分佈認知
Functional organ & distribute cognition
Functional organ Action & Operation...
1 tag
Week 1.Gather customer data
剛出現的時候 不太確定它的效果 量化研究(實驗研究)
逐漸成熟Stable 質化研究 (為下一波的量化研究做準備)
設計流程水瀑式的分析 設計 發展 應用(Implementation) 評估
Requirement Analysis expands to the tech chain
Analysis Evaluation質化&量化
Five stages
Analysis stage
Design stage
Development stage
Implementation stage
Evaluation stage
Short-term effect，Long-term effect的效果
Long-term>Short-term
例子:Visual metaphor
短期的時候有兩種mental afford...
2 tags
Activity Theory And Context Based Design
Activity Theory And Context Based Design View more presentations from chienta
1 tag
文化探針另一網站 →
http://www.alistapart.com/articles/
1 tag
Usabilitybok 文化探針 →
http://www.usabilitybok.org/
March 2011
3 posts
1 tag
Who you are
[Verse 1:] I stare at my reflection in the mirror… Why am I doing this to myself? Losing my mind on a tiny error, I nearly left the real me on the shelf… “No, no, no, no… “ [Chorus:] Don’t lose it all in the blur of the stars! Seeing is deceiving, dreaming is believing, It’s okay not to be okay… Sometimes it’s hard, to follow your heart....
1 tag
