編者按：聊天不僅存于我們和親朋好友間，在很多場景下，設(shè)計師也會營造聊天的氛圍拉動用戶的表達欲，就連Siri也是聊天衍生出的產(chǎn)物，關(guān)于聊天騰訊的同學(xué)有許多不同場景下的暢想，有幾點特別讓人驚喜，來感受下。

周哪里：在過去的很長一段時間里，每當(dāng)我坐在電腦前，父母的問候語總是“在聊天嗎”，一定程度上可見網(wǎng)絡(luò)聊天之深入人心。科學(xué)一點，翻看近幾年不同地區(qū)互聯(lián)網(wǎng)用戶時間的分配比例數(shù)據(jù)，聊天時間通常也占據(jù)前三位之一。這似乎已經(jīng)是司空見慣的形勢，然而仔細品味，會發(fā)現(xiàn)聊天并不是件簡單的事情。

編者按：本文作者Anthony Rose，是社交網(wǎng)絡(luò)電臺Zeebox的聯(lián)合創(chuàng)始人及CTO，文章不僅分析了側(cè)邊欄導(dǎo)航和Tab導(dǎo)航的利弊，還有改版過程進行A/B test  的詳盡過程，且最后也給了建議，讀完能對這兩種導(dǎo)航有清晰的認識，非常有價值的經(jīng)驗分享 ：）

================正文分割線================

設(shè)想你需要設(shè)計一個含有許多頁面和模塊，不能在一屏內(nèi)顯示完全的應(yīng)用。你一定會首先想到去設(shè)計一個底部或頂部的Tab導(dǎo)航。等一下，多出來的一排導(dǎo)航看上去有點礙眼？我們嘗試下把他們收到側(cè)邊欄里，或者叫安卓團隊給它的名字“側(cè)邊抽屜導(dǎo)航”。

如果你們的應(yīng)用的也是多視圖的，在你們的團隊里，以下話題一定常常引發(fā)激烈討論：

是把導(dǎo)航選項都顯示在屏幕上，讓你們的用戶可以清晰認知app結(jié)構(gòu)，并避免多余操作才能發(fā)現(xiàn)；還是使用側(cè)導(dǎo)航讓主屏的顯示區(qū)域更大些。

目前，側(cè)導(dǎo)航在安卓設(shè)備上比較流行，而iOS平臺上使用的還不是很普遍。所以我們的討論還要面對一個問題：安卓和iOS應(yīng)用是不是有一樣的用戶習(xí)慣，適用一樣的導(dǎo)航模式？

我想，在這里分享下我們的經(jīng)驗是很有價值的。

可用性 vs. 干凈的設(shè)計

當(dāng)?shù)谝淮伍_始zeekbox項目，我們使用了頂部的tab導(dǎo)航。我們的理由很簡單“看不到的不記掛”。既然你第一眼看不到這些入口，那么也許你也就不會知道它們在哪兒。

編者按：今天百度的同學(xué)來聊聊產(chǎn)品思維，讓設(shè)計師從產(chǎn)品的角度入手，站在多維度考慮用戶的問題、解決方法、產(chǎn)品目標(biāo)和產(chǎn)品營銷等，來看看不一樣的思維能碰撞出哪樣的火花。

文章略長，不過肯定是考據(jù)狂和狂熱粉的最愛，你是從哪一代開始追iOS的呢？

2007年1月9日，喬布斯向世界展示了iPhone一代，這是這位已故傳奇向這個時代饋贈的最佳禮物，同時也預(yù)示著，一場精妙絕倫的大戲正式拉開帷幕，iPhone,iPad以及Touch對”移動設(shè)備”進行了重新定義。更華麗，也更具人性化。

世界變幻莫測，那時候的移動操作系統(tǒng)中，iOS只是個”小字輩”，資歷尚淺，到了今天呢，多少操作系統(tǒng)黯然消失在我們的視線中，而iOS儼然成為了操作系統(tǒng)江湖的”老字輩”。

老，并不意味著iOS失去創(chuàng)意了，恰恰相反,iOS以嶄新的姿態(tài)繼續(xù)前行。隨著逐年的增強和提高,iOS已經(jīng)變成了市場上最具個性、支持最廣泛的操作系統(tǒng)。

iOS6，經(jīng)過數(shù)年的磨礪，已經(jīng)無限接近擬物設(shè)計的最頂峰，用隱喻設(shè)計引導(dǎo)者用戶，操作簡單易懂。而且多平臺(iPhone、iPad)上的體驗相對一致，對于開發(fā)者和設(shè)計師來說，這都是一個理想的”溫床”。

再想一個問題，比較一下iOS1和iOS6，你會發(fā)現(xiàn)還是擁有很多共通點的。蘋果像是一位頗有耐心的面包師，慢慢的烘焙，花了數(shù)年時間，為我們特制了一款色香味俱全的”蘋果派”，你想想其他操作系統(tǒng)的做法吧：無限的功能蔓延，蔓延來蔓延去，淘汰了一批，又新來了一批功能。

這是個怪圈，蘋果很明智的沒有選擇這種道路。iOS努力的保持著整體的一致性，與此同時又不放棄前衛(wèi)創(chuàng)意，難能可貴。

而今年的9月18日，iOS7發(fā)布——新的啟航。

來看看iOS的歷史，看看蘋果是怎樣一點一滴進行優(yōu)化、完善的。

從OS X中蔓延出來的IOS

在iPhone早期的聲明中，我們會發(fā)現(xiàn)會叫做”iPhone OS”。

剛開始的時候，蘋果內(nèi)部爭論不休，他們在考慮是否要和Mac OS X一樣使用Unix內(nèi)核，這樣做會保持新手機的系統(tǒng)和OS X的一致性。

但是，這畢竟是一個完全不同的新品牌，應(yīng)該有所區(qū)別。因此，采用Unix內(nèi)核的操作系統(tǒng)被命名為”iPhone OS”，這個名字一直使用了4年。直到2010年六月發(fā)行iOS4的時候，出于簡化的目的，開始稱之為”iOS”

iOS 1: iPhone誕生

雖然現(xiàn)在很難以想象當(dāng)時的情形，但是當(dāng)iPhone1公布的時候，如果嚴(yán)格比較功能的話，iPhone落后他的競爭對手一大截，Windows Mobile,Palm OS,Symbian,BlackBerry的操作系統(tǒng)都有一大堆功能，遠超iPhone。

編者按：今天這篇譯文全程滿滿當(dāng)當(dāng)?shù)亩际歉韶?，包含超多的實用?jīng)驗，比如讓元素在各個尺寸中保持邊界清晰的技巧，切片的專業(yè)方法，命名規(guī)則等，絕對值得每個UI設(shè)計師收藏起來！

如果你想讓你的排版擁有更令人愉悅的閱讀體驗，其實只需要有針對性地對三個方面進行調(diào)整就可以了。這些技巧不僅可以運用于設(shè)計領(lǐng)域，哪怕你用在文本文檔排版上都能收到奇效！

第一、常見蜘蛛：蜘蛛其實就是搜索引擎用來訪問頁面的程序，英文叫spider，也稱為機器人，英文為bot。有時候查看IIS日志就能看到各種蜘蛛訪問網(wǎng)頁的情況，對網(wǎng)站的優(yōu)化起到一定的指導(dǎo)作用。當(dāng)蜘蛛訪問一個網(wǎng)站時，會發(fā)出頁面訪問請求并返回HTTP狀態(tài)碼，然后蜘蛛會把這些狀態(tài)碼存入自己的數(shù)據(jù)庫，為以后的各種計算做鋪墊。常見的蜘蛛有百度蜘蛛(Baiduspider)、雅虎蜘蛛(Mozilla)、微軟Bing蜘蛛(msnbot)、搜狗蜘蛛(Sogou+web+bot)、Google蜘蛛(Googlebot)等。一般情況下，IIS日志都會有顯示，站長們應(yīng)該多花點時間仔細看下蜘蛛對自己網(wǎng)站的訪問情況，然后對自己網(wǎng)站做出調(diào)整。

第二、文件存儲：文件存儲是搜索引擎的一個技術(shù)關(guān)鍵所在，同時也是面臨的一個挑戰(zhàn)。當(dāng)搜索引擎爬行和抓取完成后，會把這些數(shù)據(jù)存入原始頁面數(shù)據(jù)庫。在這個數(shù)據(jù)庫存放的數(shù)據(jù)和用戶在瀏覽器中看到的頁面是完全一樣的。每個URL都會有一個獨特的編號。除此之外，還要存儲各種計算權(quán)重所需要的數(shù)據(jù)，比如各種鏈接的關(guān)系，PR的迭代計算等。這些數(shù)據(jù)量是巨大的。很多網(wǎng)站不存在時，我們可以訪問搜索引擎的快照頁面，這些頁面就是存在搜索引擎自己的數(shù)據(jù)庫中，與站長網(wǎng)站本身的數(shù)據(jù)沒有關(guān)系，是獨立存在的。平時的快照更新、排名波動都和搜索引擎的文件存儲有著直接的關(guān)系。

編者按：以下內(nèi)容摘自《美國視覺設(shè)計學(xué)院之完形設(shè)計》，新手可以多看這些法則，并運用到你的設(shè)計過程中，防止自己做出甲方式審美的作品。

著名的室內(nèi)設(shè)計大師Charles Eames曾說過，“細節(jié)并不只關(guān)乎它們本身，它們還構(gòu)成了設(shè)計?！钡拇_，每一個網(wǎng)頁都是由無數(shù)的細節(jié)構(gòu)成，而其中的內(nèi)容也是同樣由這些細節(jié)連接組織到一起。不論是提供信息服務(wù)的網(wǎng)站，還是APP的官方宣傳頁，任何一個優(yōu)秀的網(wǎng)站都能夠經(jīng)受得起挑剔眼光的洗禮，從圖片到布局，從字體到架構(gòu)。

網(wǎng)頁設(shè)計的細節(jié)至關(guān)重要，因為正是它們給用戶留下好印象，這些細節(jié)支撐起網(wǎng)站的良好體驗，提高易用性。正如同Eames所說，它們成就了設(shè)計，不注意細節(jié)會讓設(shè)計感流失。

優(yōu)秀的網(wǎng)站有著不一樣的亮點，但一樣地專注細節(jié)：《這樣才過癮！2014年最佳網(wǎng)站評選結(jié)果出爐

接下來，我們一同看看這11款設(shè)計驚艷的網(wǎng)站。它們的好設(shè)計源于細節(jié)，有的界面雅致，有的交互出彩。深入揣摩這些案例，也許你的下一個網(wǎng)頁設(shè)計作品會非常強大。

THE SPEED OF BASECAMP’S PASSWORD VERIFICATION

Basecamp 是一個基于網(wǎng)頁的項目管理工具。正如同它的介紹，速度和效率是至關(guān)重要的。

這是網(wǎng)站的驗證界面，設(shè)計師巧妙的事先隱藏了確認的按鈕，只有當(dāng)你輸入了正確的驗證碼之后，OK按鈕才會出現(xiàn)。這種措施不僅提高了網(wǎng)站的性能，還通過讓按鈕從無到有，將“驗證碼正確”的概念具現(xiàn)化，觸動用戶，增加成就感。

COLOPHON PRACTICED BY NEOTERIC DESIGN

在歐洲，在書中使用Colophons（題跋）可以追溯到15世紀(jì)的時候（中國就早很多了），不過這個網(wǎng)站是為了將其運用到網(wǎng)站上去。這次，Neoteric Design分享了他們網(wǎng)站的制作筆記——各個部分的功能，從字體軟件到編程語言和內(nèi)容管理系統(tǒng)。如果訪客想知道一個網(wǎng)站是如何構(gòu)建起來的，那么這個帶題跋的筆記可以幫助用戶方便快捷得了解這個網(wǎng)站的構(gòu)建過程，滿足好奇心。

GW模式。（G=graphic,W=words）即為圖案＋文字模式。圖案經(jīng)常為一些可以表示“空白”隱
喻的圖案或者是自家應(yīng)用的吉祥物相關(guān)的圖案，抑或是可以為跟頁面引導(dǎo)相關(guān)的圖案。文字一般包含：標(biāo)題，說明。標(biāo)題通常是解釋此處空白的原因，如
“Oops,地理定位被關(guān)閉啦，無法使用該功能哦”，“網(wǎng)絡(luò)出問題啦”等，說明則解釋出現(xiàn)此狀況的原因和解決辦法等。文案的風(fēng)格經(jīng)常根據(jù)產(chǎn)品的調(diào)性去設(shè)
計，有些走賣萌路線，有些走高冷路線，有些甚至走狂暴路線等等。鑒于此類型是一種最常見的類型，單純的包涵文字或單純包涵圖案的設(shè)計手法也歸納到GW模式
中。如下圖：