国产一精品一aⅴ一免费-国产一精品一av一免费-国产一精品一av一免费爽爽-国产一久久香蕉国产线看观看-国产一卡2卡3卡四卡高清-国产一卡二卡3卡4卡视频

當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

如何提升企業產品(Web App)的用戶體驗?

2018-01-19 1758 0
cover JHong :一般人對於企業產品的預期,可能僅停留在功能要強大,信息要安全,能夠幫助企業提高工作效率。但今時已不同往日,除此以外,人們開始更注重產品的用戶體驗。那么,在面對企業產品的設計上,有什么方法可以提升用戶體驗呢? 小編提醒:干貨頗多,做好筆記唷!
接下來,為大家帶來一些國內外的優秀案例以及一些設計Web App時的思考方向。
Web App 設計要點 1. 配色 顏色作為設計師傳達情感的主要元素之一。一個明確的品牌顏色,對信任度,認知度都會有大大的提升。顏色除了能為界面提升美感,也能作為功能上的輔助。在普遍頁面信息量大的企業產品中,往往一個有顏色的按鈕就很容易吸引用戶的視覺焦點。 Lovely是Dribbble大神Kerem Suer設計的Web App。橙色主,藍色輔助,淡灰色為底色。這個配色既色彩鮮明,淡淡的感覺更讓人長時間使用也不覺累。整體感覺和諧舒服,簡潔耐看。 如何提升企業產品(Web app)的用戶體驗 Squarespace用的是黑白配,可說是黑白配色中的皎皎者。利用大面積的留白,高質素的圖片,配合極出色的交互,讓你每次打開一個子頁面時都存在驚喜,是筆者最喜愛的網頁之一。 如何提升企業產品(Web app)的用戶體驗 連Icon也盡顯Squarespace的品牌風格。 如何提升企業產品(Web app)的用戶體驗
2. 空間 經常會發現,很多設計師在設計Web App及Mobile App時,會被屏幕尺寸所限制住,只專注一屏內顯示所有信息。要知道網頁設計及手機界面設計不同平面設計在于,前兩者在屏幕外是有無限可能,你可以透過動畫滑動一個全新界面到當前屏幕,也可以透過上下左右滾動來查看更多內容。 因此,設計Web App時可以更好的處理元素之間的空間。但要提醒的一點是,要注意在筆記本的尺寸底下,留白會不會過了。 一個空間處理很棒的例子,來自Dribbble。 如何提升企業產品(Web app)的用戶體驗 這個思路在屏幕尺寸有限的Mobile App上更能體現。對比下面兩個設計稿,左邊的留白空間是不是更大氣一些。
如何提升企業產品(Web app)的用戶體驗
3. 減少線條 在扁平化設計中,間隔的處理上,嘗試多用色塊之間的對比來取代線條。減少線條可以讓你的界面顯得更簡潔。回頭你可以嘗試一下,在設計稿中儘可能的去掉線條,或許會有耳目一新的感覺。
如何提升企業產品(Web app)的用戶體驗
4. 考慮不同尺寸 由于大屏幕的慢慢普及,以往定在1000px闊度的網站已經開始不能滿足于在大屏幕下展示。因此在設計Web App中需要考慮在不同屏幕尺寸下,界面元素的展示方式。最基本的要求是要考慮好最大及最小的場景: 1920×1080, 1024×768 這是2014年初的屏幕分辨率統計(資料來源自CNZZ) 7a Mailchimp在responsive的處理非常優秀。 如何提升企業產品(Web app)的用戶體驗 想更深入了解responsive,可以閱讀來自ISUX龍哥的響應式網頁設計一文。 對企業產品設計的啟發 簡單 儘管你的產品背后邏輯很複雜,但要保証在呈現給用戶時要操作簡單而高效。 Trello是一個多人任務協作類Web App。它的任務板只需用鼠標一拖就能輕鬆移動任務從一個階段到另一個階段。
如何提升企業產品(Web app)的用戶體驗 Mailchimp是一個郵件制作及跟蹤的Web App。在制作郵件模板過程都提供了一個可視化的模板。基本上只需Drag&Drop及輸入數值便可完成設計及程序上的事情。 如何提升企業產品(Web app)的用戶體驗 Invision是一個專為設計師快速制作交互模形的Web App。它的管理頁面在分組上十分方便,可以在任何地點增加分割線,然后Drag&Drop來移動圖片所在的組別。其交互模形制作過程更是快速高效,而且可以一鍵生成連結發送給其他非Invision的用戶查看。
如何提升企業產品(Web app)的用戶體驗 漸進式呈現 許多Web App都有一個通病,就是功能很多,同時又想一次把所有功能告訴用戶,結果就導致用戶第一次進來時,面對一個擁有龐大信息量的界面,然后還有一大輪新手提示的氣泡。很多時候,用戶就會因為手足無措或在體驗中遇到一些挫折而失去了繼續研究下去的衝動。為了增強產品對用戶的第一印象,可以嘗試使用漸進式呈現的理念來展示界面。 拿Trello為例,第一次登錄時界面上只會呈現一個項目方塊,用戶很自然地會注意并點擊這個唯一搶眼的元素,進入項目后會顯示一個任務版,點擊其中一個任務再顯示任務詳情。 如何提升企業產品(Web app)的用戶體驗 同樣是第一次使用,Trello對比Asana的表達方式是不是讓你輕鬆得多。 如何提升企業產品(Web app)的用戶體驗 這種層層漸進的設計手法能使界面保持簡潔,增強對用戶的第一印象,降低用戶的心理負擔。類似的思維,其實在網頁設計中經常會用到,例如Apple官網一開始只會顯示不同產品的入口,進入特定產品后可以根據自己的興趣點擊查看更多去作更深入的了解,如果一頁密密麻麻的把所有產品信息寫滿,這又會是另一種感覺了。更多關于漸進式呈現的說明,可以閱讀由ISUX推薦的設計師要懂心理學。 手機式的體驗 適量的使用動畫,能在情感上為產品加分不少。時下html5及css發展迅速,在網頁上經常能看到一些在手機上似曾相識的體驗,這種設計除了讓人感覺特別酷之外,還可以直接廷伸到移動端,作為一種體驗上的統一。 Squarespace的抽屜式導航。
如何提升企業產品(Web app)的用戶體驗 Teambition是國內的項目協作類Web App,它的收件箱有如iOS7的通知中心。整體設計也很簡潔易用。
如何提升企業產品(Web app)的用戶體驗
結語 企業產品的目的是要服務于企業,服務于人。 一直相信,Apple及Google的極簡理念是給予設計師一個很好的反思點。要把複雜的企業產品設計得簡單有趣是很有挑戰性的。面對簡單,背后需要有強大的技術支持,以及設計師對改善人類生活中細節的關懷及執著,才能真正做到簡約而不簡單。 
28
評論區(0)
正在加載評論...
相關推薦
主站蜘蛛池模板: 秋霞在线观看成人高清视频51 | 久久一精品 | 亚洲一区二区中文 | 四虎视频国产精品免费 | 蜜桃久久 | 一级毛片日韩a欧美视频 | 国产亚洲日本 | 91伦理视频 | 久久精品视频免费观看 | 99re热视频这里只有精品5 | 亚洲国产精品一区二区第四页 | 欧美激情亚洲精品日韩1区2区 | 国产精品一区二区三区久久 | 四虎国产永久在线观看 | 九色综合久久综合欧美97 | 中文字幕亚洲一区 | 国产成人久久一区二区三区 | 精品不卡一区中文字幕 | 中文字幕高清免费不卡视频 | 色色色爱| 俄罗斯毛片免费大全 | 99在线热视频 | 精品一区二区三区在线观看l | 日本高清h色视频在线观看 日本高清不卡二区 | 国产一区二区在线 |播放 | 午夜精品久久久久久毛片 | 国产精品视频免费在线观看 | 成人99国产精品 | 久久婷婷激情 | 亚洲精品视频免费在线观看 | 四虎+网站+影院+网站 | 一区二区三区不卡在线 | 777色狠狠一区二区三区香蕉 | 午夜看一级特黄a大片黑 | 亚洲欧美二区三区久本道 | 狠狠久久久久久亚洲综合网 | 亚洲黄色小视频 | 国产高清在线精品一区二区三区 | 亚洲精品免费视频 | 国产伦精品一区二区 | 夜夜骑狠狠干 |