作為一款足夠吸引人的app，驚艷的UI和優秀的功能是基本條件，但若有獨特的動畫與轉場效果，則可以大大的增加用戶使用的粘性，稱霸整個應用平臺。具備了良好體驗效果的同時，有這樣一個意料之外的效果，不但會給用戶帶來驚喜，更會讓人情不自禁的愛上它。

2012年我們看到有不斷的熱門app得到細化，而一些大公司也最終意識到良好的UI對于一個app的重要性。在過去的一年里，Android應用程序已經得到了很大的改善，iOS則把設計范圍越推越廣。這里是一些beautifulpixels.com認為在2012年中一些脫穎而出的UI動畫。雖然視頻演示提供了大致的預覽，但相信如果你在手機中親自體驗更能發現它們的魅力之處。

Google+ Animation

當Google+開始公測時，每個人都想第一個嘗鮮。然而，在Android系統和其他移動應用平臺上因缺少一個良好的app，而使得很多人因此望而卻步。Google努力優化他們在iOS平臺推出的游戲，值得一提的是它們最近發布的app也讓人眼前一亮。

而這款Google+iOS應用程序也顛覆了以往的設計，或許會讓你愛不釋手。其中有很多獨特的動畫設計，比如，下拉刷新（pull to refresh）。當用戶下拉時，會出現4個不同顏色的彩帶從左至右，有節奏的從暗變亮，并拉長。同樣有趣的是，當你滾動到底部時，載入的新內容同樣會出現。從這樣的小細節中，我們看到Google的確在app的設計上注入了很多精力。就為了它的動畫，你就值得在iOS系統的設備上下載Google+這個程序！

Queen譯者注：隨著平板電腦市場的迅猛增長，你可曾考慮到網站在平板上的用戶體驗？本文給出了6個提升網站平板體驗的簡易技巧，讓你花小氣力，出大成果，可謂事半功倍。要不你試試看。
原文鏈接：the-pursuit-of-tappiness

在這篇文章發布時，僅在美國就有近7000萬的平板電腦用戶，這比前一年的數據增加了一倍。這意味著，美國近30％的互聯網用戶使用平板設備上網瀏覽。2011年到2012年間，電子商務網站在平板電腦上的交易量增長了348％，第一次超越智能手機的交易量。由于平板市場很年輕，其未來的發展空間必定很大。
這一趨勢傳遞了一個強烈的信號：如果你的網站還沒有針對平板電腦進行設計的話，現在是時候優先考慮其在平板電腦上的可用性了。否則，忽略這一點可能會對網站的整體轉化率，回訪量，銷售量等帶來負面影響。

什么是”點擊愉悅感”（tappiness）？

當一個網站具有”點擊愉悅感”時，用戶在手機或平板設備進行訪問的操作將變得容易而愉快。點擊愉悅感包括巧妙使用的空間，易于閱讀的文本，符合邏輯的交互線索，和大尺寸的點擊目標，這些讓訪問者瀏覽網站時充滿信心。

本設計中，大字體和大點擊目標的體驗很好，即使在平板電腦上縮小后，體驗依然不錯。
而在另一些設計中，文字太小無法閱讀，鏈接太接近容易誤操作，無形中增加了操作時間、復雜度以及體驗上的挫敗感。糟糕的體驗下，用戶將快速流失。

本設計中的小字體和小觸摸目標被證明在平板電腦上難以閱讀和使用。
一種理想選擇可能是：重新設計你的網站，讓它能針對各種不同設備進行自適應布局，但時間和成本可能會使你無法完成這樣的全面翻新。然而你還有其他選擇。本文給出一些技巧和方法，能快速幫助你提升網站的平板用戶體驗，只需幾個簡單的變化，你今天就可以做到！

填寫互聯網表單幾乎是每個用戶每天的經歷，如用戶進行網站注冊和登錄、購物等，都需要填寫各種表單。用戶為了獲得想要的東西，表單成了用戶完成需求和網站系統需要數據之間的互動形式。那么表單設計的首要目標也更清晰：讓用戶迅速快捷并且輕松地完成填寫。

設計目標已清晰，那么如何設計表單呢，以下從表單的內容、組織方式、流程、表單元素控件及交互等方面詳細闡述。
表單的元素

研究如何提高表格可用性之前，我們先簡要了解下一般表單的元素，這里我們暫且這么總結：

標簽：告訴用戶表單問題是什么？
輸入框：供給用戶填寫答案信息；
動作：用戶提交表單，即用戶點擊一個按鈕或鏈接，執行一個操作；
幫助文字：為如何填寫表單提供幫助；
輸入反饋：針對用戶輸入給出反饋，輸入正確還是錯誤；

內容導讀

從本篇文章中，你將獲知什么？

1. 國內外驗證碼廣告介紹
2. 驗證碼廣告用戶體驗的重要性
3. 驗證碼廣告用戶體驗數據
4. 上線5個月，驗證碼廣告的表現如何？
5. 驗證碼廣告的多樣形式

零：項目背景

百度網盟推廣平臺是配合網盟推廣用戶的在線營銷平臺，推廣客戶可以在平臺上實現全方位的推廣管理，包括搭建賬戶結構、配置預算、定向方式、監控賬戶投放效果等等復雜的賬戶操作。但是由于系統的復雜度和功能性的增加，原有的系統對新功能的支撐顯得有些捉襟見肘，所以在今年8月份，我們開始了對系統體驗的分析和優化工作。

一：產品理解

廣告投放平臺廣義上屬于商業產品體系，商業產品和用戶產品在體驗的關注點上是有顯著區別的。最大的區別就是使用需求不同，商業產品一般不會出現在我們日常生活中，大部分都是在工作時，或者是特定的時段內才會使用到。所以把握好商業產品的特性，是做好商業產品用戶體驗的關鍵。

研究一個產品的特性，一個比較簡單的方法就是觀察產品的“零容忍點”，也就是產品的哪些特性如果不能夠滿足用戶，用戶就會產生強烈反感，甚至放棄使用。比如說現在非?；鸬囊苿踊ヂ摼W應用，也就是app產品，用戶的零容忍點基本上會停留在視覺層面上。因為我們的移動設備分辨率較高以及產品的使用場景（都是近距離使用）的關系，用戶對產品的視覺效果會非常嚴苛，如果產品的icon或者界面丑陋，基本上就不會用了。但是，對于一些小說站點或者視頻站點來說，視覺就不是用戶最主要關注的了，這類產品，用戶最關注的是他們的內容，如果內容不夠好，別人有的你沒有，那么用戶就會離開，即使你的界面十分精美，只能是華而不實。同樣，如果把思路切換到商業產品上，我們會發現用戶最在意的是能夠能夠在使用的功能滿足和節約時間。因為商業產品更像是一個用戶的工具，如果工具不能夠操作，那么用戶就沒有使用的動力了。因此，對于商業產品來講，功能>性能>易用>美觀。

所以，對于商業產品設計師來說，我們的思維中要一直有一個聲音，那就是我們的優化是不是能夠真正的提高用戶的效率，在效率和效果面前，我們要強迫自己選擇前者。

二.可用性走查

平臺系統的復雜度之高，超出預期，怎樣衡量復雜系統的操作效率提升是體驗優化的一個難題，思考之后，把產品的易學性作為我的設計出發點，就是通過統一、規范的系統能夠讓用戶更容易學習和掌握平臺產品具體的使用方法。

對整個系統超過30個頁面進行可用性走查，根據用戶體驗設計要素，把系統按照結構層、框架層和表現層來進行梳理。結構層解決用戶如何導到某個頁面，做完去哪里。在梳理結構層的過程中不具體思考交互方式，只是從任務出發，來看流程和結構上能不能滿足功能，在滿足功能的基礎上有沒有提升的空間。框架層則解決頁面的具體布局和交互方式，對系統頁面的控件、布局等詳細梳理，尋找改進空間。表現層解決產品的視覺呈現。

走查的主要結果如下：

結構層：

1.新建流程和修改流程不可逆，也就是說新建流程的設置，在修改的過程中無法完全一致的修改，這難免會讓用戶產生困惑，我去哪里修改呢。

2.工具使用頁面跳轉次數多，有的能夠跳回，有的不能夠跳回。

框架層：

1.多版本共存，遺留下來的一些最初版本的頁面，交互和布局都和新頁面不一致。

2.細節交互不一致，同一操作區域button的操作方式存在多種。

3.異常提示五花八門，沒有規范。

在方案設計時，會出現一種情況：似乎已經輸出了所有可能的方案，但討論定稿時還是覺得不夠滿意，認為應該有更優方案的輸出？什么原因導致了這種情況？如何輸出有效的設計方案？

● 什么是有效的設計方案？

“有效方案”，個人理解是“能夠實現預期目標的方案”，而不是“全部可能方案”的羅列。設計方案因方向不同、實現能力等不同，會得到不同階段的版本；但在這些前提一致時，方案應該是邏輯性唯一的，不應存在模棱兩可的輸出。

● 如何輸出有效的設計方案？

核心：有邏輯、有理由的輸出

Step1 確定產品目標
每一個產品都有其目標，這個環節極其重要，確定清楚后，在接下來的設計決策時，會起到方向判斷的作用。產品目標一定要和產品側討論確定，不要理所當然的給出判斷。以易迅購物車為例，其核心目標是讓用戶“快速下單”，其次才是“買更多”。

Step2 確定用戶群劃分
清晰產品目標后，我們需要對用戶在產品上的行為有個了解，才能知道他們需要什么。需要關注以下幾點：
① 用戶有哪些類型（比例、主要/輔助角色）
② 不同類型用戶會用你的產品來干什么
同樣以購物車為例，易迅以結算型用戶為主（主要角色——把購物車當做確定要買東西的籃子），其次是收藏型（輔助角色——把購物車作為可能買商品的聚合地，需要增刪商品） 。

電商用戶體驗設計部（簡稱ecd）早期的設計管理是通過各leader跟產品經理收集和手工排需求的形式，但隨著產品需求的激增，團隊的擴大，每周的設計需求已從每周幾十單激增到幾百單，部門順應組建設計管理組，聚焦在流程和項目如何更，今天跟大家分享其中的工具化心得。

早期的設計部門的流程是這樣的：

產品經理寫一個設計需求的文檔，匯總多個需求到一個填寫規范的表格在每周統一時間寫給設計排期人（一般是leader，也有的是專門的項目PM）排期人拿到表格后在另外一份排期表格上填寫各類需求，處理人，完成時間等期間還需要通過電話和RTX溝通需要調整的需求，再把表格復制到郵件上發送郵件，整個流程下來需要多個表格樣式來記錄這些信息。也不方便后續統計需求和相關信息。后來公司大規模使用TAPD來提交需求，做信息需求管理，