不同的平臺(tái)應(yīng)該做不同的事油吭，因?yàn)椴煌钠脚_(tái)天生地具有不同的屬性击蹲，而屬性的不同也就決定了什么是合適的，什么是不合適的婉宰。

　　比如說歌豺，簡書，在PC上心包，手機(jī)上类咧，以及在平板上，理應(yīng)做一些不同的事情蟹腾。

－

　　PS一下：話說我是有多么痛恨分割線啊痕惋，寧愿自己弄一個(gè)符號，也堅(jiān)決不用hr（hr就是HTML里的分割線）娃殖。

　　關(guān)于產(chǎn)品設(shè)計(jì)值戳，有一句話我很認(rèn)同，就是當(dāng)你設(shè)計(jì)產(chǎn)品的時(shí)候炉爆，你實(shí)際上在設(shè)計(jì)的是使用情境堕虹。

　　你需要知道或者說引導(dǎo)用戶在不同的設(shè)備上做不同的事柿隙，因?yàn)椴煌脑O(shè)備天然地就有不同的特性。

　　對于PC來說鲫凶，一般而言禀崖，人們都是正襟危坐在書桌前，雙手放在桌面上螟炫，左手?jǐn)R于鍵盤波附，右手在鍵盤和鼠標(biāo)之間不停切換。因此昼钻，使用PC的時(shí)候大多數(shù)都是比較正規(guī)的掸屡，人也處于比較亢奮或者至少比較認(rèn)真的狀態(tài)，不會(huì)太過隨意然评。

　　而手機(jī)的使用情境就全然不同仅财。

　　使用手機(jī)的時(shí)候，幾乎完全可以肯定是碎片時(shí)間碗淌，用戶只是在兩件重要度較高的事件的過渡過程中盏求，使用手機(jī)來快速獲取信息。因此和PC截然不同亿眠，手機(jī)的使用情境以信息快速獲取和快速反饋為主碎罚，不可能是比較正規(guī)和亢奮的工作狀態(tài)，而只能是閑暇的匆匆一瞥纳像。

　　平板則和手機(jī)又有不同荆烈。

　　如果說手機(jī)的使用大多是碎片時(shí)間，那使用平板則至少是大只的碎片竟趾，有些時(shí)候甚至就是專注地使用平板憔购。比如說，躺在床上岔帽，拿著平板看電影玫鸟。亦或者將平板掛在墻上，看著平板上的菜譜燒菜山卦。

　　使用平板比使用手機(jī)更正式鞋邑，持續(xù)時(shí)間更長，人們的專注力也一般更集中账蓉。平板既可以兼顧碎片時(shí)間枚碗，又可以作為主力使用設(shè)備。而使用平板不如PC那么正式正規(guī)铸本、那么嚴(yán)肅肮雨，使用平板更加生活化，也更多了移動(dòng)的特性箱玷。

　　而使用筆記本就又有不同怨规。

　　在移動(dòng)設(shè)備大量出現(xiàn)的情況下陌宿，筆記本的定位比較尷尬——它既不如PC那么正式，也不如平板手機(jī)那么隨意波丰。

　　我們可能抱著筆記本窩在沙發(fā)里壳坪，或者蜷在被窩中，但又不可能是躺于其中掰烟。筆記本的適應(yīng)情境因此比較多變和零碎爽蝴，強(qiáng)烈依賴于用戶的使用習(xí)慣。

　　因此纫骑，筆記本所對應(yīng)的使用情境就是復(fù)合式的——它不如平板那么移動(dòng)蝎亚，又不如PC那么固定。如果說PC是固體先馆，平板是液體发框，那么筆記本就是膠質(zhì)。

　　筆記本的特性煤墙，在于和移動(dòng)設(shè)備不同的“移動(dòng)”梅惯，即“輸運(yùn)”——它的移動(dòng)不是工作中移動(dòng)，而是非工作狀態(tài)的移動(dòng)番捂，這是和平板等移動(dòng)設(shè)備的本質(zhì)卻別个唧。

　　因此，僅如此分析而言设预，四類產(chǎn)品的使用情境已經(jīng)有了本質(zhì)的區(qū)分——

　　PC的使用情境是正規(guī)的，認(rèn)真的犁河，專注力高的鳖枕。

　　平板的使用情境是閑暇的，生化的桨螺，專注力高的宾符。

　　手機(jī)的使用情境是閑暇的，碎片的灭翔，專注力轉(zhuǎn)瞬即逝的魏烫。

　　筆記本的使用情境則是在平板和PC之間。

＝

　　使用情境當(dāng)然不但如此肝箱。

　　從上述四類設(shè)備的操作方式哄褒，也能區(qū)分出更多的使用情境細(xì)節(jié)來。

　　比如說煌张，一般而言呐赡，人們使用PC的時(shí)候是鼠標(biāo)和鍵盤，使用筆記本則會(huì)引入手勢（特別是Mac）骏融，而平板主要是手勢和觸控链嘀，手機(jī)則主要是觸控萌狂。

　　使用方式的不同，自然也決定了應(yīng)用所要做的交互的內(nèi)容是不同的怀泊。

　　比如說茫藏，PC和筆記本就更加適合文字的輸入，而平板和手機(jī)則不適合——我們目前的語音輸入還沒那么發(fā)達(dá)霹琼。

　　基于此刷允，平板和手機(jī)這樣的移動(dòng)設(shè)備更適合短小文字信息的錄入，比如記錄一個(gè)靈感碧囊，一個(gè)GTD事項(xiàng)树灶，一份備忘，拍一條微博糯而，發(fā)一條推天通，諸如此類。而作為比較熄驼，PC和筆記本則適合輸入長篇文字像寒。

　　我們現(xiàn)代社會(huì)生活節(jié)奏快工作壓力大，導(dǎo)致了碎片化的時(shí)間增多瓜贾，而大把的時(shí)間塊在減少诺祸，這也就導(dǎo)致了手機(jī)平板這樣的移動(dòng)設(shè)備的使用將多于PC和筆記本（的非職業(yè)需要狀態(tài)）的使用。而這又導(dǎo)致了基于設(shè)備的使用情境的不同祭芦，從而人們更加被迫傾向于輸入碎片化的文字信息筷笨，比如微博和推特，而較少地輸入長篇文字——此一結(jié)論與當(dāng)下的現(xiàn)象非常符合龟劲。

　　而交互方式的不同除了決定了輸入的信息的形式是不同的胃夏，也決定了應(yīng)用的交互方式必須做出相應(yīng)的調(diào)整——所以，原則上時(shí)下所謂的響應(yīng)式布局實(shí)際上卻是不成立的昌跌，因?yàn)橥瑯拥木W(wǎng)頁仰禀，交互方式不同決定了不同設(shè)備上不是簡單的調(diào)整布局方式就好了的，還要考慮到交互方式和用戶所需的內(nèi)容與信息種類的不同而帶來的調(diào)整蚕愤，這是當(dāng)下的響應(yīng)式布局所無能為力的答恶，只能重新設(shè)計(jì)——當(dāng)然了，對于已經(jīng)確定要顯示的內(nèi)容呈現(xiàn)頁來說這倒不是問題萍诱。

＋

　　上面是簡單分析了不同設(shè)備的使用情境的不同悬嗓，下面就來揣測一下同一個(gè)服務(wù)，比如簡書砂沛，在不同的設(shè)備上應(yīng)該呈現(xiàn)什么樣的差異化服務(wù)烫扼。

　　先說一下大致有哪些需要考慮的應(yīng)用分類：

　　１碍庵，PC類：

　∮称蟆１.１悟狱，網(wǎng)頁；

　⊙呙ァ１.２挤渐，WebApp；

　∷酢１.３浴麻，桌面應(yīng)用；

　《谂省２软免，手機(jī)App：

３，平板App焚挠。

　　總共五類應(yīng)用膏萧。

　　PC段之所以分三類，因?yàn)檫@三個(gè)子類的應(yīng)用情境也是有不同的蝌衔。

　　網(wǎng)頁榛泛，就不說啥了。WebApp和和網(wǎng)頁的區(qū)別噩斟，在于WebApp和瀏覽器的結(jié)合更緊密曹锨，可以調(diào)用更多的瀏覽器資源，從而作為WebApp可以做更多的事情剃允。WebApp和桌面的區(qū)別沛简，在于WebApp更加輕量級，不能調(diào)用桌面那么多的資源——而且硅急，學(xué)究氣地來說覆享，原則上WebApp的跨平臺(tái)性更好，當(dāng)然這點(diǎn)在這里是廢話营袜。舉一個(gè)例子，Evernote就有網(wǎng)頁丑罪、WebApp和桌面應(yīng)用三種荚板，從功能來說，網(wǎng)頁版和桌面版已經(jīng)幾乎沒有差別吩屹，所以WebApp版也不會(huì)有太大不同（事實(shí)上和網(wǎng)頁版在界面上是一樣的）跪另。

　　很多游戲也分桌面版和WA版。就如筆記本是PC和平板的過渡一樣煤搜，WA也可以看作是網(wǎng)頁和桌面的一個(gè)過渡免绿。在功能上，WA可以比網(wǎng)頁版更豐富擦盾，但又不會(huì)像桌面版那么重量級——這里吐槽一下Adobe的Air嘲驾。Air可以看作是加重了的WA淌哟，而且，真的很重……和WA一樣辽故，Air可以做到較好的跨平臺(tái)徒仓，一個(gè)界面（原則上）通吃所有設(shè)備，而體驗(yàn)的一致性是很重要的誊垢，雖然當(dāng)設(shè)備差異太大的時(shí)候一致性反而很奇怪掉弛。

　　對使用情境來說，使用桌面版的時(shí)候喂走，目前用戶的普遍內(nèi)心狀態(tài)依然是——這是我個(gè)人的事情殃饿，和整個(gè)網(wǎng)絡(luò)相對隔離。

　　比如說芋肠，我們雖然有完善的云體驗(yàn)乎芳，但是用Office或者WPS來寫文檔的時(shí)候，總是在心理默認(rèn)為“這是我一個(gè)人在寫业栅，寫完以后給大家看”這個(gè)一個(gè)情境秒咐，因此和ChromeOS所給的GDrive的在線編輯體驗(yàn)完全不同——也因此GDoc剛出來的時(shí)候大家很震撼，明明內(nèi)心是“我個(gè)人的寫作”碘裕，但實(shí)際上卻能看到大家一起在編輯携取。這種精分的體驗(yàn)有好有壞，看需求帮孔。單就寫作而言雷滋，桌面版的使用情境暗示了用戶其是在獨(dú)自離線地完成寫作內(nèi)容。

　　而網(wǎng)頁版應(yīng)用的普遍使用情境則不會(huì)如此——無論簡書如何避免文兢，一旦在網(wǎng)頁版寫作晤斩，那種SNS的特性是揮之不去撲面而來的。當(dāng)然姆坚，也有在網(wǎng)頁版和桌面版上幾乎沒有使用情境差異的澳泵，比如Evernote的桌面版和網(wǎng)頁版在UI上的差距基本就可以被大家所無視。

　　相對設(shè)備不同帶來的使用情境差異兼呵，網(wǎng)頁版和桌面版的差異對使用情境的影響還是比較小的——當(dāng)然兔辅，這主要看你打算做什么產(chǎn)品提供什么服務(wù)。

　　回到簡書的問題击喂，個(gè)人認(rèn)為维苔，簡書如果要做桌面版（雖然不大可能）的話，在功能上倒是可以適當(dāng)?shù)刈龀鰝?cè)重點(diǎn)的轉(zhuǎn)移懂昂。

　　簡書的根基是網(wǎng)頁版介时，而且，網(wǎng)頁版也的確做的非常好（這個(gè)馬屁拍得嘹亮吧～），如果要做桌面版沸柔，可以將側(cè)重點(diǎn)轉(zhuǎn)移到桌面版所特有的使用情境上來——個(gè)人循衰，獨(dú)立。

　　桌面版相對網(wǎng)頁版來說勉失，使用情境羹蚣，如前所述，更側(cè)重于個(gè)人的寫作與閱讀體驗(yàn)乱凿，所以簡書桌面版可以考慮順?biāo)浦弁缢兀瑢⑺蠸NS元素都淡化，就讓桌面版成為個(gè)人書寫和閱讀的終端徒蟆。而且桌面版本來就可以在編輯器上完爆網(wǎng)頁版（雖然我是HTML5的忠實(shí)擁泵胁出，但我還是堅(jiān)定地認(rèn)為論編輯器等大型重量級交互，桌面版依然完爆網(wǎng)頁版）段审，所以如果讓我來做全蝶，簡書的桌面版將在這方面的用戶體驗(yàn)上做強(qiáng)化，而弱化社交性和網(wǎng)絡(luò)型——所有操作都讓用戶感覺是在本地完成的寺枉，而不是實(shí)際上的發(fā)生在云端抑淫。

　　WA版，由于可以充分利用瀏覽器的特性姥闪，所以如果可能的話我也會(huì)考慮來做始苇。

　　WA版的使用情境介于網(wǎng)頁版和桌面版之間，但WA版的一個(gè)大特色筐喳，就是WebApp是可以使用大量瀏覽器API的催式，其中最讓人心動(dòng)的就是Rich Notification。這貨在最新的Chrom上又被增強(qiáng)（事實(shí)上Chrome的Rich Notification已經(jīng)遠(yuǎn)超HTML5標(biāo)準(zhǔn)的Notification了）了避归，所以不發(fā)揮這個(gè)特色就太對不起編劇了荣月。

　　由于WA可以大量使用瀏覽器，而瀏覽器本身的使用情境就是網(wǎng)絡(luò)梳毙、互動(dòng)哺窄、社交，這些元素账锹，所以和桌面版不同堂氯，WA版的簡書將極大可能地突出社交性——比如有了互動(dòng)就用瀏覽器通知你（Omnibox上來一個(gè)簡書娘的扭動(dòng)，Extension　Badge也跟著一起搖曳牌废，最后底部右側(cè)彈出一個(gè)Notification，哇塞啤握，騷爆了Ｄ衤啤）。而且瀏覽器的離線存儲(chǔ)和離線交互（WA可以做到離線交互，而不用每次都訪問網(wǎng)站懂从，雖然HTML5本來也可以做到離線緩存授段，但還是有不同的），因此WA版可以在增強(qiáng)社交性的同時(shí)番甩，提供良好的離線體驗(yàn)侵贵。

　　這不但對簡書如此，對幾乎所有的應(yīng)用缘薛，WA版的這兩個(gè)特性總是最閃耀的窍育，俗稱逼光閃閃放光彩。

　　PC版在桌面版和WA版上走了兩個(gè)極端宴胧，但和不同設(shè)備漱抓，比如手機(jī)版和平板版相比，還是比較類似的——提供的功能和服務(wù)基本沒有不同恕齐，只不過側(cè)重點(diǎn)發(fā)生了轉(zhuǎn)移乞娄。

　　從PC版到手機(jī)版，服務(wù)本身就可以甚至必須做出一定的調(diào)整显歧。

　　正如前面所分析的仪或，手機(jī)版的應(yīng)用的使用情境是偏向于碎片化時(shí)間的應(yīng)用的，人們的注意力相對而言也不會(huì)那么專注和集中士骤。在交互方面范删，手機(jī)的使用情境主要是觸控而非輸入，這是和PC版最大的不同敦间。

　　上述所有這些決定了瓶逃，手機(jī)版簡書的使用情境應(yīng)該側(cè)重于利用碎片時(shí)間的快速閱讀以及敏捷交互——輸入文章這條從一開始就被槍斃了。

　　什么是敏捷交互廓块？就是贊一個(gè)厢绝，踩一個(gè)，輸入一個(gè)表情带猴，結(jié)束昔汉。

　　最常見的敏捷交互就是在微博上的贊和轉(zhuǎn)發(fā)——甚至都不是評論。放在推特上拴清，就只是轉(zhuǎn)發(fā)靶病。

　　只要敏捷交互。

　　評論的輸入已經(jīng)不能算是敏捷交互了口予，而如果是簡叔推崇的千字文娄周，放在手機(jī)上，你就饒了勞苦大眾吧您哪沪停！

　　簡書現(xiàn)在有贊煤辨，這是敏捷交互裳涛。發(fā)布到微博和推特，這也算是敏捷交互众辨。評論已經(jīng)不敏捷了端三，或者說還不夠敏捷。

　　敏捷交互版的評論可以是這樣的：有一排表情鹃彻，你點(diǎn)一下郊闯，就作為評論發(fā)出了（關(guān)于這一排表情的多少，請注意“敏捷”兩字蛛株，百來個(gè)表情是怎么都敏捷不起來的……）团赁。

　　這樣就夠敏捷了。

　　手機(jī)的碎片時(shí)間利用和交互方式?jīng)Q定了泳挥，PC上所常見的交互方式在手機(jī)上就是太過繁重的負(fù)擔(dān)然痊。

　　我們可以做一個(gè)比較，那就是豆瓣閱讀（這方面Evernote可以作為反面典型屉符。剧浸。。手機(jī)上和PC上幾乎一樣重…………）

　　豆瓣閱讀的PC版（也就是網(wǎng)頁版）提供了劃線矗钟、評論唆香、批注、分享吨艇、書簽這幾個(gè)常用功能（別的這里就不一一列舉了）躬它，而在手機(jī)版上，評論被弱化了东涡，批注直接被去除冯吓。這主要是因?yàn)椋ㄔ谖铱磥恚⒌牟僮骱蛣澗€重復(fù)疮跑，而且要輸入內(nèi)容的話在手機(jī)那么小的屏幕上很難有很好的用戶體驗(yàn)——屏幕一半已經(jīng)死于輸入法界面组贺，另一半是輸入框，劃線部分本就看不到了祖娘，所以還不如只保留劃線和評論失尖。

　　因?yàn)槭謾C(jī)的使用情境不同，手機(jī)版的應(yīng)用在功能上做出適當(dāng)?shù)膭h減以及調(diào)整渐苏，在我看來是非常應(yīng)該的——這也可以看作是響應(yīng)式交互掀潮，不但UI自動(dòng)適配，連UX也做出調(diào)整琼富。

　　甚至于仪吧，在我看來，連內(nèi)容也需要做出調(diào)整鞠眉。

　　對手機(jī)版來說邑商，上述的使用情景下摄咆，太長的文字已經(jīng)不適合被推薦給讀者了——簡書目前又不提供書簽和收藏功能，長文字在手機(jī)上閱讀的進(jìn)度不能同步到PC段人断，所以會(huì)導(dǎo)致閱讀體驗(yàn)的下降。為此朝蜘，簡書首頁推薦在手機(jī)端上其實(shí)最好是另開一版——手機(jī)的歸手機(jī)恶迈，PC的歸PC，上帝的歸上帝谱醇，凱撒的歸凱撒暇仲。手機(jī)版的首頁推薦內(nèi)容以短頻快的精彩小文為主，一篇一分鐘最多兩三分鐘能拿下的微小說和微評論最適合不過副渴，而動(dòng)則四五分鐘朝上的閱讀對手機(jī)來說不是好事——還記得二逼尿FlappyBird么奈附？一局不超過三十秒，短頻快煮剧，填充碎片時(shí)間妥妥的（聯(lián)想到某些活塞運(yùn)動(dòng)短頻快的還在那里歡呼妥妥的的朋友請自覺站到墻角面壁思過）斥滤。

　　內(nèi)容在某些時(shí)候也需要因?yàn)槭褂们榫暗牟煌龀稣{(diào)整，這是最好的了勉盅。

　　最后來說平板版佑颇。

　　平板用作輸入已經(jīng)比手機(jī)好了很多，但就實(shí)際使用經(jīng)驗(yàn)來說草娜，在平板上輸入文字還是很蛋疼的挑胸。

　　因此，平板依然不適合長文字的輸入——簡叔的千字文計(jì)劃還是省省吧宰闰。

　　但茬贵，相對的，平板已經(jīng)不是很以來敏捷交互了移袍，它允許用戶有一定的交互強(qiáng)度解藻，只要不是長文即可。因此平板版的簡書可以提供完整的評論功能咐容，而不需要只提供敏捷交互版的評論舆逃。

　　在操作方式上，平板相對PC更突出觸控和手勢——而手機(jī)主要是觸控戳粒，手勢弱化了很多路狮。因此，平板版的簡書提供一定量的快捷手勢是很必要的——就如PC版上應(yīng)該提供一些快捷鍵一樣蔚约。

　　從使用情境來說奄妨，平板的使用已經(jīng)注定了用戶的社交心理已經(jīng)被調(diào)動(dòng)了起來，所以平板版可以考慮和WA版一樣苹祟，突出社交特性——這方面手機(jī)版也理當(dāng)如此砸抛，但考慮到敏捷交互要求交互強(qiáng)度不能太多评雌，所以過多的社交性對手機(jī)版來說反而是一個(gè)累贅。

　　就突出社交來說直焙，平板版應(yīng)該是發(fā)展的主力景东，這點(diǎn)甚至可以考慮優(yōu)于網(wǎng)頁版——網(wǎng)頁版，你開到另一個(gè)頁面奔誓，有了新通知你也不可能及時(shí)知道斤吐，但在WA版和平板版（以及手機(jī)版）上卻可以及時(shí)獲取消息。因此如果要做社交厨喂，平板是主戰(zhàn)場和措。

　　但，這又回到了簡書的定位蜕煌。

　　作為一個(gè)強(qiáng)調(diào)書寫和文字的服務(wù)派阱，簡書中的社交即便有也應(yīng)該強(qiáng)調(diào)的是“以文會(huì)友”（所以我又要怨念一句我的Traceback了……），這樣的話斜纪，普通傳統(tǒng)的SNS方案并不適合簡書——那是以人為單位和媒介的交互贫母，而不是以文為單位。

　　從這點(diǎn)來看傀广，桌面版說不定比平板版更值得關(guān)注颁独。

　　當(dāng)然了，一切的一切都需要回到那個(gè)原點(diǎn)——簡書的根基還是在網(wǎng)站上伪冰，所以網(wǎng)站版如果做不好誓酒，別的也都免談了。

　　畢竟贮聂，以文會(huì)友的使用情境本身已經(jīng)決定了靠柑，至少對我們這代人來說，使用簡書的時(shí)候吓懈，心情情境是端坐在網(wǎng)站中的歼冰。

*

　　最后來總結(jié)下。

　　使用情境基本上決定了一款產(chǎn)品在不同設(shè)備甚至不同環(huán)境中應(yīng)該給予用戶什么樣的體驗(yàn)耻警，這種體驗(yàn)包括了視覺體驗(yàn)（UI）和交互體驗(yàn)（UX）隔嫡，以及，最好還能有不同但更智能跟適合的服務(wù)體驗(yàn)（內(nèi)容）甘穿。

　　但這種不同又不是天馬行空的全然改變腮恩，而是要在堅(jiān)持服務(wù)最核心內(nèi)容不變的情況下做出的調(diào)整。

　　能做到如此的產(chǎn)品温兼，才能算得上是好的響應(yīng)式作品吧秸滴。

　　歐耶，廢話完畢～～