|
文字工作搞的有點兒奔放了啊，一直玩到周日晚間這般時候；任何其他事情恐怕都難以讓自己有這樣的勁頭了吧。也難說。其實周末兩天主要是收拾家當(dāng)準(zhǔn)備搬家；忙里抽閑做做內(nèi)容，純當(dāng)休閑娛樂。
今次的譯文，與之前一篇產(chǎn)品早期原型設(shè)計與用戶測試方面的文章類似，也是來自一本新書，Mobile Design Pattern Gallery(移動應(yīng)用設(shè)計模式畫廊)，有興趣的同學(xué)可以搜搜，我就不加書店鏈接了。確實沒時間念叨那些有的沒的了，有點鬧不住了；讓我們歡快的進入正文吧。
前段日子，我們(英文原文作者)的團隊接到了一個新的移動應(yīng)用項目。悲催的是，當(dāng)時所有的移動方面的設(shè)計師都已經(jīng)被其他項目買票了，剩下的設(shè)計師所擅長的領(lǐng)域基本都在企業(yè)級應(yīng)用或效率工具等方面。于是，我制作了一個包含大量移動應(yīng)用截圖的快速教程，希望幫助他們盡快熟悉新方向。結(jié)果真心好，培訓(xùn)效果喜人，這套教程也成為我們手頭的移動應(yīng)用設(shè)計模式參考，并逐步編纂成書。
我(英文原文作者)個人對其中關(guān)于“引導(dǎo)”方面的話題最有愛，在這里分享給大家。需要提一下，雖然這些設(shè)計模式都是基于移動應(yīng)用歸納出的最佳實踐方式，但它們在某種程度上同樣適用于移動化的網(wǎng)站設(shè)計。
還記得第一次使用Photoshop時的情形嗎？給我印象最深刻的就是一個空白畫布和左側(cè)的一堆強大工具。話說，當(dāng)時我也只是假設(shè)它們很強大，實際上不能確定，因為面對這樣一個界面，我完全不知道從哪里開始使用。于是我只好又買來一本“Teach Yourself Photoshop in 24 Hours”，花點時間自學(xué)先。(24小時系列教程，小C我只看過JavaScript一本，印象里真心爛。)
10多年之后的現(xiàn)在，移動市場中出現(xiàn)了成千上萬的應(yīng)用，每個類別中，都有好幾打功能幾乎完全相同的。這些應(yīng)用多數(shù)是免費的，所以我們時常會隨便挑一個下載安裝，花5分鐘研究一下那些直覺性很差的用戶界面，然后卸掉，再去裝另外一個玩玩看。
Layar Reality Browser是一款基于“增強現(xiàn)實”(Augmented Reality，簡稱AR)技術(shù)的移動應(yīng)用，它的初期版本如下圖所示：
是什么讓我經(jīng)由這塊大片灰色的界面得到了“增強現(xiàn)實”？答案就是“引導(dǎo)”。對于移動應(yīng)用來說，“引導(dǎo)”的本質(zhì)就是一種小提示，當(dāng)用戶第一次使用app的時候顯示出來，向用戶推薦一些常用功能的操作方式，或引領(lǐng)他們完成一個預(yù)設(shè)的教學(xué)目標(biāo)。簡單卻用心的引導(dǎo)方式可以很有效的在初次體驗中提升用戶滿意度。
移動應(yīng)用的引導(dǎo)模式大致分為八類：
- 對話(Dialog)
- 提示(Tip)
- 游歷(Tour)
- 視頻演示(Video Demo)
- 半透明標(biāo)注(Transparency)
- 嵌入(Embedded)
- 持續(xù)(Persistent)
- 探索(Discoverable)
出處：Be For Web
責(zé)任編輯：bluehearts
上一頁 下一頁 具有引導(dǎo)性的移動應(yīng)用界面設(shè)計 [2]
|
第 1 頁 具有引導(dǎo)性的移動應(yīng)用界面設(shè)計 [1]
第 2 頁 
