B端產(chǎn)品設(shè)計(jì)如何做到「情懷」與「效率」兼?zhèn)洌?/h2>
4 評(píng)論 4807 瀏覽 11 收藏 10 分鐘

B端設(shè)計(jì)過程中，除了保證效率的工作，我們還可以做一些有情懷的功能。本文介紹了一個(gè)有關(guān)電子工卡的B端設(shè)計(jì)，不但解決了B端設(shè)計(jì)當(dāng)中需要解決的效率問題，還在設(shè)計(jì)中加入了許多溫馨的細(xì)節(jié)，推薦關(guān)注B端設(shè)計(jì)的小伙伴閱讀。

對(duì)于B端產(chǎn)品，我們難免有一些刻板印象：千篇一律、重效率輕創(chuàng)意……的確，由于產(chǎn)品的復(fù)雜性和工具屬性，新功能的加入很容易導(dǎo)致牽一發(fā)而動(dòng)全身，因此B端產(chǎn)品的改造通常要保持克制。

作為B端設(shè)計(jì)師，我們也一直想嘗試做一點(diǎn)有情懷的功能，來打破人們對(duì)于辦公產(chǎn)品的刻板印象。

一、設(shè)計(jì)理念

「美事」作為58內(nèi)部協(xié)作辦公平臺(tái)，其手機(jī)端覆蓋員工辦公的各個(gè)場景，是日常辦公使用最高頻的APP，也是做情懷設(shè)計(jì)的最佳試驗(yàn)田。與此同時(shí)，我們也非常理性地對(duì)待這次創(chuàng)新，兼顧「低成本」和「高感知」。最終，我們把目標(biāo)鎖定在功能相對(duì)獨(dú)立，同時(shí)全方位覆蓋員工打卡、進(jìn)出閘機(jī)、支付、打印等高頻場景的「電子工卡」功能上。

B端產(chǎn)品設(shè)計(jì)如何做到「情懷」與「效率」兼?zhèn)洌? /></p> <p>如何做才能算有情懷呢？我們首先想到的方向就是「懷舊」。這從社會(huì)心理學(xué)上來講，也有一個(gè)專門的概念，叫做：熟悉定律，即：熟悉的事物或人，會(huì)給人更多的好感。實(shí)體工卡，是打工人非常熟悉的辦公用品，尤其是大廠員工，即使是出了公司，也喜歡把工卡戴在脖子上。對(duì)他們而言，工卡不只是工具，還是個(gè)人身份和榮譽(yù)的載體。</p> <p>近幾年來，很多公司在APP上增加了電子工卡的功能，用來替代實(shí)體工卡。這確實(shí)給員工帶來了便利，而在儀式感以及精神愉悅的層面上，電子工卡做得還遠(yuǎn)遠(yuǎn)不夠，如圖：</p> <p><img data-action=二、設(shè)計(jì)執(zhí)行

1. 設(shè)計(jì)執(zhí)行-「形似」

這個(gè)部分的設(shè)計(jì)要點(diǎn)，是建立電子工卡和實(shí)體工卡的認(rèn)知關(guān)聯(lián)。

在外觀層面，我們找到了市面上各種各樣的實(shí)體工卡。同時(shí)挖掘到適合線上化的共性，包括：

  • 適配性：豎版適配手機(jī)豎屏
  • 承載性：雙面展示，兼顧信息展示與功能入口
  • 易搭配/擴(kuò)展性：素色卡套更易搭配復(fù)雜的卡片內(nèi)容

B端產(chǎn)品設(shè)計(jì)如何做到「情懷」與「效率」兼?zhèn)洌? /></p> <p>如圖所示，我們從以下四個(gè)方面對(duì)細(xì)節(jié)進(jìn)行了塑造：</p> <ul> <li><strong>質(zhì)感：</strong>卡的外框呈現(xiàn)柔和硅膠感，還原親膚觸感；卡繩則與深度還原實(shí)體工卡。</li> <li><strong>細(xì)節(jié)：</strong>外框和卡繩連接處采用了旋扣式設(shè)計(jì)，可以保證卡片在翻轉(zhuǎn)的時(shí)候，卡繩不會(huì)扭作一團(tuán)；卡套厚度，也盡可能與卡扣、卡片保持協(xié)調(diào)。</li> <li><strong>光感：</strong>統(tǒng)一的光源與細(xì)節(jié)呼應(yīng)，更加逼真自然。</li> <li><strong>內(nèi)容：</strong>正面（默認(rèn)面）順應(yīng)舊版電子工卡的認(rèn)知和使用習(xí)慣，整合掃碼相關(guān)功能；背面則更加貼合實(shí)體工卡，展示個(gè)人信息。</li> </ul> <p>同時(shí)，我們想讓它不僅看起來像，動(dòng)起來也要像。于是在動(dòng)效層面，我們做了以下嘗試：</p> <p>遵循「熟悉自然」的原則，我們?cè)诠たǖ纳虾魬?yīng)了我們?cè)诂F(xiàn)實(shí)中“甩”和 “翻轉(zhuǎn)”的動(dòng)作，設(shè)計(jì)了入場和切換的動(dòng)效。</p> <p><img data-action=三、總結(jié)

這是一次「始于情懷，終于效率」的B端設(shè)計(jì)探索：運(yùn)用熟悉定律進(jìn)行情感化設(shè)計(jì)，提升美事這一辦公產(chǎn)品的感性值；而在場景、操作和路徑層面全方位提升辦公效率，同步拉高理性值。在B端產(chǎn)品設(shè)計(jì)中，感性和理性并不是完全對(duì)立的，二者可以互相融合與促進(jìn)，讓體驗(yàn)更加美好。

作者：58UXD

來源公眾號(hào)：58UXD（ID：i58UXD），58UXD，全稱58同城用戶體驗(yàn)設(shè)計(jì)中心。

本文由人人都是產(chǎn)品經(jīng)理合作媒體 @58UXD 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容，請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
58UXD
58同城用戶體驗(yàn)設(shè)計(jì)中心官方賬號(hào)，請(qǐng)關(guān)注我們的公眾號(hào)「58UXD」
361篇作品 2630896總閱讀量
11-151191 瀏覽
雙十一旅游套餐賣瘋了，年輕人都打算去哪玩？
09-053432 瀏覽
微信的聊天記錄占比，被網(wǎng)友玩成了新一代 MBTI ？
03-0616535 瀏覽
18個(gè)支付清算“計(jì)費(fèi)模型”總結(jié)
03-306824 瀏覽
抖音2萬粉絲，銷量10W+
12-252888 瀏覽
聞神火了：究竟是平臺(tái)的造神之旅還是普通人的逆襲之戰(zhàn)？
評(píng)論
評(píng)論請(qǐng)登錄

  1. 借鑒。學(xué)習(xí)。進(jìn)步。

    來自上海 回復(fù)

  2. 這頁面和如流一毛一樣，誰抄誰的

    來自北京 回復(fù)

    1. ？求鏈接

      來自廣東 回復(fù)

  3. 還沒看正文，被標(biāo)題吸引了。
    試著講一下自己做B端產(chǎn)品的感受，我覺得效率優(yōu)先吧，保證效率的基礎(chǔ)上還要考慮團(tuán)隊(duì)資源，然后才能實(shí)現(xiàn)你的情懷。

    來自亞太地區(qū) 回復(fù)