久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

設計邊緣狀況的幾個“凡是”

  因為在做細節交互設計的時候,有時候明明知道卻老偏偏漏掉一些特殊狀況的方案設計,其中又以邊緣狀況的設計遺漏為多數,所以干脆給自己總結了幾個"凡是",以提醒自己記得別忘記。在這里一一列舉,希望對大家也有些許幫助。

  一。凡是輸入,必有限制。當我們在設計中使用到輸入控件特別是文本輸入框的時候,這個問題就來了。

  第一個需要面對的是字符數的限制,字符數的限制有的來自于產品本身的業務限制,比如微博的140個字,注冊時賬號和密碼的長度等。

設計邊緣狀況的幾個“凡是” 三聯

  有些產品看上去并不限制字符數,或者說并不給用戶交代"限制"的概念。但其實也需要限制,這種限制來自于技術方面的考慮。比如寫郵件的時候填入的收件人個數,搜索框接受的關鍵字字數,留言板的內容等。雖然業務不要求,但錄入的內容,可能會造成提交的困難,數據庫的臃腫,被攻擊的漏洞等,所以我們也不得不考慮"隱形的限制",雖然邊界看不到,一旦用戶越界,還是需要有相應的解決方案。

  圖 - 其實郵件主題還是不能寫太長的,雖然一般不會寫這么長

  圖 - 百度原來也有字數限制

  輸入并不全是文本,所以我們還需要面對其他格式的輸入限制問題。

  比如上傳文件的個數,

  圖 - 人人網上傳照片的數量限制

  比如上傳文件的大小,

  圖 - qq郵箱附件的大小上限

  比如上傳文件的格式,上傳照片的的時候如果用戶選了非圖片格式的文件怎么辦?一開始就讓ta只能看圖片文件還是選中后提醒?

  圖 - qq郵箱對于exe附件的限制

  這些限制也都從業務和技術兩方面考慮,比如相冊一次只能傳20張照片,升級為會員就能傳50張,這是業務限制。用瀏覽器相冊一次只能傳20張照片,安裝插件或客戶端,能傳50張,這是技術限制,考慮瀏覽器負荷。

  面對以上輸入限制問題的時候,具體的解決方式當然是多種多樣的,這里列舉一些規則:a.如果是字符輸入,中英文字符數的計算規則。規則不一樣,設計也不一樣。

  圖 - 新浪微博是限制140個中文280個英文(當然還有各種其他字符空格的情況)

  b.如何暗示限制?

  c.違反規則的時候作何反饋?這個問題文章下面會繼續提及。

  d.輸入控件根據容納內容的變化?是直接用滾動條解決呢?還是伸長輸入框呢?還是兩者結合呢?等等。

  圖 - 出現滾動條

  圖 - 延長高度

  e.別忘了以上內容。畫一個輸入框時想想這不是一個無底洞。

  二.凡是輸入,必考慮輸出。界面上的動態內容,可能來自于后臺編輯的錄入,也可能來自于前臺用戶的發表,總之,界面上的動態內容,都是先有人輸入的。輸入的人(特別是用戶)可能不會去考慮以后展現的效果,但作為設計師的我們,就要為用戶考慮了。

  要考慮超量內容的顯示。這涉及到兩個方面的考慮,先考慮輸入時候的限制,我們要知道究竟某個顯示空間究竟最多可能出現多少內容(當然,有時候是輸入輸出一起考慮,最終雙方平衡)。再考慮這些內容在顯示空間里如果顯示不完,那怎么辦?解決方案可以是索引頁顯示局部,到詳情頁再顯示完全(總得要有個地方顯示完全的信息),

  也可以是顯示部分內容,留待更多展開顯示。

  或者滾動條來拯救等等等等。

  既然有超量內容,也可能有空白內容。當搜索結果為0的時候,怎么顯示?當用戶還沒收到任何消息的時候,怎么呈現?當某個分類下的商品為空的時候,怎么辦?這些問題也不要忘記考慮進我們的設計方案里面。

  圖 - 有個說明總好過讓人家以為未加載出來

  圖 - 不能總是指望用戶每次都能搜出結果

  另外,還有分辨率的事。無論是移動終端(特別是android)還是電腦,我們設計的界面會出現在各種尺寸的顯示器上。這就決定了我們不得不考慮屏幕的適配問題。比如一個pc上的彈出層,確定按鈕的位置要保證在第一屏的話,那得考慮主流(里最小)屏幕高度。比如一個默認的全屏應用壁紙,多大合適?用平鋪合適還是居中合適?還是自適應?比如480x800的屏幕能顯示6行列表項,在480x854的屏幕就能多顯示一行。

  三。凡是成功,必考慮失敗。別想著用戶永遠都能正確操作,人非圣賢。這是個大話題,涉及到怎么防止錯誤,錯誤后怎么提醒,怎么給予幫助,也許以后再專門做文章吧。在這里想說的是,有時候做設計做昏頭了,再加上進度緊張,往往只是把正常的流程做出來了,卻忘記了,既然用戶操作了,就可能失敗。比如注冊時表單項某些沒填,登錄時密碼賬號不符,拖動文件失敗,粘貼圖片失敗,等等等等。

  圖 - 加載失敗的時候

  邊緣狀況并不是我們設計的主要內容,但卻又是不得不設計,它體現著產品的貼心,考驗著我們的細心,魔鬼都在細節里,別忘了它們 :) 。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 国产综合在线视频 | 亚洲二区视频 | 午夜激情影院 | 99久久婷婷国产综合精品 | 密桃av | 久久精品 | 羞羞视频在线观看免费观看 | 精品国产欧美一区二区三区成人 | 日日操av| 91在线网站 | 欧美一区二区三区视频在线观看 | 日韩欧美在线观看视频网站 | 日本欧美黄色片 | 国产一区二区欧美 | 国产精品国产a | 日日操日日干 | 日韩欧美在线观看 | 凹凸日日摸日日碰夜夜 | 欧美日韩综合视频 | 亚洲91| 国产精品永久免费视频 | 成人看片在线观看 | 婷婷五月色综合 | 日韩手机在线看片 | 宅女噜噜66国产精品观看免费 | 亚洲一区二区精品视频 | www国产成人免费观看视频,深夜成人网 | 国产精品一区二区福利视频 | 亚洲天天 | 久久91精品国产一区二区三区 | 日韩精品一区二区三区免费视频 | 成人午夜黄色 | 亚洲一区精品在线 | 国产一区精品在线 | 久久久性| 成人在线观看免费 | 国内精品久久影院 | re久久 | av在线免费看网址 | 中文av在线播放 | 国产福利91精品 |