中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計(jì) > 設(shè)計(jì)理論 > 具有引導(dǎo)性的移動應(yīng)用界面設(shè)計(jì)
NUI自然用戶界面 回到列表 Q+ Web 改版設(shè)計(jì)小結(jié)
 具有引導(dǎo)性的移動應(yīng)用界面設(shè)計(jì)

作者:C7210 時間: 2011-12-14 文檔類型:原創(chuàng) 來自:Be For Web

第 1 頁 具有引導(dǎo)性的移動應(yīng)用界面設(shè)計(jì) [1]
第 2 頁 具有引導(dǎo)性的移動應(yīng)用界面設(shè)計(jì) [2]
第 3 頁 具有引導(dǎo)性的移動應(yīng)用界面設(shè)計(jì) [3]
第 4 頁 具有引導(dǎo)性的移動應(yīng)用界面設(shè)計(jì) [4]

半透明標(biāo)注(Transparency)

與其他具有引導(dǎo)性的設(shè)計(jì)模式相比,半透明標(biāo)注的方式對于觸屏設(shè)備來說有些獨(dú)特。它通常會在應(yīng)用的首屏出現(xiàn),以一個覆蓋在真實(shí)界面上方的半透明層為背景。Pulse和Phoster是比較典型的例子,通過半透明標(biāo)注的模式,他們快速并且可視化的向用戶展示了怎樣對內(nèi)容進(jìn)行導(dǎo)航。

我們應(yīng)該以正確的方式使用半透明標(biāo)注,而不是試圖通過這種效果來彌補(bǔ)應(yīng)用界面本身的拙劣設(shè)計(jì)。當(dāng)用戶開始產(chǎn)生相應(yīng)的交互行為時,要及時的移除標(biāo)注。

mobile-design-patterns-app-invitation-model-transparency-pulse-phoster

嵌入(Embedded)

與其他模式不同,“嵌入”不會在目標(biāo)界面加載之前呈現(xiàn)。在這種模式中,相關(guān)的引導(dǎo)內(nèi)容會融入到界面設(shè)計(jì)當(dāng)中,直到被真正的內(nèi)容覆蓋移除掉。Mini Diary和PageOnce都是典型的例子,通過嵌入式的提示,他們可以立刻推動用戶進(jìn)行相關(guān)操作。

在一個界面中可以存在多個嵌入式引導(dǎo)提示。在設(shè)計(jì)應(yīng)用的界面時,要對這些嵌入式元素進(jìn)行差異化處理,通過圖片等方式使它們能與普通內(nèi)容很好的區(qū)別開。

mobile-design-patterns-app-invitation-model-embedded-mini-diary-pageonce

持續(xù)(Persistent)

這種方式同樣會融入到界面當(dāng)中,并始終存在。例如,Jamie Oliver's Recipes會始終建議用戶使用橫屏的方式獲取額外的功能。Spring Pad則結(jié)合了“嵌入”與“持續(xù)”兩種模式——用來引導(dǎo)用戶添加自定義內(nèi)容的“+”符號會始終存在,并不斷被正式內(nèi)容替代。

mobile-design-patterns-app-invitation-model-persistent-recipes-spring-pad

探索(Discoverable)

所謂的“探索”式引導(dǎo),聽上去也許有些矛盾,但它是一種鼓勵用戶進(jìn)行某種特定交互操作的有效方式,同時不會影響到應(yīng)用界面本身的設(shè)計(jì)。通常,這類引導(dǎo)會在某些操作的觸發(fā)下呈現(xiàn),例如下拉或側(cè)翻頁面。

要對這種引導(dǎo)方式的使用保持謹(jǐn)慎。它最常規(guī)的作用是刷新或加載更多內(nèi)容。

mobile-design-patterns-app-invitation-model-discoverable-ebay-timeline

本站原創(chuàng)編譯文章。如需轉(zhuǎn)載,請注明:本文來自Be For Web

英文原文:  http://www.uxbooth.com/blog/mobile-design-patters/

譯者信息: C7210 - Web設(shè)計(jì)與前端玩家,現(xiàn)就職于大眾點(diǎn)評網(wǎng)產(chǎn)品部用戶體驗(yàn)設(shè)計(jì)組(UED)

本文鏈接:http://www.95time.cn/design/doc/2011/8701.asp 

出處:Be For Web
責(zé)任編輯:bluehearts

上一頁 具有引導(dǎo)性的移動應(yīng)用界面設(shè)計(jì) [3] 下一頁

相關(guān)文章
手機(jī)站點(diǎn)和桌面站點(diǎn)設(shè)計(jì)的10個區(qū)別
作者文章
原型設(shè)計(jì)與用戶測試
步步為營的用戶體驗(yàn)設(shè)計(jì)
線框圖的本質(zhì)及實(shí)踐應(yīng)用概述
從網(wǎng)站到移動客戶端應(yīng)用
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計(jì)大賽開啟
國際體驗(yàn)設(shè)計(jì)大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計(jì)欣賞
情感化界面
線下項(xiàng)目工作流程(歸納篇)
線下項(xiàng)目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計(jì)
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計(jì)
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:4/41個記錄/頁 轉(zhuǎn)到 頁 共4個記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報(bào)告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報(bào)告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報(bào)告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2