<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • UI設計師交互設計-如何提升B端界面精致度

    2022-4-13    周周


    對于B端,我想剛開始很多同學就直接拿Ant Design套套界面,因為公司要求并不高,隨后字節Arco Design也推出了對應的模版和規范,能讓我們快速作出一個不出錯的方案。

    但是隨著公司對B端越來越重視,這些模版顯然就太爛大街了。公司、市場的要求顯然不止于此,我們的設計追求也不止于此。

    那么我們如何才能擺脫套模版,提高界面的精致度,提升界面的交互體驗呢?

    其實很簡單,王陽明先生告訴我們知行合一,知是行之始行是知之成。我們如何才能提升B端界面端精致度,第一需要知道什么是好的設計;第二需要不斷的去實踐去練習,缺一不可。

    本文先和大家談談知的層面,提高我們的眼界,下面就和大家分享一些不錯的B端產品,大家有時間可以去慢慢體驗。

    PS:作為B端設計師,一定要去多拆解競品,多研究好的產品,別面試的時候,面試官問你研究的B端產品是什么,你只知道阿里云、騰訊云、百度云哦!


    1、Hubspot


    做B端的同學,尤其是做CRM的同學應該都知道Salesforce,他是全球最大的 CRM(客戶關系管理) 工具公司。

    Hubspot同樣是提供客戶管理相關的應用,雖然成立相對Salesforce晚,但是在市場上也占有一席之地。

    從設計的角度來看,他的界面風格更加簡潔舒適,從體驗上來看和國內的CRM系統完全不同,其體驗更加自然和舒適。


    這種風格大家看了有沒有覺得很熟悉呢?

    大家在去看看 GoDoddy , Airbnb ,Zillow,是不是發現風格有一點類似,大家可以對比國內產品去拆解下他們的交互細節有什么不同,完成同樣的任務他們采用的方案有何不同,相信你會有很多的收獲。


    國外的界面看著總讓人覺得很舒適,僅僅是因為克制的設計、中性灰使用得好嗎?當然不是,是因為英文本身就是圖形化的文字。

    如果翻譯成中文,你會發現好像不是特別理想。


    這個樣子拿給領導過稿,怕是分分鐘被拍死,因此我們還是需要多看看國內優秀的產品。


    2、神策


    神策的設計,我想B端的朋友不陌生吧,國內產品中他的設計一直是我們的參考對象。

    不同于其他產品,他的體驗門檻比較低,注冊后就可以去體驗他的demo,也沒有試用期限,參考對象從可視化報表,到界面交互均能找到參考。


    不過當你參考一次后發現,做出來的界面怎么還是少了一些靈魂,雖然界面風格上了一個臺階,但為什么用戶還是覺得產品難用。




    3、項目管理類


    這里不得不和大家推薦項目管理類產品了,這類產品是專門給互聯網公司的開發團隊使用,他們都是專業用戶,同時這些都是提高他們工作效率的工具,因此這些產品投入的成本更高,優化得更好,拆解他們的產品,就是直接觀看高手的成長之路。


    Jira

    Jira是Atlassian公司出品的一款事務管理軟件,JIRA的界面效果交互都非常不錯。大型互聯網公司如LinkedIn、Facebook、eBay等內部都在使用Jira。



    同時他也是國內項目管理類產品的學習研究對象,因此大家可以通過文章、B站、界面截圖,自己申請體驗等方式全面的進行體驗。

    同時也可借助群的力量,調研下有使用Jira的小伙伴,看看他們在使用中有什么問題,下面是我收集Jira網頁版和本地配置版的問題截圖,這些都來自不同角色的真實體驗,會更有分析的價值。(這部分截圖涉及到公司的數據,同時數量多不太方便打碼,就不分享給大家了。)



    當然國內的項目管理類產品也得去看,我們要對比哪里做得好,哪里還需要改進。國內的有Worktile、Gitee、Tower、Ones、PingCode、TAPD、Teambition,這些產品不管從視覺還是體驗都非常不錯,大家一定要去體驗。




    5、文檔管理類產品

    通過不斷對競品進行拆解,你已經不是當初那個小白了,你的行業認知,方案設計能力應該趕超了一大波人。

    成長的同時,又發現你設計的界面,不太精致,少了些溫度,這時候推薦你看文檔管理類產品。


    WPS

    第一個和大家推薦的是WPS,界面簡潔,配色舒適。




    飛書


    在管理類的軟件中,不得不提飛書的管理界面,從設計到使用體驗,他給我的感覺終于不是那么千遍一律,用組件庫搭建起來的感覺。

    他開始有了溫度,開始注重品牌感的打造,用戶的引導,符合品牌調性的插畫。


    對一些體驗的細節進行優化,比如傳統的編輯都是放在頁面頂部,它采用了離光標更近的位置。


    根據菲茲定律,光標當前的位置和目標位置的距離D越短,所用的時間越短,具體好不好用,歡迎大家在評論區留言哦。


    6、概念稿


    到這時候如果你覺得線上的產品太禁錮思維,那么推薦你看看dribbble、behance,搜索data、web、dashboard等關鍵詞,去看看有沒有新的靈感。


    我的花瓣收集了一部分,如果不嫌棄,可以去看看,順藤摸瓜應該可以找到很多不錯的設計。

    風箏KK的花瓣:https://huaban.com/boards/76913106


    7、畫重點


    如何提升B端界面的精致度?

    第一,要知道什么是好的設計,多拆解國內外優化的B端產品。

    第二,多在工作中時間,有時間多做ABC方案,鍛煉自己的方案設計能力,多踩一些坑,時刻保持學習能力,慢慢就成長了。


    文章來源:站酷   作者:風箏KK

    分享此文一切功德,皆悉回向給文章原作者及眾讀者.


    免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

    藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 欧美精品v国产精品v日韩精品| 久久福利青草精品资源站免费| 国语自产拍精品香蕉在线播放| 伊人久久精品无码二区麻豆| 久久99精品久久久久久不卡 | 久久精品无码一区二区日韩AV | 精品久久久久久国产91| 亚洲精品无码成人AAA片| 国产精品高清2021在线| 国产成人精品日本亚洲专一区| 人人妻人人澡人人爽人人精品| 日本国产精品久久| 精品久人妻去按摩店被黑人按中出| 久久精品国产亚洲麻豆| 国产精品v片在线观看不卡| 亚洲精品国产品国语在线| 美女岳肉太深了使劲国产精品亚洲专一区二区三区 | 亚洲AV无码国产精品麻豆天美 | 精品欧美一区二区在线观看| 91精品一区二区综合在线| 国产精品视频久久| 国产精品成人不卡在线观看| 国产福利视精品永久免费| 国产精品水嫩水嫩| 国产剧情国产精品一区| 精品黑人一区二区三区| 精品一区二区三区免费毛片爱| 热re99久久6国产精品免费| 日韩精品久久无码中文字幕| 热99re久久国超精品首页| 久久精品国产亚洲av麻豆小说| 正在播放酒店精品少妇约| 亚洲码国产精品高潮在线 | 成人国产精品秘 果冻传媒在线| 久久国产精品-国产精品| 麻豆精品不卡国产免费看| 91久久精品无码一区二区毛片| 国产精品极品| 九色精品视频在线观看| 日韩精品欧美国产在线| 亚洲精品无码专区久久久|