19時05分，國家會議中心。門外，四散分布的黃牛們正在緊張的“覓食”：每當有人接近時，他們便會緊走幾步趨上前，低聲詢問，“有票嗎？賣不賣？”或者，“要票嗎？”

一位身穿著白色T恤的黃牛成功做成了一單生意，原價500的票加價100售給了一名學生模樣的男子，交錢、拿票、進場。

此時，距離錘子發(fā)布會正式開始還有25分鐘。

俗套“體驗流”下的“高端大氣上檔次”

19時39分，羅永浩走上臺，發(fā)布會正式開始。

被稱為“相聲演員”的羅永浩，依然以調(diào)侃開場：先調(diào)侃了一下延遲開始所造成的“經(jīng)濟損失”，緊接著矛頭直接指向眼下手機市場上的硬件大戰(zhàn)，以及“跑分大戰(zhàn)”；看上去，小米和雷軍再次躺槍。

在移動互聯(lián)網(wǎng)飛速發(fā)展的這幾年，每年都會有一些新鮮的設(shè)計趨勢涌現(xiàn)出來。2014年，又有哪些新的設(shè)計趨勢脫穎而出呢？ 百度MUX有一群關(guān)注趨勢的小伙伴，從大量的APP中去發(fā)現(xiàn)設(shè)計范式，挖掘設(shè)計趨勢，預(yù)測出2014年在移動產(chǎn)品中會被廣泛應(yīng)用的十大交互設(shè)計趨勢。希望這些新穎的設(shè)計模式，為設(shè)計師們帶來創(chuàng)新設(shè)計靈感，進而為用戶帶來新鮮有趣的體驗。

　面對一大堆看似雜亂的數(shù)據(jù)，如何進行信息提取與數(shù)據(jù)加工，從中獲取自己想要的信息，并應(yīng)用這些信息，有理有據(jù)的進行需求的討論、最終設(shè)計決策的推進，這是每一個交互設(shè)計師必修的課程。

　　在我看來，數(shù)據(jù)分析是很難的。利用你當下有限的數(shù)據(jù)資源(大多數(shù)數(shù)據(jù)往往掌握在產(chǎn)品經(jīng)理、運營手上)去整理、分析并得出結(jié)果。

　　交互設(shè)計師如何培養(yǎng)數(shù)據(jù)分析的能力呢?

　　首先，要有數(shù)據(jù)收集分析的意識，掌握數(shù)據(jù)產(chǎn)生的來源;

　　其次，拿到數(shù)據(jù)后，在數(shù)據(jù)間找關(guān)聯(lián)性，深挖內(nèi)在含義;

　　再次，掌握基本的數(shù)據(jù)分析方法，并在實戰(zhàn)中加以應(yīng)用;

　　最后，將分析的結(jié)果應(yīng)用到后續(xù)工作中，檢驗分析結(jié)果。

　　如此，循環(huán)往復，形成一種職業(yè)習慣，一個工作的流程。

隨著信息技術(shù)的快速發(fā)展和體驗經(jīng)濟時代的到來，互聯(lián)網(wǎng)用戶對數(shù)字媒體產(chǎn)品的交互設(shè)計性能要求越來越高。與此同時，激烈的市場競爭也驅(qū)使網(wǎng)站設(shè)計者不斷完善互聯(lián)網(wǎng)產(chǎn)品的交互設(shè)計功能，以提升用戶的體驗。社交網(wǎng)站作為一類為用戶提供社交服務(wù)的網(wǎng)站，勢必對網(wǎng)站的交互設(shè)計有著更多獨特的需求。

一、社交網(wǎng)站的交互設(shè)計

（一）社交網(wǎng)站交互設(shè)計的概念

交互設(shè)計是由人機工程學、視覺傳達設(shè)計、認知心理學等學科交叉構(gòu)成的一門新興學科。詹妮弗?普里斯認為交互設(shè)計就是“設(shè)計支持人們?nèi)粘９ぷ骱蜕畹慕换ナ疆a(chǎn)品”[1]。具體來說，交互設(shè)計就是以用戶為中心，以重視產(chǎn)品帶給用戶的體驗，為增強產(chǎn)品的功能和交互能力而進行的設(shè)計。

社交網(wǎng)站的交互設(shè)計，是指如何運用相關(guān)知識和技術(shù)，設(shè)計社交網(wǎng)站的功能模塊及網(wǎng)頁界面等相關(guān)網(wǎng)站產(chǎn)品，以使社交網(wǎng)站能為網(wǎng)站用戶提供更真實便捷的社交網(wǎng)絡(luò)服務(wù)。

今天早上有一位姐姐講了時間，就有小伙伴們跟我說，海銀你這個PPT要不要改一改？別人已經(jīng)講過時間了？我來到墨麟聽的第一句話就是不改本色，第二句話是仰天怒吼，這個時候我想說，這位姐姐你早上PPT寫的非常上流，這個時候我要做一些下流的事。

　　今天上午有很多專家們在操作這個東西的時候，好像很別扭。我們提到時間在生活中，在生活中提的最常見的一個字是秒，這個是我們生活中最常見的一個單位，也是最小的一個單位。

　　其實秒這個單位對于很多人來說就是一個最簡單的反饋，這個反饋速度越及時，我們感覺就會越好。

轉(zhuǎn)載藍藍設(shè)計(   yvirxh.cn  )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源：騰訊

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，   請點這里

為什么扁平化會那么來勢洶洶？

這是因為我們的需求環(huán)境在發(fā)生變化。以前我們沒有iPad 沒有智能手機，只有PC，我們只有電腦環(huán)境需求，所以扁不扁平化似乎沒有多重要，再來看現(xiàn)在我們有著多種智能設(shè)備，需要在各個場景各個設(shè)備上隨時切換，可以看到從PC到各手持設(shè)備的趨勢是越來越明顯。

隨著各種智能設(shè)備的多樣性和普及，交互界面需要變得更容易適應(yīng)其變化，很顯然扁平的交互界面要比其它樣式要更容易處理。移動互聯(lián)網(wǎng)向著需要低配置、能，個性化以及優(yōu)質(zhì)用戶體驗的方向發(fā)展。我們必需快速響應(yīng)這個趨勢。

其實在“扁平化”這個詞流行以前，我們一直都在強調(diào)交互的易用性和創(chuàng)造優(yōu)質(zhì)用戶體驗，并一直在努力往這方面去做。其實在我看來“扁平化”這個詞，是這些設(shè)計目標的一個總概念，可以很寬泛，應(yīng)該是一種內(nèi)在的設(shè)計思想。

接下來，我們來看看能有哪些方法可以做到交互扁平化。

1.結(jié)構(gòu)層級減少－

先從字面意思來理解交互的“扁平化”，與之相對應(yīng)的應(yīng)該是“結(jié)構(gòu)層級”，在這里我理解為交互步驟，以前也一直在強調(diào)精簡交互步驟，想要用戶用最少的步驟就完成任務(wù)，顯然這里是要求層級結(jié)構(gòu)的扁平，所以交互步驟和層級結(jié)構(gòu)是相互關(guān)聯(lián)的。

我們先來理解下什么是層級結(jié)構(gòu)

從圖中可以看出來，這個是一個樹形結(jié)構(gòu)，在樹形結(jié)構(gòu)中鏈接的層數(shù)被稱為深度（z軸），最底層頁面包含的頁面總數(shù)被稱為鏈接的廣度（x軸）?？v向（y軸）很多情況下都只有一層，放的多都是一些消息提醒和快捷方式。

來看看PC端的Web界面（以淘寶為例），最底層頁面就是他的首頁，包含的頁面綜述非常豐富，可以看到從廣度來講覆蓋面是非常大的。

來看深度從鞋包配飾－到女鞋－到單鞋－到單鞋的各種類型

可以看出，Web網(wǎng)頁更注重深廣度的平衡。

在來看看手機端，很顯然如果直接把Web上的結(jié)構(gòu)搬到手機上是行不通的，由于手機設(shè)備的限制，淘寶的手機主界面的廣度大大減弱，信息深度更為明顯。PC上我們可以用面包屑路徑或者各種導航清晰的表現(xiàn)出層級結(jié)構(gòu)，讓用戶不在復雜的層級機構(gòu)中迷路。但是在移動設(shè)備上顯示區(qū)域有限，沒有足夠的地方用來放這樣的路徑，更多的時候我們只能用back。所以這也印證了前面所說的扁平化來勢洶洶的趨勢。

我們怎樣才能做到在移動端減少結(jié)構(gòu)層級從而精簡交互步驟?？偨Y(jié)了以下幾種方法，也歡迎大家參與討論。

（1）并列

將并列的信息顯示在同一個界面中，減少頁面的跳轉(zhuǎn)。

這里有最典型的例子就是Windows 8，在這之前什么天氣／郵件啊，都得點到具體的應(yīng)用里面才能看到，而Windows8在同一個界面中就能展示出這些信息。

　　還有一個例子：Next day

Calendar里面分別為按年，月，周，日的展示方式，點擊下面的時間線，內(nèi)容直接在當前頁面切換，沒有轉(zhuǎn)跳。

（2）快捷方式

以iOS7為例，在任意界面只要向上滑動都能從底部呼出一個快捷菜單。設(shè)置WiFi和手電筒什么的可以直接從這個菜單里面操作。

 在iOS6里面，如果需要設(shè)置WiFi，要先到設(shè)置，在到WiFi在選擇網(wǎng)絡(luò)。

對比步驟：

iOS7：底部上滑＝＝＝＝打開wifi

iOS6：點擊設(shè)置＝＝＝＝選擇wifi＝＝＝開啟wifi

層級結(jié)構(gòu)的減少，用戶不用在一層一層的點到設(shè)置里面去按，提率的同時也使結(jié)構(gòu)變的清晰。 

例：淘寶手機版

不管你在哪家店鋪在看什么寶貝，只要點右下角的“淘”就能出現(xiàn)和主頁導航一樣的快捷菜單，不用back back一層一層的回去

（3）顯示關(guān)鍵信息

這是豆瓣電影的購票流程

步驟是：選擇影片＝＝＝選座購票＝＝＝選擇影院

在“選擇影院”這個界面中除了顯示出影院名稱，還顯示出了“價”xx元起，以及余下場次，還有是否可以購票這些關(guān)鍵信息，這里結(jié)合場景考慮，用戶既然點了“選座購買”那用戶的購買欲應(yīng)該是很強的，這樣在這里顯示出的關(guān)鍵信息，就能使得用戶在選擇影院的同時也能看到價，不用在挨個影院點進去看了，也能加快購買效率。

（4）減少點按

例：iOS7關(guān)閉后臺程序，只需要用手指輕輕往上一滑走就關(guān)閉了

在對比iOS6 是長按出現(xiàn)刪

其實除了在今年的CES和MWC露過臉之外，三星的Tizen在近兩年一直處于一種低調(diào)到讓人懷念的地步。不過，在MWC之后，三星似乎已經(jīng)堅定了發(fā)展Tizen手機的決心。

近日，國外媒體曝光了一組三星Tizen系統(tǒng)的UI設(shè)計。不過，這份UI設(shè)計的操刀者并不是三星，而是Tizen的另一大主要投資者，英特爾。

UI是User Interface（用戶界面）的縮寫，我們常常把用戶體驗掛在嘴邊，而UI就是提升用戶體驗的秘密武器。友好的用戶界面，可以實現(xiàn)用戶 與網(wǎng)站或者軟件之間更好的交互，讓軟件的操作變得更加舒適、更加人性化?？梢院敛豢鋸埖恼f，UI決定了互聯(lián)網(wǎng)創(chuàng)業(yè)的成敗。那么，要如何才能針對自己的實際 情況設(shè)計出好的UI呢？

筆者認為，做好UI設(shè)計，無外乎以下這六點：

一、清晰的界面往往會給用戶留下深刻印象

清晰的界面，這是每一個UI設(shè)計師都必須準從的準則。模糊不清，主題不明確的界面是不會引起用戶喜歡的。模糊的網(wǎng)站界面，會給用戶以混亂的錯覺，這樣會很 容易引起疲勞。我們可以想一想，一個讓用戶反感的UI設(shè)計，是不是一件失敗的作品呢？因此，UI第一要素就是建立清晰界面的思維，從而將這種思維應(yīng)用到實 際開發(fā)之中去。這將會在很大程度上提高用戶體驗。

4月29日消息，近幾年來，F(xiàn)irefox瀏覽器同Chrome一樣，更新相當快速，不過功能卻大都是小幅更新，但近日發(fā)布的Firefox 29正式版卻帶來了近幾年來的最大幅度更新。Firefox 29正式版擁有全新的UI設(shè)計、高度自定義、Firefox Sync云同步等功能。

iOS7的10大設(shè)計準則涵蓋了UI設(shè)計的交互性、界面信息可讀性、圖形設(shè)計規(guī)范以及信息的組織性等四個方面。讀下去，看看你設(shè)計的UI都做到了么?

iOS7 的用戶界面設(shè)計比以往更卓越，并為用戶提供了更具吸引力的獨特體驗，帶來更大的機遇。在正式寫代碼之前，認真考慮UI設(shè)計是否符合這十條設(shè)計準則，可以提高App的可用性與吸引力。如果要更深入了解iOS7的設(shè)計，你可以閱讀蘋果官方的iOS人機界面指南(英文版)，或者下載知乎用戶翻譯的中文版iOS7 人機界面設(shè)計指南。

iOS7的10大設(shè)計準則涵蓋了UI設(shè)計的交互性、界面信息可讀性、圖形設(shè)計規(guī)范以及信息的組織性等四個方面。讀下去，看看你設(shè)計的UI都做到了么?