UI設(shè)計范式之三:實時預(yù)覽_網(wǎng)頁設(shè)計教程
推薦:如何面對改版?關(guān)于改版,在上一篇文章中我談到了三方面的內(nèi)容:為什么要改版?期望達(dá)到的目標(biāo)?如何改版?下面就這三方面(我考慮了下,增加了改版后的測試),結(jié)合聚會上
問題綜述
用戶總是希望第一時間就能知道自己填寫的表單遞交以后會是什么樣的結(jié)果。
舉例
適用范圍
當(dāng)你原意為用戶提供其填寫內(nèi)容的實時預(yù)覽功能的時候
當(dāng)你覺得要求用戶填的內(nèi)容比較復(fù)雜,以至于用戶較難預(yù)料遞交以后會是輸出什么效果的時候
簡單的表單輸入無需實時預(yù)覽;最終輸出內(nèi)容不涉及到排版的情況也無需使用
解決方案
頁面里實時更新著用戶在表單中輸入內(nèi)容的預(yù)覽效果。用戶不在需要等到遞交或保存以后才能看到結(jié)果。瀏覽器直接是根據(jù)用戶在頁面上的要害操作把該處理的數(shù)據(jù)都處理掉然后預(yù)覽給用戶看。
(譯者:使用成熟的AJAX技術(shù)可以輕松實現(xiàn)這一效果)
更多例子
當(dāng)你在www.interaction-design.org網(wǎng)站上添加文章的時候(圖片下半部分), 你無需點"Add note"就能實時看到文章的預(yù)覽效果(圖片上半部分)。
原理總結(jié)
這個設(shè)計范式增加了頁面的交互性。用戶不在需要點擊遞交或者保存按鈕并等待頁面刷新后才能檢查自己剛才輸入的內(nèi)容是對是錯。取而代之的是實時預(yù)覽。
分享:網(wǎng)易不太成功的首頁改動為了配合有道正式版上線和網(wǎng)站的一些合作項目,新改動網(wǎng)易首頁今天上線,個人認(rèn)為不是非常成功.首先是可讀性問題。這是頁面在1024*768分辨率下的截圖,頁面
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費CDN申請使用教程:100GB流量香港日本新加坡節(jié)點
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計教程-UI設(shè)計范式之三:實時預(yù)覽
。