起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識 B端產(chǎn)品設(shè)計如何做到「情懷」與「效率」兼?zhèn)洌?/h2>
B端設(shè)計過程中，除了保證效率的工作，我們還可以做一些有情懷的功能。本文介紹了一個有關(guān)電子工卡的B端設(shè)計，不但解決了B端設(shè)計當中需要解決的效率問題，還在設(shè)計中加入了許多溫馨的細節(jié)，推薦關(guān)注B端設(shè)計的小伙伴閱讀。
對于B端產(chǎn)品，我們難免有一些刻板印象：千篇一律、重效率輕創(chuàng)意……的確，由于產(chǎn)品的復(fù)雜性和工具屬性，新功能的加入很容易導(dǎo)致牽一發(fā)而動全身，因此B端產(chǎn)品的改造通常要保持克制。
作為B端設(shè)計師，我們也一直想嘗試做一點有情懷的功能，來打破人們對于辦公產(chǎn)品的刻板印象。
一、設(shè)計理念
「美事」作為58內(nèi)部協(xié)作辦公平臺，其手機端覆蓋員工辦公的各個場景，是日常辦公使用最高頻的APP，也是做情懷設(shè)計的最佳試驗田。與此同時，我們也非常理性地對待這次創(chuàng)新，兼顧「低成本」和「高感知」。最終，我們把目標鎖定在功能相對獨立，同時全方位覆蓋員工打卡、進出閘機、支付、打印等高頻場景的「電子工卡」功能上。
![B端產(chǎn)品設(shè)計如何做到「情懷」與「效率」兼?zhèn)洌? /></p>
<p>如何做才能算有情懷呢？我們首先想到的方向就是「懷舊」。這從社會心理學(xué)上來講，也有一個專門的概念，叫做：熟悉定律，即：熟悉的事物或人，會給人更多的好感。實體工卡，是打工人非常熟悉的辦公用品，尤其是大廠員工，即使是出了公司，也喜歡把工卡戴在脖子上。對他們而言，工卡不只是工具，還是個人身份和榮譽的載體。</p>
<p>近幾年來，很多公司在APP上增加了電子工卡的功能，用來替代實體工卡。這確實給員工帶來了便利，而在儀式感以及精神愉悅的層面上，電子工卡做得還遠遠不夠，如圖：</p>
<p><img data-action=]( "B端產(chǎn)品設(shè)計如何做到「情懷」與「效率」兼?zhèn)洌? src=")
二、設(shè)計執(zhí)行
1. 設(shè)計執(zhí)行-「形似」
這個部分的設(shè)計要點，是建立電子工卡和實體工卡的認知關(guān)聯(lián)。
在外觀層面，我們找到了市面上各種各樣的實體工卡。同時挖掘到適合線上化的共性，包括：
- 適配性：豎版適配手機豎屏
- 承載性：雙面展示，兼顧信息展示與功能入口
- 易搭配/擴展性：素色卡套更易搭配復(fù)雜的卡片內(nèi)容
![B端產(chǎn)品設(shè)計如何做到「情懷」與「效率」兼?zhèn)洌? /></p>
<p>如圖所示，我們從以下四個方面對細節(jié)進行了塑造：</p>
<ul>
<li><strong>質(zhì)感：</strong>卡的外框呈現(xiàn)柔和硅膠感，還原親膚觸感；卡繩則與深度還原實體工卡。</li>
<li><strong>細節(jié)：</strong>外框和卡繩連接處采用了旋扣式設(shè)計，可以保證卡片在翻轉(zhuǎn)的時候，卡繩不會扭作一團；卡套厚度，也盡可能與卡扣、卡片保持協(xié)調(diào)。</li>
<li><strong>光感：</strong>統(tǒng)一的光源與細節(jié)呼應(yīng)，更加逼真自然。</li>
<li><strong>內(nèi)容：</strong>正面（默認面）順應(yīng)舊版電子工卡的認知和使用習(xí)慣，整合掃碼相關(guān)功能；背面則更加貼合實體工卡，展示個人信息。</li>
</ul>
<p>同時，我們想讓它不僅看起來像，動起來也要像。于是在動效層面，我們做了以下嘗試：</p>
<p>遵循「熟悉自然」的原則，我們在工卡的上呼應(yīng)了我們在現(xiàn)實中“甩”和 “翻轉(zhuǎn)”的動作，設(shè)計了入場和切換的動效。</p>
<p><img data-action=]( "B端產(chǎn)品設(shè)計如何做到「情懷」與「效率」兼?zhèn)洌? src=")
三、總結(jié)
這是一次「始于情懷，終于效率」的B端設(shè)計探索：運用熟悉定律進行情感化設(shè)計，提升美事這一辦公產(chǎn)品的感性值；而在場景、操作和路徑層面全方位提升辦公效率，同步拉高理性值。在B端產(chǎn)品設(shè)計中，感性和理性并不是完全對立的，二者可以互相融合與促進，讓體驗更加美好。
作者：58UXD
來源公眾號：58UXD（ID：i58UXD），58UXD，全稱58同城用戶體驗設(shè)計中心。
本文由人人都是產(chǎn)品經(jīng)理合作媒體 @58UXD 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自 Unsplash，基于CC0協(xié)議。
該文觀點僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
更多精彩內(nèi)容，請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
B端設(shè)計過程中，除了保證效率的工作，我們還可以做一些有情懷的功能。本文介紹了一個有關(guān)電子工卡的B端設(shè)計，不但解決了B端設(shè)計當中需要解決的效率問題，還在設(shè)計中加入了許多溫馨的細節(jié)，推薦關(guān)注B端設(shè)計的小伙伴閱讀。
對于B端產(chǎn)品，我們難免有一些刻板印象：千篇一律、重效率輕創(chuàng)意……的確，由于產(chǎn)品的復(fù)雜性和工具屬性，新功能的加入很容易導(dǎo)致牽一發(fā)而動全身，因此B端產(chǎn)品的改造通常要保持克制。
作為B端設(shè)計師，我們也一直想嘗試做一點有情懷的功能，來打破人們對于辦公產(chǎn)品的刻板印象。
一、設(shè)計理念
「美事」作為58內(nèi)部協(xié)作辦公平臺，其手機端覆蓋員工辦公的各個場景，是日常辦公使用最高頻的APP，也是做情懷設(shè)計的最佳試驗田。與此同時，我們也非常理性地對待這次創(chuàng)新，兼顧「低成本」和「高感知」。最終，我們把目標鎖定在功能相對獨立，同時全方位覆蓋員工打卡、進出閘機、支付、打印等高頻場景的「電子工卡」功能上。
二、設(shè)計執(zhí)行
1. 設(shè)計執(zhí)行-「形似」
這個部分的設(shè)計要點，是建立電子工卡和實體工卡的認知關(guān)聯(lián)。
在外觀層面，我們找到了市面上各種各樣的實體工卡。同時挖掘到適合線上化的共性，包括：
- 適配性：豎版適配手機豎屏
- 承載性：雙面展示，兼顧信息展示與功能入口
- 易搭配/擴展性：素色卡套更易搭配復(fù)雜的卡片內(nèi)容
三、總結(jié)
這是一次「始于情懷，終于效率」的B端設(shè)計探索：運用熟悉定律進行情感化設(shè)計，提升美事這一辦公產(chǎn)品的感性值；而在場景、操作和路徑層面全方位提升辦公效率，同步拉高理性值。在B端產(chǎn)品設(shè)計中，感性和理性并不是完全對立的，二者可以互相融合與促進，讓體驗更加美好。
作者：58UXD
來源公眾號：58UXD（ID：i58UXD），58UXD，全稱58同城用戶體驗設(shè)計中心。
本文由人人都是產(chǎn)品經(jīng)理合作媒體 @58UXD 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自 Unsplash，基于CC0協(xié)議。
該文觀點僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
借鑒。學(xué)習(xí)。進步。
這頁面和如流一毛一樣，誰抄誰的
？求鏈接
還沒看正文，被標題吸引了。
試著講一下自己做B端產(chǎn)品的感受，我覺得效率優(yōu)先吧，保證效率的基礎(chǔ)上還要考慮團隊資源，然后才能實現(xiàn)你的情懷。