建站常識(shí)
UI設(shè)計(jì)范式之三：實(shí)時(shí)預(yù)覽
2007-12-20 11:06:00
問題綜述
用戶總是希望第一時(shí)間就能知道自己填寫的表單遞交以后會(huì)是什么樣的結(jié)果。
舉例
適用范圍
當(dāng)你原意為用戶提供其填寫內(nèi)容的實(shí)時(shí)預(yù)覽功能的時(shí)候
當(dāng)你覺得要求用戶填的內(nèi)容比較復(fù)雜，以至于用戶較難預(yù)料遞交以后會(huì)是輸出什么效果的時(shí)候
簡(jiǎn)單的表單輸入無需實(shí)時(shí)預(yù)覽；最終輸出內(nèi)容不涉及到排版的情況也無需使用
解決方案
頁(yè)面里實(shí)時(shí)更新著用戶在表單中輸入內(nèi)容的預(yù)覽效果。用戶不在需要等到遞交或保存以后才能看到結(jié)果。瀏覽器直接是根據(jù)用戶在頁(yè)面上的關(guān)鍵操作把該處理的數(shù)據(jù)都處理掉然后預(yù)覽給用戶看。
(譯者：使用成熟的AJAX技術(shù)可以輕松實(shí)現(xiàn)這一效果)
更多例子
當(dāng)你在www.interaction-design.org網(wǎng)站上添加文章的時(shí)候(圖片下半部分), 你無需點(diǎn)"Add note"就能實(shí)時(shí)看到文章的預(yù)覽效果(圖片上半部分)。
原理總結(jié)
這個(gè)設(shè)計(jì)范式增加了頁(yè)面的交互性。用戶不在需要點(diǎn)擊遞交或者保存按鈕并等待頁(yè)面刷新后才能檢查自己剛才輸入的內(nèi)容是對(duì)是錯(cuò)。取而代之的是實(shí)時(shí)預(yù)覽。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感？
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站！
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容？
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊？
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看，這個(gè)網(wǎng)站就成功了一大半！
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么？有什么作用？
- [2022-05-17 11:29:32] 作為消費(fèi)者，應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇？
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)？
延伸閱讀
- [2007-07-30 12:01:00] "以用戶為中心"的UI設(shè)計(jì)方法
- [2010-08-22 09:51:00] 常見UI設(shè)計(jì)模式
- [2009-06-18 07:49:00] 分離需求與GUI設(shè)計(jì)—保持項(xiàng)目節(jié)奏實(shí)踐之七
- [2007-12-18 12:35:00] UI設(shè)計(jì)范式之二：造句填空Fill In The Blanks
- [2006-11-05 17:28:00] 網(wǎng)頁(yè)UI設(shè)計(jì)95%是排版
- [2007-12-17 13:39:00] UI設(shè)計(jì)范式之一：輸入口語化數(shù)據(jù)格式
- [2010-08-11 08:30:00] 產(chǎn)品UI設(shè)計(jì)流程
- [2007-11-21 09:38:00] 從"..."看中國(guó)的UI設(shè)計(jì)界的粗糙
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
H5專題頁(yè)面 php程序 網(wǎng)站視覺 青島做網(wǎng)站多少錢 如何做網(wǎng)站優(yōu)化 網(wǎng)站改版 高端網(wǎng)站設(shè)計(jì) 青島好的網(wǎng)站優(yōu)化公司 H5定制設(shè)計(jì) 企業(yè)網(wǎng)站為什么要備案 企業(yè)網(wǎng)站 企業(yè)網(wǎng)站設(shè)計(jì) 青島網(wǎng)站營(yíng)銷 網(wǎng)站設(shè)計(jì)趨勢(shì) 官網(wǎng)建設(shè) 海信網(wǎng)絡(luò)科技 審美 版面布局 網(wǎng)站SEO 網(wǎng)站品牌 網(wǎng)站設(shè)計(jì)資訊 集團(tuán)公司網(wǎng)站建設(shè) 新的元素 企業(yè)網(wǎng)站建設(shè) IT資訊 青島網(wǎng)站案例 輪胎網(wǎng)站設(shè)計(jì) 青島網(wǎng)絡(luò)公司 膠南網(wǎng)站建設(shè)公司 網(wǎng)站動(dòng)畫
