2013-11-1 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.ocunn.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源：http://www.uisdc.com/banner-click-rate
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
一個(gè)工作流可以產(chǎn)生大量的交互模式，在功能上每種模型都可以很相似，但在用戶體驗(yàn)上差異就會(huì)很大了。如何通過(guò)具有特色的交互方式創(chuàng)建超越同類用戶體驗(yàn)的應(yīng)用就顯得至關(guān)重要了。
工作流的定義是所有交互設(shè)計(jì)活動(dòng)的基礎(chǔ)。我們就是在定義工作流的過(guò)程中確定用戶與應(yīng)用的交互方式。你可以根據(jù)想要實(shí)現(xiàn)的目標(biāo)，在多種不同的層次上對(duì)其進(jìn)行定義。在有些情況下，你只需要抽象地定義工作流，而不必關(guān)注其功能細(xì)節(jié)和具體的交互方式。這對(duì)確定功能集和一般流程之間的關(guān)系是很有價(jià)值的。而在另一些情況下，你則需要定義用戶可能會(huì)碰到的所有交互、事件以及狀態(tài)變化的邏輯，以清晰地勾勒出整個(gè)應(yīng)用程序的操作方式。
為了進(jìn)行交互建模，你需要更為詳細(xì)的工作流，而不是抽象且高層次的工作流，但也不需要過(guò)于詳細(xì)。交互模式的詳細(xì)程度取決于應(yīng)用的性質(zhì)。下面詳細(xì)剖析如何構(gòu)建交互模式：
如前所述，交互建模是對(duì)應(yīng)用的整體交互行為進(jìn)行定義，并規(guī)范如何運(yùn)用或規(guī)劃這些交互行為來(lái)為用戶創(chuàng)建具有一致性的、易于理解的交互模式。《iOS用戶體驗(yàn)設(shè)計(jì)》第2章介紹了作為iOS用戶體驗(yàn)基礎(chǔ)的概念模型和空間模型。分層平面和空間模型這兩種概念共同組成了iOS的基本交互模式。可以看到，如果你能夠合理運(yùn)用這些概念，它們就能發(fā)揮出巨大的力量。（參見(jiàn)圖1-1）
圖1-1 iPhone中體驗(yàn)到的iOS空間模型
Default Plane 默認(rèn)層
Underlying Plane 隱含層
Superimposed Plane 疊加層
在開(kāi)始交互建模時(shí)，你需要以一種抽象的方式進(jìn)行思考。你不需要考慮具體的功能和內(nèi)容，而要考慮應(yīng)用所可能采用的各種不同的交互行為，由此來(lái)了解如何使用它們來(lái)控制界面上的元素。iOS為我們提供了大量的可選方案，比如，縮放、拖移、輕掃、滑動(dòng)和滾動(dòng)，等等。無(wú)論是單獨(dú)使用還是結(jié)合使用，這些手勢(shì)都可以用來(lái)創(chuàng)造出有趣的效果和截然不同的交互方式。
到目前為止，我在差異化方面已經(jīng)說(shuō)得不少了，其中最大的一項(xiàng)挑戰(zhàn)就是：弄清應(yīng)該在哪里并如何以最佳方式對(duì)應(yīng)用中的交互方式進(jìn)行差異化設(shè)計(jì)。交互建模中最重要的就是理解怎樣運(yùn)用這些概念。你可以自由嘗試并且思考如何將這些概念用到你的設(shè)計(jì)中去。創(chuàng)建一個(gè)具有差異性的解決方案并不困難，但是要?jiǎng)?chuàng)建一個(gè)可擴(kuò)展、易于擴(kuò)展且最重要的是易于用戶理解的解決方案，則需要花費(fèi)很大的努力。
讓我們來(lái)做個(gè)小練習(xí)，以便理解如何打破常規(guī)創(chuàng)建具有差異性的交互方式。想象一個(gè)簡(jiǎn)單的用戶界面組件，比如，列表視圖。在用戶體驗(yàn)或者用戶界面的設(shè)計(jì)中，列表對(duì)象是相當(dāng)常見(jiàn)的，而且用途非常廣泛。一般來(lái)說(shuō)，列表都是由文本對(duì)象豎直排列而成，并且每個(gè)文本對(duì)象都獨(dú)自占據(jù)一行（參見(jiàn)圖1-2）。
圖字：ITEM 列表項(xiàng)
圖1-2 典型的列表視圖
現(xiàn)在退一步，從抽象層面上思考一下列表究竟是什么。它本質(zhì)上只是一個(gè)可以讓你進(jìn)行選擇的對(duì)象數(shù)組。這是一個(gè)非常基本的概念。如果進(jìn)一步思考，你就會(huì)發(fā)現(xiàn)，并非一定要以豎直的方式來(lái)排列列表項(xiàng)，而且也不一定必須排成一列。所以你應(yīng)該問(wèn)問(wèn)自己，是否有其他更有價(jià)值的形式用來(lái)解決自己的問(wèn)題？這一問(wèn)題的答案可能不怎么顯而易見(jiàn)，所以我們需要考慮一些不同的方案，看看會(huì)不會(huì)產(chǎn)生一些有趣的效果。作為練習(xí)，我們來(lái)實(shí)踐一下如何進(jìn)行這一過(guò)程。
如果我們認(rèn)為垂直排列的列表沒(méi)有什么內(nèi)在價(jià)值，那么水平排列又會(huì)怎么樣呢（參見(jiàn)圖1-3）？
圖1-3 嘗試水平排列列表
盡管這挺有趣，但是我們卻發(fā)現(xiàn)這種方式有點(diǎn)問(wèn)題：當(dāng)設(shè)備處于縱向模式時(shí)，屏幕在水平方向上的可用空間就變得非常有限。那么這個(gè)問(wèn)題是否嚴(yán)重？如果不考慮具體情境，那這并不是什么大問(wèn)題。但是想快速瀏覽列表項(xiàng)時(shí)，這種方案的效率實(shí)在很低，因?yàn)槟銦o(wú)法一次看到所有的列表項(xiàng)。而當(dāng)設(shè)備處于橫向模式時(shí)，雖然情況稍有改善，但仍然不夠理想。
讓我們繼續(xù)拓展一下思維。為什么列表項(xiàng)要單列顯示？如果我們將列表中的一行擴(kuò)展為容納多個(gè)項(xiàng)的對(duì)象數(shù)組，或者說(shuō)將列表擴(kuò)展為某種網(wǎng)格結(jié)構(gòu)，那么會(huì)是什么效果呢？
圖1-4 將列表以網(wǎng)格形式顯示
現(xiàn)在就變得更有意思了。這種形式的列表的優(yōu)點(diǎn)就是能同時(shí)顯示多個(gè)列表項(xiàng)，比起傳統(tǒng)的列表，這種方案看起來(lái)進(jìn)步了不少。但它仍然存在一些不足，那就是文本對(duì)象的可用空間變小了，不過(guò)我們似乎可以調(diào)整一下文本對(duì)象的大小來(lái)應(yīng)對(duì)這個(gè)問(wèn)題。
很好！我們從基本的列表概念出發(fā)，一步一步地演變成為了這種形式。僅僅通過(guò)一些簡(jiǎn)單的嘗試，我們就徹底地改變了這種基本概念。但是我們不應(yīng)該就此止步，因?yàn)槿杂幸恍┑胤街档梦覀內(nèi)ヌ骄俊Ｗ屛覀兯伎家幌屡c列表和列表類型對(duì)象相關(guān)的交互行為。在iOS中，典型的列表可以通過(guò)向上或者向下快速輕掃，或者緩慢拖移位于界面邊緣的列表項(xiàng)來(lái)進(jìn)行導(dǎo)航，那么這種方式適用于網(wǎng)格形式的列表嗎？（參見(jiàn)圖1-5）
圖1-5 應(yīng)用于兩種解決方案的豎直方向上的滾動(dòng)操作
答案顯然是：沒(méi)有問(wèn)題！在這個(gè)示例中，滾動(dòng)方式完全適用，但要注意，這種方式并不適用于所有情況。你總是需要評(píng)估現(xiàn)有的交互行為，確保它在新的模式中依然可用。
繼續(xù)我們的示例。讓我們?cè)囍鴱某橄髮用嫠伎歼@個(gè)列表的交互行為。標(biāo)準(zhǔn)的iOS列表對(duì)象在任何時(shí)候都支持滾動(dòng)操作，而且因?yàn)槲谋緦?duì)象是縱向排列成一列的，所以滾動(dòng)方向也只局限在縱向上。由于我們的列表項(xiàng)不是縱向單列排列的，那應(yīng)該如何將滾動(dòng)操作應(yīng)用到現(xiàn)在這個(gè)模式中去呢？
圖1-6 網(wǎng)格中的多軸滾動(dòng)方式和行滾動(dòng)方式
針對(duì)這種情況，我們可以有很多種滾動(dòng)方式，而且它們可能都有效（參見(jiàn)圖6-6）。通過(guò)這一系列的示例，我們可以看到，基于已有的界面組件和交互方式來(lái)創(chuàng)建新的概念并非難事。這個(gè)列表示例只是一個(gè)開(kāi)端，很多其他的想法、界面組件和界面元素都可以通過(guò)這種方式來(lái)加以改進(jìn)。這么做可以幫助我們?yōu)閼?yīng)用程序設(shè)計(jì)出非常吸引人的用戶體驗(yàn)。
《iOS用戶體驗(yàn)設(shè)計(jì)》內(nèi)容簡(jiǎn)介：
本書(shū)針對(duì)開(kāi)發(fā)者與設(shè)計(jì)師的軟肋，由剖析蘋(píng)果《iOS人機(jī)界面指南》（HIG）入手，以創(chuàng)造易用性應(yīng)用體驗(yàn)為綱，重點(diǎn)探討了幾項(xiàng)值得關(guān)注的內(nèi)容。本書(shū)行文字字珠璣，點(diǎn)撥發(fā)人深省，讀者可深入了解蘋(píng)果應(yīng)用設(shè)計(jì)的各種脈象特征，從而能為制定自己的應(yīng)用開(kāi)發(fā)策略打下堅(jiān)實(shí)的理論基礎(chǔ)。
主要內(nèi)容有：
? 如何超越HIG創(chuàng)造成功的用戶體驗(yàn)
? 基于自身?xiàng)l件制定領(lǐng)先對(duì)手的差異化策略
? 發(fā)掘iOS功能，優(yōu)先打造高品質(zhì)移動(dòng)應(yīng)用
? 易用性與交互式建模
? 用戶自定制與功能自動(dòng)化的均衡
作者簡(jiǎn)介：Timothy Wood是EffectiveUI公司的用戶體驗(yàn)總監(jiān)，該公司屢獲殊榮，出品優(yōu)秀的軟件，提供突破性的交互體驗(yàn)。加入EffectiveUI之前，Wood曾任伊士曼柯達(dá)公司設(shè)計(jì)創(chuàng)新和高級(jí)開(kāi)發(fā)部門(mén)的創(chuàng)意總監(jiān)，并因其創(chuàng)意和設(shè)計(jì)能力而獲得了國(guó)際認(rèn)可。過(guò)去15年里，Wood專注于通過(guò)用戶體驗(yàn)進(jìn)行商業(yè)變革。
轉(zhuǎn)摘請(qǐng)注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.ocunn.cn