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