多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > 互聯網 > 處理交互內容的用戶界面模式

處理交互內容的用戶界面模式

來源:程序員人生   發布時間:2014-01-20 02:47:43 閱讀次數:2553次

網站和網頁應用程序正在變得越來越富有交互性。網站上的內容比印刷的副本好處在于如果我們希望的話,我們可以讓用戶與它們交互。

我們已經討論過網站導航模式與及流行的網頁內容表述模式。現在讓我們探索一些我們有交互性網站內容的UI模式。

就地編輯

就地編輯對于Web應用來說是一種有價值的UI,它允許用戶創建或編輯內容。就地編輯意思是用戶可以就在當前頁面內容所處的地方直接編輯該內容,而無須轉到使用另一種界面的新頁面去編輯。
就地編輯常見于所見即所得編輯器以及關注數據項或組織的應用程序(例如像思維腦圖程序)中。

何時使用

只要你的web應用是實用主義的,就可以使用就地編輯作為UI設計模式。它使用起來更加直接并且不會引起用戶的那么多迷惑。

例子

這里有兩個就地編輯的例子。
Flickr
在這個非常流行的照片分享網站,用戶可以就地編輯照片標題和其它特定信息。

Lovely Charts
這個腦圖應用帶有一個就地編輯編輯器,使得它超級容易使用。

拷貝框

拷貝框對于你想向你的訪客分享格式化的文本或代碼的任何情況非常有用。拷貝框向用戶提供很容易被復制到剪貼板的格式化的文本。
一些網站具有自動拷貝特性,所以當用戶在框內點擊時文本就復制到剪貼板了。這節約了時間,并且使得一些更不會復制操作的用戶使用起來更容易。在大多數情況下,復制成功后會在框邊上彈出一個提示告訴用戶文本已經自動復制到剪貼板。
其它時候,可能會提供一個復制按鈕或鍵盤快捷鍵。

何時使用

在任何你希望訪客從你的網站復制格式化文本或代碼的地方使用拷貝框。

例子

下面是三個在網站界面使用拷貝框的例子。

Snook.ca

這個博客在代碼片斷顯示的地方使用拷貝框。

Web Designer Wall
這個流行的網頁設計博客在代碼片斷處使用拷貝框。

Mozilla Ubiquity
拷貝框在這個網站的使用形式有一點不同,代碼平行于它的解釋而不是在下方。

生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 午夜黄视频| 一区在线看 | 精品国产一区二区三区香蕉沈先生 | 高清欧美性猛交xxxx黑人猛交 | 亚洲国产成人久久一区二区三区 | 欧美性猛交黑人 | 国产精品视频自拍 | 黑人xxxx性hd极品 | 亚洲天码中文字幕第一页 | 欧美一区二区三区国产精品 | 久久亚洲精品久久久久 | 精品日韩欧美一区二区三区在线播放 | 欧美性色xxxxxbbbbb | 久久久久欧美国产精品 | 欧美一区二区在线播放 | 秋霞毛片| 欧美18一19sex性瑜伽hd | 久久精品久 | 精品无人乱码一区二区三区 | 亚洲黄视频在线观看 | 最近在线中文字幕免费版 | 国产欧美成人免费观看视频 | 欧美一级爱操视频 | 日本无卡αv免费视频 | 中文国产成人精品久久一区 | 免费v片在线观看 | 久久久久亚洲精品一区二区三区 | 男女日日 | 亚洲视频一二区 | 日本高新1区2区3区 日本国产亚洲 | 片免费观看网站视频 | 福利视频一二三在线视频免费观看 | 欧美一区二区在线免费观看 | 欧美最猛黑人xxxx黑人 | 亚洲性色永久网址 | 亚洲精品一区二区三区在线播放 | 色猫av | 69视频在线观看 | 最好免费高清视频在线看 | 午夜色网站 | 欧美黑人巨大videos极品 |