嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

講到移動設備的轉場設計，我們先來看看移動設備。 移動設備有三個主要的特點：

1. 屏幕小，相對于普通的PC來看移動設備的屏幕相對要小很多。

2. 使用環境多變，由于移動設備便攜的特點我們會在各種環境中使用。

3. 由于屏幕小一次展示的內容少加上各種不穩定操作環境，軟件上有簡單易學易于操作的特性

回到正題來看轉場 說到“轉場”一般都會想到電影和PPT里面的轉場，

下面來看轉場在這兩個領域的定位和作用

隨著互聯網信息爆炸式增長，用戶瀏覽單個網頁時，并不像我們想象的如閱讀文章般從左到右、從上倒下逐一查看，為什么？

一、 視覺層級為什么重要

左側是設計師期望用戶的瀏覽方式，右側為用戶實際的瀏覽方式—摘自《Don’t make me think》

用戶來到一個網站有他自己特定的目標，如閱讀新聞、購物、查看新消息，然而信息量太大，逐一查看需要大量時間，這就要求網站能抓住主流用戶特征，將重點推送給他，用戶找到自己的目標或感興趣的點，才有可能繼續瀏覽或產生下一步動作，否則就會離開。

用戶時間有限加上互聯網信息量巨大，這兩項原因正是考驗視覺設計師要建立良好的視覺層級呈現給用戶，幫助用戶快速找到目標的功力。

總結一下，建立有效的視覺層級主要從以下四個方面著手：

1、簡約： 有選擇的展現信息，讓用戶在有限的信息中發現重點

2、組織： 預先對信息進行科學的分類，整理好優先級，可以得到更好的傳播效果

3、呈現： 多種表現方法結合，呈現最好的視覺層級效果，這個點細化后有很多可挖，這里總結了幾個點，歡迎繼續哈

4、引導： 遵循用戶習慣，同時給予適當的引導推薦

　怎樣的設計能給人留下深刻印象？

　　名人效應 （借助名人或明星效應，產生不言而喻的說服力）

　　每人內心都有自己仰慕或效仿的對象，而且有一種想盡可能地向他靠近的心理欲求，從而獲得心理上的滿足。在選擇人物形象時必須要與產品的品格相吻合、使用戶快速理解產品傳遞的特點和價值，比如我們以往的設計作品中經常會使用到馬云的形象，他在互聯網具有極高的話語權，選擇用他的形象來推廣產品能產生不可言喻的說服力，當然你不能濫用。

　　時勢結合 （緊隨潮流，激發思想和感情上的共鳴）

　　結合當前社會事件如釣魚島、奧運會、中秋節、中國好聲音等等，或當下流行的語言詞匯如屌絲、高富帥、白富美等等，緊隨潮流的事物反應當下的社會形態，潛移默化的感染到用戶的思想或感情，產生震撼和共鳴。下面的例子就是結合現在最流行最熱門的節目“中國好聲音”。

［總結］：在用戶的視角來看，我們也希望他看到的都是最簡單最愉悅的一面。作為客戶培訓師，你不需要知道產品數據在我們后臺是存儲在什么服務器的。用戶搜索產品時，也更加不需要了解一個檢索詞是經過了多少詞解析判斷計算，跑了幾臺服務器，最終把結果呈現給他的。但是作為工作人員，我們得了解需要怎么做，才能夠把最簡單最愉悅的結果呈現出來。（Heidi注：如圖5所示）

圖5：簡明網站產品建設流程圖

這個圖呈現的流程，依賴于多個部門的通力合作。從戰略層高瞻遠矚的判斷、從產品經理對于市場的分析以及功能、內容的規劃、描述，到用戶體驗團隊，開發和測試團隊的全力配合，而網站產生后，還要依賴于SEO、市場營銷、銷售和客服的工作。

成功的網站，一定是多個部門一起圍繞相同目標運作的結果，但是其中一個環節失敗，則可能會造成全盤皆輸。

本文雖然篇幅已經很長，但是涉及到具體的流程、方法，都只能簡單帶過，希望大家要記住這是對話的場景，不要以偏概全哦。
你對他提出的問題，想如何回答呢？如果你有問題，質疑，鼓勵……歡迎交流。

離開交互圈已經有段時間了。但由于博客還在，還是能夠偶爾收到一些郵件，上周有位同學問我：我在求職，我看到很多招聘說明上需要交互設計師編寫界面交互設計文檔 ，請問界面交互設計文檔是什么文檔？怎么編寫呢

 

所謂DRD即是用來承載交互說明，并交付給前端、測試以及開發工程師參考的文檔。

 

在項目中，交互設計師的主要產出物可能依次是：site map，page flow，wireframes。有的大型項目前期，交互設計師有可能還會產出用戶需求分析文檔（與PD產出的市場需求文檔不一樣的是，URD更多側重于對目標用戶的需求分析）。

 

DRD則很少有人專門撰寫。如果需要對交互設計進行說明，聰明的交互設計師往往會直接標注在線框圖里，或者在項目中不斷和前端工程師和開發工程師口口相傳，反復驗收，不斷迭代修改來確保所有的交互設計意圖最終得以呈現。

二. 為什么要寫？

 

DRD非項目必需環節，一般情況下也不會為交互設計師專門留出相應的時間預估。沒有這份文檔，項目也會繼續，但是可能項目會為此承擔不必要的溝通成本和時間成本。嚴重的話，項目的質量也會受到影響。所以寫與不寫，交互設計師需要做把握，時間被統一包含在“線框圖”環節內——如果你要寫，請在評估時預留1-2天的時間。

 

那么，結合我過去的經歷，談一下此文檔的必要性。

 

下圖是一個產品開發項目基本的流程。

 

敏捷開發意味著很多不同角色的流程需要并行操作。如果等到產品經理的FRD已經全部敲定，交互設計師再開始去畫線框圖，固然會減少溝通成本和返工風險，但是同時意味著交互設計師的很多想法不被采納。如果產品經理再強一些，他甚至會在FRD里連原始的DEMO也一并繪制出來了，功能性的需求和界面交互的需求有時無法區分太清楚——比如他會在FRD里直接要求每頁條目40條，超過40條即分頁。而交互設計師可能會認為像蘑菇街那樣不斷裝載出足夠長的頁面會更親和……所以，我們希望是和產品經理同時開始工作，在術業有專攻的時候相互補充。

 

同樣，開發工程師也希望及早介入需求，在FRD并未確認的時候就了解需求，進而將商業需求和功能需求轉化為開發工程師看得明白的開發需求清單（這個清單，大部分叫做UC，即USE CASE）,當這份清單由工程師需求分析師——在過去，這個角色被叫簡稱為RA，但是目前已經取消此專門的職位，而是由開發工程師代表擔綱此環節工作，為了便于描述，在此文里，我仍然將做這件事情的人稱為RA——交付給具體的執行工程師后，執行工程師基本上可以當作一條條的checklist開始工作，而不必再思考商業邏輯和需求。同樣，測試工程師也需要編寫具體的文檔去指導很多測試人員在開發后測試，這也是基于UC和FRD去撰寫的。

 

“這個不符合用戶的心理”，“這個功能打破了我們產品整體的平衡性，放在這里在我看來是不太合理的”…

作為互聯網行業里萬千鼠標民工中的一員，諸如以上的對話，每天都在我們的生活中不斷演繹著。合理性慢慢的成為了檢驗我們專業技能以及設計水平最重要的一種指標；誠然，足夠的合理性能夠為我們所設計的產品保駕護航，能夠給其帶來可預見性的回報和收獲，但長此以往，卻很難再出現令我們叫“WOW！！”的產品了。讓我們來看顆栗子~ 

iPhone5自9月13日發布以來，就受到了前所未有的神吐槽，在這一次，大家都能很明顯的感受到沒有了喬幫主以后，蘋果不再是創新界的翹楚了。

2012年里，我(英文原文作者)在TH_NK 里大約花費了50個小時用于可用性測試，其余的時間則主要用來進行實際的設計工作，或是與客戶、開發者、分析人員等進行溝通。在這些可用性測試當中，經過對被測者行為的觀察以及與他們面對面的交流，我對一些一直以來雖有所了解、但在實際工作中卻時常會忽視掉的設計原則有了更加貼近實踐的認知，另外也發現了一些從前沒有想到過的問題。時值歲末，我將這些經過實踐驗證的設計要點作以小結并分享給各位，希望能夠為大伙來年的工作帶來一定參考和借鑒的價值。

1.你不是你的用戶

捫心自問，我們真的很容易忘記一件重要的事情：用戶并不會按照我們設想的方式去行事。作為產品和設計方面的從業者，我們對自己的產品和服務太了如指掌了，對產品的功能邏輯及設計方案太心知肚明了；即使是作為第三方咨詢顧問一類的角色，你也很容易把事情考慮的過于理所當然，認為“外界”的人能非常清楚的理解你所要表達的東西。

而事實上，多數用戶在實際上手使用之前，并沒有和產品產生長久的關聯；對于我們來說很顯而易見的東西在用戶看來很可能需要一定的輔助才能理解并正確操作。交互模式是否符合直覺，是否能夠保持足夠的一致性以符合用戶逐漸建立起來的心智模型，用戶界面是否會在必要的環節提供足夠有效的輔助引導，這些都是我們在為核心功能打造設計方案的同時必須考慮到的問題。

2.導航至首頁

在很多場可用性測試當中，我們都觀察到，其實會通過點擊頁頭logo回到首頁的被測者很少；多數人都試圖通過點擊瀏覽器上的后退按鈕來實現這個目標。雖然對于設計師來說，將logo鏈接至網站首頁的做法是一種早已被普遍接受的規范，但事實上普通用戶對這一點的認知似乎并不是那么的根深蒂固。

3.通過下拉列表選擇國家

我們曾經對一個面向全球的在線零售網站的支付環節進行過可用性測試，從中我們發現，在選擇國家的時候，很少有用戶懂得通過首字母快捷鍵來快速定位國家選項在下拉列表當中的位置，然后通過上下箭頭按鍵進行調整并敲擊回車或空格鍵來完成選擇。絕大多數的用戶仍然是使用鼠標將列表點開，上下尋找并點擊選取。

其實下拉列表易用性的問題(特別是那些所包含的選項超過了7個的列表)早就引發過廣泛的爭論，使用快捷鍵進行操作的方案也是為了解決這方面的問題而孕育而生的，但在現實當中我們仍然發現有那么多的用戶實際上并不了解這種重要的導航操作。

Christian Holst在重新設計國家列表 一文中介紹過一種蠻有意思的解決方案，雖然我們還沒有對這種方案進行過量化的測試，不過至少它看上去確實比傳統的下拉列表方式要好用。

Flickr為用戶準備了很多有意思的登錄歡迎語，這其實是一個容易被忽略的細節，但Flickr的整體設計風格與產品氣質也正是由許許多多這樣的細節構成的。也許，只有當這些細節從產品中消失的時候，我們才會發現并開始懷念它們。

我(英文原文作者)會特別在意這些細節，因為它們可以觸發用戶的情感響應。如果運用方式得當，這些細節當中的小魔鬼可以幫助我們打造出更具人格的產品，并使用戶在與之進行互動的過程中產生積極的情感響應；而這種積極的態度會有效的促使用戶主動傳播和擁護你的產品。這種在人格層面與用戶建立關聯的設計思路也被稱作“情感化設計”。

一點小理論

“情感化設計(Emotional Design)”一詞由Donald Norman在其同名著作 當中提出。而在Designing for Emotion 一書中，作者Aarron Walter將情感化設計與馬斯洛的人類需求層次理論聯系了起來。正如人類的生理、安全、愛與歸屬、自尊和自我實現這五個層次的需求，產品特質也可以被劃分為功能性、可依賴性、可用性和愉悅性這四個從低到高的層面，而情感化設計則處于其中最上層的“愉悅性”層面當中。

一個有效的情感化設計策略通常包括兩個方面：

1. 你創造出了獨特并且優秀的風格理念，令用戶產生了積極響應。
2. 你持續的使用該理念打造出一整套具有人格層面的設計方案。

接下來，我們將一起了解一下情感化設計的組成要素及相關策略，看一看有哪些產品在這些方面做的比較有代表性；另外，我們還會通過幾個案例分析來感受一下從整體角度持續使用情感化設計理念所帶給產品的“人格魅力”。