,,

首頁(yè)

012024-2

從單車(chē)上鎖聊聊任務(wù)鏈路優(yōu)化設(shè)計(jì)的思路與技巧

起因˜

最近突然喜歡聽(tīng)著小曲蹬著車(chē)子，不過(guò)我沒(méi)有自行車(chē)，所以就選用了大眾款藍(lán)色哈羅單車(chē)，不過(guò)有意思的是發(fā)現(xiàn)整個(gè)用車(chē)體驗(yàn)跟原來(lái)有了不少變化，除了車(chē)的外觀差異，更讓我印象深刻的是還車(chē)時(shí)只需要在手機(jī)上進(jìn)行操作即可，不知道大家是否還記得原來(lái)的還車(chē)過(guò)程，這里我?guī)痛蠹一貞浺幌拢?/div>

從單車(chē)上鎖聊聊任務(wù)鏈路優(yōu)化設(shè)計(jì)的思路與技巧

這個(gè)過(guò)程本身沒(méi)什么問(wèn)題，但實(shí)際上匆匆忙忙的大家忘記手動(dòng)上鎖還車(chē)時(shí)有發(fā)生，并且當(dāng)你想起來(lái)的時(shí)候，手機(jī)上也只能干看著扣費(fèi)，還得折返回去進(jìn)行鎖車(chē)。本人更離譜，有次打開(kāi)手機(jī)發(fā)現(xiàn)忘了手動(dòng)鎖車(chē)，一看行程，已經(jīng)被人騎出去老遠(yuǎn)啦～

但這次不再需要手動(dòng)上鎖來(lái)還車(chē)了，整個(gè)鎖車(chē)還車(chē)已經(jīng)借助物聯(lián)網(wǎng)技術(shù)將操作集成到手機(jī)上進(jìn)行了，這意味著像我這種時(shí)常忘記手動(dòng)鎖車(chē)的人有了更好的選擇，現(xiàn)在忘了鎖車(chē)還能在手機(jī)上亡羊補(bǔ)牢，考慮到最終騎行事件是在手機(jī)上完成閉環(huán)的，忘記上鎖和離開(kāi)后無(wú)法上鎖也就一下解決了，這便是技術(shù)應(yīng)用與交互鏈路優(yōu)化設(shè)計(jì)的美妙之處！

當(dāng)然，如果你已經(jīng)養(yǎng)成了手動(dòng)鎖車(chē)好習(xí)慣，你可以繼續(xù)選擇手動(dòng)上鎖款，剛好最近也在做一些交互鏈路優(yōu)化的活兒，索性就我自己的工作場(chǎng)景，展開(kāi)聊聊這用戶體驗(yàn)優(yōu)化必備能力項(xiàng)的一些思路方法吧～

任務(wù)鏈路優(yōu)化有何價(jià)值˜

一般來(lái)說(shuō)做交互鏈路優(yōu)化的核心價(jià)值或是目標(biāo)就那么幾個(gè)；

一、更好用

即更加高效便捷好用的意思，這短短三個(gè)字就直接包含了大家常掛在嘴邊的易用性、可用性啥的了，好的交互就應(yīng)該是盡可能的為用戶提供簡(jiǎn)單好用的交互，舉個(gè)例子，近期在使用阿里云Flow的流水線，期間我也用過(guò)其他家的CI/CD服務(wù)，相比之下我覺(jué)得阿里云Flow的流水線編排反饋就做的更勝一籌，“更方便”加一分

二、更準(zhǔn)確

意味著為用戶提供正確的服務(wù)、流程、功能、組件、信息反饋乃至視覺(jué)效果，為的是提升產(chǎn)品的可理解與易用性，從而達(dá)到降低學(xué)習(xí)成本提升效用，減少跳失率或出錯(cuò)等負(fù)面情況

三、提升意愿

嗯！花費(fèi)那么多心思讓產(chǎn)品體驗(yàn)變得更方便更準(zhǔn)確就是為了提升用戶的使用或付費(fèi)意愿，算是任務(wù)路徑優(yōu)化設(shè)計(jì)的底層價(jià)值吧。

階段流程與焦點(diǎn)

整體我們可以劃分為優(yōu)化前、優(yōu)化中、優(yōu)化后三個(gè)階段，對(duì)應(yīng)到三個(gè)階段中，對(duì)應(yīng)的工作流程基本由問(wèn)題定位、優(yōu)化目標(biāo)、方案構(gòu)思、方案驗(yàn)證、持續(xù)改進(jìn)構(gòu)成，然后根據(jù)階段與流程我會(huì)把相關(guān)的優(yōu)化焦點(diǎn)與鏈路優(yōu)化的關(guān)系交代清楚，算是清晰一下鏈路優(yōu)化工作整體思路與每個(gè)階段的工作事項(xiàng)。

優(yōu)化前的焦點(diǎn)

以我們B端SaaS產(chǎn)品的優(yōu)化設(shè)計(jì)為例，焦點(diǎn)可以簡(jiǎn)單的鎖定在

用戶、產(chǎn)品、業(yè)務(wù)場(chǎng)景

三大層面，我們會(huì)關(guān)注這三個(gè)因素中帶來(lái)的反饋來(lái)找到和定位問(wèn)題，最終解決掉用戶痛點(diǎn)或是觸成業(yè)務(wù)目標(biāo)，具體點(diǎn)可以拆分出以下焦點(diǎn)事項(xiàng)；

目標(biāo)用戶

需要關(guān)心產(chǎn)品目標(biāo)用戶的特征，他們是收益的來(lái)源也是市場(chǎng)構(gòu)成的部分，作為產(chǎn)品的經(jīng)理或業(yè)務(wù)設(shè)計(jì)師，肯定是對(duì)預(yù)期的目標(biāo)用戶有所了解才對(duì)，特別是初期型產(chǎn)品；

當(dāng)積攢了一定用戶量后，就會(huì)開(kāi)始關(guān)注基于數(shù)據(jù)或定性研究得到的用戶畫(huà)像信息，并通過(guò)這些更準(zhǔn)確的用戶畫(huà)像來(lái)了解目標(biāo)市場(chǎng)和進(jìn)行業(yè)務(wù)設(shè)計(jì)決策，而不只是對(duì)著市面上競(jìng)品抄作業(yè)罷了。

這過(guò)程中你至少要弄明白五個(gè)問(wèn)題；

1、用戶的需求是什么？

2、用戶使用的場(chǎng)景跟行為大致如何？

3、我們的用戶有何偏好或特征？

4、用戶通常還會(huì)用到哪些競(jìng)品？

5、用戶有哪些反饋值得注意？

服務(wù)體系

主要是產(chǎn)品本身的服務(wù)體系或業(yè)務(wù)邏輯相關(guān)，前面提到了用戶畫(huà)像或分層的一些概念，

實(shí)際上現(xiàn)在的互聯(lián)網(wǎng)產(chǎn)品中，服務(wù)體系或是用戶角色都不會(huì)很單一，用戶角色、權(quán)益身份、服務(wù)場(chǎng)景等等都有差異，設(shè)計(jì)前的差異化背景或權(quán)重厘清就很重要，至少要清楚當(dāng)前優(yōu)化的服務(wù)線路是為那些人，他們有哪些差異、有哪些狀態(tài)情景、有哪些交互要兼容或避錯(cuò)。

業(yè)務(wù)場(chǎng)景

我們關(guān)注產(chǎn)品、關(guān)注用戶，同時(shí)也關(guān)注他們之間發(fā)生了什么樣的化學(xué)反應(yīng)，所以業(yè)務(wù)場(chǎng)景必定是本階段中的一大焦點(diǎn)，通過(guò)業(yè)務(wù)場(chǎng)景可以洞察到更多用戶實(shí)際遇到或潛在的痛點(diǎn)，以及線上線下等環(huán)境帶來(lái)的微小差異性，至于如何實(shí)踐了，我們可以通過(guò)觀察不同類(lèi)型的用戶是如何使用產(chǎn)品，或是與用戶對(duì)話分析來(lái)獲取優(yōu)化指引，哪里用戶卡住了或是吐槽了那就表明有優(yōu)化空間，這應(yīng)該算是任務(wù)鏈路優(yōu)化的基礎(chǔ)焦點(diǎn)了吧。

實(shí)際業(yè)務(wù)場(chǎng)景中我們常關(guān)注的點(diǎn)

1、用戶：用戶本身有什么特征屬性值得我們關(guān)注？

2、情景：用戶出于什么背景原因或目標(biāo)在什么時(shí)機(jī)進(jìn)入該場(chǎng)景？

2、行為：用戶進(jìn)入場(chǎng)景后要做什么或做了些什么？是否做的順暢？

3、結(jié)果：用戶是否達(dá)成目標(biāo)？未達(dá)成或達(dá)成受阻的原因是什么？

4、反饋：用戶吐槽或建議了些什么，我們獲取了哪些有效的改善訊息？

優(yōu)化中的焦點(diǎn)

這個(gè)階段中，我們的主要工作可以概括為分析問(wèn)題、解決問(wèn)題、驗(yàn)證問(wèn)題，其中焦點(diǎn)可能會(huì)比較多，這里我挑了一些說(shuō)一下；

需求分析

結(jié)合前面階段中的場(chǎng)景化來(lái)還原問(wèn)題是什么情景下怎么發(fā)生的，產(chǎn)生了什么樣的負(fù)面影響，這很重要，我們需要知道用戶的業(yè)務(wù)訴求是什么，造成出錯(cuò)原因是什么，產(chǎn)生了多大的影響，以及用戶期望的是怎樣，然后就是如何更好的滿足用戶訴求，同時(shí)保障企業(yè)的利益，這就是需求分析要做的事情；

交互媒介

主要是考慮復(fù)雜且涉及多方媒介的業(yè)務(wù)場(chǎng)景，要思考這些媒介或端怎么配合用戶完成任務(wù)，以什么樣的形式進(jìn)行交互。就例如哈羅單車(chē)的，不僅是要經(jīng)過(guò)手機(jī)的交互，還有單車(chē)的傳感器與數(shù)據(jù)交互等，事實(shí)上一套完整的服務(wù)正是由這些媒介之間的不斷交互，才使得哈羅的租賃服務(wù)可以如此靈活，所以在整個(gè)服務(wù)流程中讓媒介之間更智能、自動(dòng)、高效的完成銜接與交互，就成了必要的焦點(diǎn)了，如果說(shuō)你認(rèn)為這是多余或無(wú)效的部分，那么很有可能說(shuō)明你所處在的產(chǎn)品服務(wù)構(gòu)成還不算復(fù)雜，但這不能否定掉交互媒介的重要性。

這個(gè)過(guò)程中，你至少要清楚服務(wù)完成要經(jīng)過(guò)哪些端、那些人、哪些條件、哪些信息構(gòu)成。

信息構(gòu)成

幾乎進(jìn)行任何服務(wù)都離不開(kāi)特定的構(gòu)成信息交互；

圖：舉個(gè)最簡(jiǎn)單的例子，晚上你來(lái)到街邊攤，想要一份烤冷面，那么你除了要掏錢(qián)以外，你還要跟老板確認(rèn)口味、加料、價(jià)格這些信息，這些就是構(gòu)成任務(wù)進(jìn)程的信息，這些信息可以通過(guò)問(wèn)答式確認(rèn)，也可以提供招牌信息給食客確認(rèn)

總之將這些信息更簡(jiǎn)練準(zhǔn)確的進(jìn)行交互或傳達(dá)，就能實(shí)現(xiàn)任務(wù)鏈路的優(yōu)化，事實(shí)上應(yīng)用程序本身就是由各種各樣的信息交織在一起所構(gòu)成，所以

“做任務(wù)鏈路優(yōu)化不僅是減少操作步驟而已”

。

業(yè)務(wù)模型

可以簡(jiǎn)單易懂的幫助我們理解和消化業(yè)務(wù)，以及更好協(xié)同，面對(duì)復(fù)雜的任務(wù)流程，可以更好的表達(dá)或梳理業(yè)務(wù)概念與全局結(jié)構(gòu)，在做復(fù)雜的任務(wù)優(yōu)化時(shí)，就不容易被局部問(wèn)題牽著鼻子走，而忽略其他影響面，說(shuō)的直白點(diǎn)，就是這個(gè)業(yè)務(wù)的整體過(guò)程你腦子里要有個(gè)概念，制作方法其實(shí)就是將各個(gè)業(yè)務(wù)或任務(wù)拆解成多個(gè)單元的形式，并將單元之間的包含或?qū)蛹?jí)關(guān)系表達(dá)出來(lái)

研發(fā)能力

需要考慮技術(shù)實(shí)現(xiàn)的周期與成本，即開(kāi)發(fā)是否可以實(shí)現(xiàn)，需要研發(fā)多久，要投入多少成本，我相信產(chǎn)品經(jīng)理都會(huì)關(guān)心這個(gè)問(wèn)題，其實(shí)就是投資回報(bào)率與可行性的問(wèn)題，產(chǎn)品生產(chǎn)研發(fā)的本質(zhì)是賺錢(qián)不是虧錢(qián)，不是嗎？

例如說(shuō)你看見(jiàn)了一個(gè)很酷炫的交互效果，也準(zhǔn)備應(yīng)用到自家的產(chǎn)品中，但實(shí)際開(kāi)發(fā)的難度大不大，要投入多少時(shí)間精力，這個(gè)酷炫的交互又能帶了多少產(chǎn)品收益？所以研發(fā)實(shí)現(xiàn)能力在方案設(shè)計(jì)的過(guò)程中還是要考慮的。

測(cè)試反饋

方案落地前，進(jìn)行一定的內(nèi)部測(cè)試或評(píng)審是很有必要的，介于還沒(méi)有完成開(kāi)發(fā)上線，可以在優(yōu)化方案出來(lái)后通過(guò)Demo的方式找人進(jìn)行測(cè)試反饋，一般自測(cè)走查只是第一環(huán)，有不確定的一定要拉上其他人一起研討評(píng)審一番，如果要找人測(cè)試的話，其實(shí)只要設(shè)定好合適的任務(wù)與目標(biāo)，還原出真實(shí)用戶碰到問(wèn)題的任務(wù)過(guò)程即可，接著就是觀察測(cè)試者是如何使用Demo的，你的新方案是否奏效我想你知道怎么去衡量，就不贅述了。

優(yōu)化后的焦點(diǎn)

優(yōu)化后階段我們主要關(guān)注是否優(yōu)化了個(gè)寂寞，是不是又優(yōu)化出了新問(wèn)題，優(yōu)化后還有哪些收尾工作，關(guān)聯(lián)的需求池與迭代規(guī)劃怎么安排。

數(shù)據(jù)采集準(zhǔn)備

當(dāng)一個(gè)方案被投入到生產(chǎn)環(huán)境中，我們卻無(wú)法得知是否比舊的方案更好，這種情況是很糟糕的，故我們?cè)谛碌姆桨竿瞥龅耐瑫r(shí)，一定要保障有辦法收集到有效的用戶反饋，這個(gè)過(guò)程我們可以是采用AB測(cè)試、數(shù)據(jù)埋點(diǎn)監(jiān)測(cè)、灰度采樣、用戶使用性測(cè)試等，這都是我們實(shí)際工作中采用的有效手段。

效果對(duì)比

始于數(shù)據(jù)采集，采集后自然是與原始版本的效果進(jìn)行比對(duì)，確認(rèn)新的版本是有效可靠的，能被用戶認(rèn)可采納的，同時(shí)也能發(fā)現(xiàn)新的問(wèn)題反饋，這需要進(jìn)一步的跟進(jìn)與規(guī)劃，這是個(gè)重點(diǎn)環(huán)節(jié)。

需求規(guī)劃

原始問(wèn)題是否圓滿結(jié)束，是否有新的問(wèn)題待解決，是否需要分批開(kāi)發(fā)上線或驗(yàn)證，調(diào)整后其他部分是否需要配合改造，這一系列問(wèn)題將迫使我們持續(xù)改進(jìn)，并將流程再一次的接軌到優(yōu)化前階段。

AI告訴我的焦點(diǎn)˜

關(guān)于優(yōu)化流程的一些額外的發(fā)現(xiàn)

PDSA 或 PDCA

PDSA是指“計(jì)劃-實(shí)施-研究-實(shí)施（Plan-Do-Study-Act&Amend）”，屬于一種精益方法，常用于衡量變更的有效性，部分企業(yè)的專(zhuān)有云解決方案架構(gòu)師也叫做PDSA，并且有對(duì)應(yīng)的平臺(tái)組織與PDSA執(zhí)行流程。

PDSA這一流程可以靈活迅速的發(fā)起并驗(yàn)證效果，四個(gè)步驟分別如下：

而PDCA則是指“計(jì)劃-實(shí)施-檢查-行動(dòng)（Plan-Do-Check-Act&Amend）”，檢查主要就是驗(yàn)證效果是否有效，有效的則應(yīng)用或標(biāo)準(zhǔn)化，沒(méi)用的則繼續(xù)改進(jìn)，相比下，PDSA的內(nèi)涵會(huì)更廣泛些。

SDCA循環(huán)法是一個(gè)持續(xù)改進(jìn)模型

SDCA是指“標(biāo)準(zhǔn)化-執(zhí)行-檢查-總結(jié)（Standardization-Do-Check-Action&Adjustment）”，跟PDCA有些類(lèi)似，主要差異在于第一步驟；

標(biāo)準(zhǔn)化(Standardization)：識(shí)別和定義改進(jìn)過(guò)程中需要標(biāo)準(zhǔn)化和優(yōu)化的關(guān)鍵步驟和流程，例如軟件系統(tǒng)的交互規(guī)范化、場(chǎng)景模塊化、系統(tǒng)設(shè)計(jì)、流程統(tǒng)一等，亦或是產(chǎn)品客戶端的操作手冊(cè)、新手引導(dǎo)、統(tǒng)一操作流程、測(cè)試用例、準(zhǔn)入門(mén)檻等標(biāo)準(zhǔn)化內(nèi)容。

SDCA循環(huán)法的目標(biāo)是實(shí)現(xiàn)持續(xù)改進(jìn)，可以減少重復(fù)性問(wèn)題再次發(fā)生、精簡(jiǎn)和標(biāo)準(zhǔn)化執(zhí)行，形成可靠、準(zhǔn)確、高效的結(jié)果，是一種結(jié)構(gòu)化的迭代的方法，且適用領(lǐng)域廣泛。

一些還不錯(cuò)的優(yōu)化思路˜

針對(duì)任務(wù)鏈路優(yōu)化工作的場(chǎng)景，以下我給出了一些常用的優(yōu)化方法或工具，并酌情說(shuō)明了使用場(chǎng)景與小型案例幫助掌握，當(dāng)然了你也可能都掌握了這些，甚至有更進(jìn)階的方法或工具，那么也歡迎你補(bǔ)充或留言交流。

1、無(wú)前置輕快任務(wù)先行˜

其核心思想是在面對(duì)多個(gè)任務(wù)或配置項(xiàng)時(shí)，通過(guò)分析任務(wù)之間的依賴(lài)關(guān)系和優(yōu)先級(jí)，將那些不需要前置條件、相對(duì)輕量級(jí)和快捷的任務(wù)優(yōu)先處理，其優(yōu)勢(shì)在于能提高整體效率，還能讓用戶在完成前面步驟后獲得一定的成就感，從而更有動(dòng)力繼續(xù)推進(jìn)后續(xù)事項(xiàng)。

適用場(chǎng)景

適合復(fù)雜流程改造、復(fù)雜的表單配置相關(guān)、大量的事項(xiàng)處理場(chǎng)景、非線性的多任務(wù)處理場(chǎng)景等。

上手技巧

1、識(shí)別出沒(méi)有前置條件的任務(wù)；

2、分析任務(wù)或事項(xiàng)之間的依賴(lài)關(guān)系；

3、優(yōu)先處理輕快型的任務(wù)；

4、靈活的調(diào)整高優(yōu)先級(jí)或是共通的前置事項(xiàng)；

當(dāng)然也可以根據(jù)此原則將前置條件整合處理，這樣在后續(xù)的任務(wù)路徑中就可以減少相應(yīng)的條件卡點(diǎn)，例如大量安卓應(yīng)用第一次安裝啟動(dòng)時(shí)就會(huì)向用戶索要存儲(chǔ)、錄音、相機(jī)等基礎(chǔ)權(quán)限，那么之后使用相關(guān)服務(wù)時(shí)，就不用觸發(fā)授權(quán)窗口了，不過(guò)權(quán)限還是要遵循用戶隱私政策法規(guī)哈。

2、漸進(jìn)式交互˜

就是將復(fù)雜的任務(wù)進(jìn)行拆分，通過(guò)循序漸進(jìn)的方式一點(diǎn)一點(diǎn)完成任務(wù)，這樣可以減少任務(wù)達(dá)成的門(mén)檻，讓用戶使用更順暢，并且可以在過(guò)程中培養(yǎng)用戶的意識(shí)，是任務(wù)鏈路優(yōu)化的常見(jiàn)手段之一，也是游戲新手村屢試不爽的教學(xué)模式。這個(gè)方法的應(yīng)用案例跟文章快被寫(xiě)爛了吧，這里就不展開(kāi)了。

適用場(chǎng)景

該方法常常會(huì)應(yīng)用到復(fù)雜的任務(wù)流程引導(dǎo)，如分步驟表單配置、功能進(jìn)階解鎖、線性任務(wù)指導(dǎo)、新用戶引導(dǎo)等場(chǎng)景。

上手技巧

1、制定核心的目標(biāo)或任務(wù)鏈路，確保有效的漸進(jìn)過(guò)程；

2、找準(zhǔn)任務(wù)的先后關(guān)系或是難度級(jí)別；

3、注意引導(dǎo)過(guò)程的連貫性，要保持前后呼應(yīng)；

4、采用簡(jiǎn)潔準(zhǔn)確的引導(dǎo)提示，以及適宜的獎(jiǎng)勵(lì)或反饋機(jī)制；

5、結(jié)合用戶的使用偏好或認(rèn)知，要讓推進(jìn)的過(guò)程盡可能自然易用；

3、并行規(guī)劃˜

通過(guò)規(guī)劃使多個(gè)任務(wù)事項(xiàng)穿插或并行開(kāi)展，本質(zhì)就是任務(wù)事項(xiàng)的拆分管理與資源規(guī)劃協(xié)調(diào)，通過(guò)使更多事項(xiàng)同時(shí)或盡早進(jìn)行，來(lái)加快任務(wù)目標(biāo)達(dá)成，以效率來(lái)推動(dòng)任務(wù)鏈路優(yōu)化的目的，也可以理解成是碎片化時(shí)間利用。

適用場(chǎng)景

多個(gè)任務(wù)待辦且時(shí)間長(zhǎng)短與參與程度有差異時(shí)；

多個(gè)任務(wù)流程進(jìn)行且涉及審批、協(xié)同、傳輸、自動(dòng)進(jìn)行等情況時(shí)；

上手技巧

在資源規(guī)劃協(xié)調(diào)時(shí)，可以通過(guò)時(shí)間、狀態(tài)兩方面下手，重復(fù)的、自動(dòng)的、久等的、卡點(diǎn)的可以考慮先行，然后再處理其他瑣碎事項(xiàng)即可，反正當(dāng)你事項(xiàng)多，又想省下時(shí)間提升效率，就一定考慮下這個(gè)方法；

4、群體劃分˜

即我們常說(shuō)的用戶分層，通過(guò)提供差異化的服務(wù)或任務(wù)路徑來(lái)對(duì)應(yīng)不同的用戶群體，以減少無(wú)效或干擾的流程操作，為目標(biāo)用戶提供更好的體驗(yàn)質(zhì)量與業(yè)務(wù)場(chǎng)景偏好滿足等。

適用場(chǎng)景

業(yè)務(wù)用戶群比較豐富，不同角色的任務(wù)場(chǎng)景差異較大，需要更沉浸或?qū)I(yè)的交互時(shí)。

上手技巧

對(duì)不同類(lèi)群體用戶進(jìn)行訪談或任務(wù)場(chǎng)景測(cè)試；

厘清用戶群體與對(duì)應(yīng)任務(wù)目標(biāo)的差異性；

區(qū)分不同角色之間的權(quán)限差異；

規(guī)劃不同的任務(wù)的功能訴求與邊界；

5、技術(shù)創(chuàng)新˜

通過(guò)科技技術(shù)的應(yīng)用，可以為用戶帶來(lái)更多的便捷與新鮮感，特別是具備商業(yè)屬性的技術(shù)，會(huì)更快地成熟與普及，然后影響到更多人的生活方式。這個(gè)過(guò)程可以概括為“科技-認(rèn)知-應(yīng)用-習(xí)慣-直覺(jué)”，就像現(xiàn)如今的掃碼支付、人臉識(shí)別、指紋解鎖一般，不僅在各種領(lǐng)域都有了應(yīng)用，并且你一看到相關(guān)信息，直覺(jué)就會(huì)引導(dǎo)你該如何操作。

適用場(chǎng)景

在當(dāng)前技術(shù)實(shí)現(xiàn)還不夠優(yōu)雅或是遇見(jiàn)過(guò)更好的技術(shù)應(yīng)用時(shí)，則可以考慮去應(yīng)用新的技術(shù)或是與當(dāng)前業(yè)務(wù)做融合創(chuàng)新。

上手技巧

了解行業(yè)技術(shù)創(chuàng)新應(yīng)用；

多看看大廠公司的技術(shù)解決方案；

看看行業(yè)技術(shù)科技大廠的官網(wǎng)動(dòng)態(tài)；

找找是否有適用于自身業(yè)務(wù)的普惠技術(shù)方案；

6、約束與枚舉˜

面對(duì)各種復(fù)雜的操作、選擇、輸入輸出時(shí)，盡可能的枚舉出選項(xiàng)或模板，這樣用戶操作會(huì)更規(guī)范也不容易困惑，對(duì)于那些用不了或有特殊含義的內(nèi)容則通過(guò)樣式、組件、提示等進(jìn)行合理的約束，避免任務(wù)流程出錯(cuò)，也幫助用戶識(shí)別與理解，例如報(bào)錯(cuò)信息就要約束用紅色反饋，電話號(hào)輸入就要約束為數(shù)值輸入等，事實(shí)上這應(yīng)該是交互設(shè)計(jì)師的基本功吧。

適用場(chǎng)景

這個(gè)是我個(gè)人一直以來(lái)認(rèn)為人機(jī)交互工作中的根基，適用于絕大多數(shù)需要進(jìn)行組件交互或行為交互的場(chǎng)景。

上手技巧

厘清交互過(guò)程中涉及哪些信息內(nèi)容；

不同信息內(nèi)容適用哪些交互組件進(jìn)行；

交互內(nèi)容是否有任何格式約束、內(nèi)容模版或是注釋說(shuō)明；

交互過(guò)程中哪些是被允許那些是不被允許的；

交互過(guò)程的狀態(tài)扭轉(zhuǎn)是否完善和有效避錯(cuò)；

7、5why分析法˜

一個(gè)老生常談的方法，可以幫助我們深入問(wèn)題和洞察底層含義，用法就是面對(duì)問(wèn)題不斷的追問(wèn)為什么，在任務(wù)鏈路優(yōu)化中，主要可以幫助我們分析和定位問(wèn)題根因。以過(guò)濾偽需求為例，面對(duì)老板提出的需求，如果你不去深入一下，你就不會(huì)明白做這個(gè)需求究竟是解決什么痛點(diǎn)的，那么做出來(lái)以后，這個(gè)需求就有可能出現(xiàn)沒(méi)有解決老板痛點(diǎn)的情況，甚至可能出現(xiàn)新的問(wèn)題，因?yàn)檫@個(gè)需求本就是偽需求。

適用場(chǎng)景

適用與大多數(shù)復(fù)雜問(wèn)題或需求的分析場(chǎng)景，主要是對(duì)需求或問(wèn)題不夠清晰

上手技巧

連續(xù)追問(wèn)；

8、場(chǎng)景化分析˜

簡(jiǎn)單講就是在解決或優(yōu)化任務(wù)鏈路的時(shí)候，帶上人物、目標(biāo)、行為、環(huán)境、時(shí)間諸多因素綜合性思考，形成一個(gè)更完善而真實(shí)的洞察環(huán)境，以幫助獲取更多有價(jià)值的優(yōu)化信息，此前有出過(guò)一期關(guān)于場(chǎng)景化思維的專(zhuān)欄文章，寫(xiě)的比較詳細(xì)，有興趣的可翻閱一下：

通道:

https://www.zcool.com.cn/article/ZMTQ1NTY0MA==.html

9、ESIA分析法˜

ESIA是企業(yè)流程優(yōu)化中比較出名的方法，但也不僅限于企業(yè)流程優(yōu)化，其核心理念就是減少流程中非增值活動(dòng)，以及調(diào)整流程的核心增值活動(dòng)。由消除-簡(jiǎn)化-整合-自動(dòng)化（Eliminate-Simply-Integrate-Automate）四個(gè)步驟構(gòu)成，只看名字好像有些理論派或假把式，但拆開(kāi)后的一些具像化步驟或方法還是有用的，作為一款優(yōu)化工具或流程思路我是認(rèn)可和采用過(guò)的，就像是“CRAP設(shè)計(jì)原則”一樣，高大尚的字母縮寫(xiě)名下卻藏著樸實(shí)無(wú)華的好東西。

「注釋?zhuān)篊RAP設(shè)計(jì)原則 = “親密性、對(duì)齊、重復(fù)、對(duì)比”設(shè)計(jì)四大原則」

適用場(chǎng)景

流程優(yōu)化或鏈路優(yōu)化的發(fā)力點(diǎn)挖掘時(shí)。

上手技巧

這個(gè)方法我有一個(gè)小口訣，大伙兒可以參考下“去掉多余的、留下能懂的、排成有序的、減少人工的”

小案例

我們的代碼腳本工具升級(jí)，從客戶創(chuàng)建到腳本配置執(zhí)行的復(fù)雜版本，到簡(jiǎn)化的極速版本發(fā)布，其中整合了用戶主流的腳本工具訴求，然后消除了復(fù)雜冗長(zhǎng)的配置過(guò)程，簡(jiǎn)化了操作門(mén)檻或功能復(fù)雜度，并創(chuàng)建了多條主流自動(dòng)化的極速版本來(lái)支持業(yè)務(wù)，反饋和數(shù)據(jù)都有了明顯轉(zhuǎn)好

10、ECRS“分析法˜

是工業(yè)工程學(xué)中程序分析優(yōu)化的四大原則，主要由取消-合并-調(diào)整順序-簡(jiǎn)化（ Eliminate-Combine-Rearrange-Simplify）構(gòu)成，其實(shí)不必糾結(jié)這些分析法的刻板步驟或叫法，多看一些你會(huì)發(fā)現(xiàn)萬(wàn)變不離其宗，作為優(yōu)化思路或策略，找到合適的方法并靈活的施展其實(shí)更重要，沒(méi)有人說(shuō)必須要按照這些分析法按部就班。

取消( Eliminate)：首先是根據(jù)規(guī)模、階段或目標(biāo)，考慮哪些是可有可無(wú)的，或價(jià)值有限的，能換掉的就換掉，能去掉的就去掉。
合并( Combine)：在不影響最終目標(biāo)與質(zhì)量的前提下，根據(jù)某些屬性，將多個(gè)工序進(jìn)行合并或融合。同時(shí)也要考慮融合后的體驗(yàn)與兼容性，如若不然就不要強(qiáng)制合并了。
重排( Rearrange)：即將相關(guān)的工作流程或內(nèi)容進(jìn)行新的順序調(diào)整重組，以滿足更合理更流暢的結(jié)構(gòu)，例如減少了流程往返操作的不便、先易后難的配置表單。
簡(jiǎn)化( Simplify)：不是取消或減少而已，而是經(jīng)過(guò)以上工序后。將剩余的或整體進(jìn)行簡(jiǎn)單化、完整化、便捷化、智能化處理，可以是新技術(shù)應(yīng)用也可以是交互方式的調(diào)整不等。

任務(wù)鏈路優(yōu)化的思路或方法肯定還有諸多，例如《簡(jiǎn)約至上》中提到的刪除、組織、隱藏、轉(zhuǎn)移的應(yīng)用等等，這里不再列舉了，實(shí)際上掌握或了解幾條比較實(shí)用的就差不多了。

一些還不錯(cuò)的分析工具˜

都是一些比較日常輔助工具，只是希望在大家的優(yōu)化工作中能夠提供一些幫助，如果你已經(jīng)熟練掌握這些工具的應(yīng)用，那就請(qǐng)忽略這部分哈，請(qǐng)直接前往最后的篇章總結(jié)吧。

整合分析類(lèi) ˜

○思維導(dǎo)圖：可以快速幫助我們對(duì)信息進(jìn)行樹(shù)結(jié)構(gòu)化與邏輯整理，并且可以結(jié)合圖文以及功能圖標(biāo)等來(lái)完成管理及計(jì)劃，能夠?qū)I(yè)務(wù)或功能框架快速顯現(xiàn)出來(lái)，是很好的輔助工具之一；

○矩陣表格：可以很方便的將信息進(jìn)行羅列與比對(duì)分析，在一些信息介紹或數(shù)據(jù)分析時(shí)常常會(huì)用到；

○服務(wù)藍(lán)圖：可以將完整的服務(wù)過(guò)程繪制出來(lái)，能夠包含人物角色、前后臺(tái)關(guān)系、階段過(guò)程、狀態(tài)扭轉(zhuǎn)、交互觸點(diǎn)等；

○體驗(yàn)地圖：可以將服務(wù)、目標(biāo)、用戶、交互、反饋進(jìn)行階段化整合分析，本身是挺好的工具，只是設(shè)計(jì)師作品集中的用點(diǎn)兒虛，但不影響自己拿來(lái)實(shí)用；

○泳道圖：可以根據(jù)時(shí)序?qū)α鞒踢M(jìn)行可視化，可以很好的傳達(dá)職能部門(mén)或是角色之間的交互過(guò)程，也可以細(xì)分交互媒介、服務(wù)終端等因素之間的關(guān)系；

○流程圖：主要就是圍繞一個(gè)事件的開(kāi)始到結(jié)束過(guò)程的流程可視化，流程圖可以系統(tǒng)化的梳理業(yè)務(wù)邏輯與交互鏈路，泳道圖也僅是流程圖的一種，相信大家都很熟悉了，就不過(guò)多贅述了；

○魚(yú)骨圖：是一種根因分析工具，有頭有尾有分支，像魚(yú)骨，常用于定位問(wèn)題發(fā)生所導(dǎo)致的根因，也可以用來(lái)制定任務(wù)目標(biāo)進(jìn)程的管理；

○狀態(tài)機(jī)：一種針對(duì)事件狀態(tài)扭轉(zhuǎn)關(guān)系的流程圖，用于描述系統(tǒng)的狀態(tài)和事件，以及事件引發(fā)系統(tǒng)在狀態(tài)間的轉(zhuǎn)換過(guò)程，有點(diǎn)像是一系列的if語(yǔ)句，在中后臺(tái)的系統(tǒng)設(shè)計(jì)中常常會(huì)有需要梳理狀態(tài)的情況發(fā)生；

○業(yè)務(wù)框架：業(yè)務(wù)框架主要是一種將業(yè)務(wù)過(guò)程和活動(dòng)進(jìn)行組織和分類(lèi)的方法，具有較大的顆粒度與較強(qiáng)的全局性，常用于表達(dá)業(yè)務(wù)框架單元之間的組成與活動(dòng)關(guān)系。而業(yè)務(wù)模型主要是指業(yè)務(wù)概念關(guān)系的可視化簡(jiǎn)圖，前文的流程圖、泳道圖、狀態(tài)機(jī)等等都可以是業(yè)務(wù)模型；

監(jiān)測(cè)洞察類(lèi) ˜

○交互自檢：主要用于交互設(shè)計(jì)的查缺補(bǔ)漏跟避錯(cuò)，同時(shí)在交互鏈路自檢的過(guò)程中是可以主動(dòng)發(fā)現(xiàn)問(wèn)題，并驗(yàn)證優(yōu)化是否可行或合理；

○使用性測(cè)試：也叫做可用性測(cè)試，是對(duì)優(yōu)化結(jié)果或Demo進(jìn)行測(cè)試檢驗(yàn)的過(guò)程，通過(guò)模擬真實(shí)的任務(wù)操作過(guò)程以達(dá)到洞察、探索、比較、效果驗(yàn)證等目的；

○A/B測(cè)試：常用于方案之間的效果比較或驗(yàn)證，通常都是借助工具引流獲取一批真實(shí)用戶的測(cè)試反饋，是一款真實(shí)有效的驗(yàn)證手段，不過(guò)方案之間的差異不宜過(guò)于懸殊；

○數(shù)據(jù)漏斗：像任務(wù)鏈路這種多線程或是節(jié)點(diǎn)較多的事件，單薄的點(diǎn)擊率或轉(zhuǎn)化率的作用是很有限的，這時(shí)候就需要在相關(guān)任務(wù)節(jié)點(diǎn)上布滿更多的埋點(diǎn)，將用戶流量與數(shù)據(jù)轉(zhuǎn)化的情況用漏斗視圖表現(xiàn)出來(lái)，然后就可以針對(duì)任務(wù)鏈路進(jìn)行分析或比較了；

最后˜

本次主要是分享了對(duì)應(yīng)優(yōu)化工作中的一些技巧與方法，對(duì)于文章我很清楚看完和消化需要很多耐心與時(shí)間，這不像視覺(jué)作品來(lái)的那么接和輕松，寫(xiě)到這里已經(jīng)大幾千字了，最后鋪一張框架大圖幫那些看完腦袋空空的同學(xué)回顧一下；

作者：泡泡_PAO
來(lái)源：站酷

藍(lán)藍(lán)設(shè)計(jì)(www.jsyqsx.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。

關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

評(píng)論(0) 瀏覽(779)

312024-1

如何為用戶提供正確的鍵盤(pán)輸入類(lèi)型？

博博

Android和iOS系統(tǒng)都設(shè)計(jì)了針對(duì)特定表單字段的指定鍵盤(pán)輸入類(lèi)型。但大多數(shù)開(kāi)發(fā)人員未能在他們的代碼中指定正確的鍵盤(pán)輸入類(lèi)型。這會(huì)導(dǎo)致移動(dòng)設(shè)備上的表單完成效率變慢。本文以Android平臺(tái)為例。

一、輸入類(lèi)型并不總是“文本”

大多數(shù)開(kāi)發(fā)人員錯(cuò)誤地將每個(gè)表單字段的輸入類(lèi)型設(shè)置為“文本”。這存在問(wèn)題，因?yàn)槊總€(gè)表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數(shù)字或字母和數(shù)字組合的信息。當(dāng)用戶嘗試填寫(xiě)這些字段時(shí)，他們應(yīng)該看到一個(gè)數(shù)字或字母和數(shù)字組合的鍵盤(pán)。

不幸的是，當(dāng)每個(gè)字段的輸入類(lèi)型都設(shè)置為“文本”時(shí)，它會(huì)強(qiáng)制用戶使用文本鍵盤(pán)來(lái)輸入數(shù)字或字母和數(shù)字組合，輸入時(shí)舉步維艱，不是誤點(diǎn)，就是需要頻繁切換，輸入體驗(yàn)十分糟糕。

因此，請(qǐng)務(wù)必為每個(gè)表單字段指定輸入類(lèi)型，以便系統(tǒng)能夠顯示相應(yīng)的鍵盤(pán)。除了指定輸入類(lèi)型，我們還應(yīng)指定相關(guān)行為，例如輸入法是否提供拼寫(xiě)建議、是否將句子的首字母大寫(xiě)，以及是否使用“完成”或“下一項(xiàng)”等操作鍵替換“回車(chē)”。

輸入類(lèi)型、行為、操作鍵整理如下：

例一. 郵箱地址字段

表單要求用戶提供他們的郵箱地址是很常見(jiàn)的。當(dāng)我們將輸入類(lèi)型設(shè)置為“郵箱地址”時(shí)，它會(huì)為用戶提供一個(gè)針對(duì)郵箱地址輸入的鍵盤(pán)。這個(gè)鍵盤(pán)不僅顯示字母，還可以顯示“@”和“.”，用戶可以輕松地輸入他們的郵箱地址。

例二. 姓名字段

英文名是專(zhuān)有名詞，英語(yǔ)中專(zhuān)有名詞的第一個(gè)字母要大寫(xiě)。我們將輸入類(lèi)型設(shè)置為“人名”，并且設(shè)置單詞首字母大寫(xiě)。用戶無(wú)需對(duì)英文字母進(jìn)行大小寫(xiě)切換。

二、每個(gè)鍵盤(pán)對(duì)輸入類(lèi)型的反應(yīng)可能不同

案例一：登錄頁(yè)面的密碼輸入

釘釘將密碼框輸入類(lèi)型設(shè)置為“密碼”。假定密碼為 z0h0a0n0g。

百度輸入法顯示密碼鍵盤(pán)，完成密碼輸入僅需點(diǎn)擊 9 次。
搜狗輸入法顯示文本鍵盤(pán)，用戶需在字母和數(shù)字之間切換，完成輸入需點(diǎn)擊 17 次。也支持長(zhǎng)按第一行的字母輸入數(shù)字。
微信輸入法顯示文本鍵盤(pán)，完成密碼輸入需點(diǎn)擊 17 次。不支持長(zhǎng)按字母輸入數(shù)字。

案例二：登錄頁(yè)面的手機(jī)號(hào)輸入

釘釘設(shè)置電話號(hào)碼鍵盤(pán)右下角為“下一項(xiàng)”按鈕。

百度輸入法的鍵盤(pán)右下角顯示“回車(chē)”，用戶完成手機(jī)號(hào)輸入后需手動(dòng)獲取密碼文本框焦點(diǎn)。
搜狗輸入法的鍵盤(pán)右下角顯示“下一項(xiàng)”，用戶完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng)，密碼文本框自動(dòng)獲取焦點(diǎn)。
微信輸入法的鍵盤(pán)右下角顯示“下一項(xiàng)”，用戶完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng)，密碼文本框自動(dòng)獲取焦點(diǎn)。

三、Input Type 助力產(chǎn)品輸入體驗(yàn)的提升

通過(guò)應(yīng)用 Input Type 你可以正確的為每個(gè)文本字段設(shè)置特定的輸入類(lèi)型，以及看到每個(gè)輸入類(lèi)型（以及輸入類(lèi)型的組合）如何影響鍵盤(pán)。

我最初開(kāi)發(fā)此應(yīng)用是為了促進(jìn)工作中跨部門(mén)高效協(xié)同，但我希望通過(guò)此應(yīng)用能夠賦能給更多的人，提升協(xié)同效率的同時(shí)更好的提升產(chǎn)品輸入體驗(yàn)。你可以在這里免費(fèi)下載：

https://www.pgyer.com/vT29

Input Type這個(gè)工具需要安裝在安卓手機(jī)上，如果沒(méi)有安卓手機(jī)可以電腦上安裝一個(gè)網(wǎng)易MuMu安卓模擬器就可以用。

作者：交互設(shè)計(jì)師張楚
來(lái)源：站酷

評(píng)論(0) 瀏覽(770)

312024-1

雪球金融社區(qū)平臺(tái)表情圖標(biāo)升級(jí)全紀(jì)錄

博博

在社區(qū)平臺(tái)語(yǔ)境里，表情無(wú)疑是很重要的組成部分。一套豐富且定位準(zhǔn)確的表情可以幫助用戶更清晰地表達(dá)自己的感受，增進(jìn)溝通的準(zhǔn)確性，同時(shí)增添社交互動(dòng)的趣味性，拉進(jìn)用戶之間的距離。帶有平臺(tái)特性的表情更能彰顯平臺(tái)自身的獨(dú)特性。

雪球作為金融社區(qū)平臺(tái)，表情自然也是重要的元素。我們通過(guò)數(shù)據(jù)調(diào)研，發(fā)現(xiàn)雪球社區(qū)互動(dòng)中表情的滲透率達(dá)到18%，表情的使用率比較高。而現(xiàn)有的表情年久失修，存在幾個(gè)比較明顯的問(wèn)題，首先視覺(jué)風(fēng)格陳舊辨識(shí)度低；再有，表情中原本存在一些股票梗的表現(xiàn)力較弱，畫(huà)風(fēng)不夠有趣。第三，雪球誕生了新IP“呦呦”，非常適合在表情中應(yīng)用來(lái)推廣雪球品牌特性。

基于以上背景我們展開(kāi)了對(duì)于表情翻新改版的項(xiàng)目。

現(xiàn)狀&問(wèn)題

通過(guò)對(duì)當(dāng)前狀況進(jìn)行系統(tǒng)梳理，我們發(fā)現(xiàn)了一些存在的問(wèn)題。

1.設(shè)計(jì)風(fēng)格陳舊，不易識(shí)別表現(xiàn)力弱：

目前線上雪球表情風(fēng)格老舊，視覺(jué)表達(dá)不符合當(dāng)下設(shè)計(jì)潮流趨勢(shì)；由于表情是白色在行文中表現(xiàn)力不足且不易被用戶識(shí)別，因而趣味性表達(dá)的作用不夠凸顯。

2.缺乏股票基金場(chǎng)景的情緒表達(dá)

社區(qū)場(chǎng)景中有大量的股票基金的討論和相關(guān)內(nèi)容的情緒表達(dá)，而目前表情體系中缺乏此類(lèi)表達(dá)或表達(dá)不夠生動(dòng)。

比如「關(guān)燈吃面」和「割肉」，在行文中一眼能識(shí)別到視覺(jué)主體是表情臉，而“吃面”和“割肉”的語(yǔ)義沒(méi)有生動(dòng)的體現(xiàn)出來(lái)；還比如「跳水」又太具象和寫(xiě)實(shí)，少了表情的趣味性。

3.沒(méi)有將雪球的新IP融入表情

雪球誕生了新的IP“呦呦”，表情的體系非常適合融入IP向的內(nèi)容，將IP表情化也更利于IP的推廣和品牌的傳播。

視覺(jué)風(fēng)格探索

1.雪球用戶特征

設(shè)計(jì)風(fēng)格需要根據(jù)平臺(tái)用戶特征進(jìn)行確定。開(kāi)始設(shè)計(jì)之前，我們先看看雪球用戶大概是什么樣的。

雪球的主要用戶為男性且集中在30-50歲左右，所以在視覺(jué)表現(xiàn)上盡量避免女性化或低齡化的風(fēng)格。

2.視覺(jué)風(fēng)格探索

風(fēng)格確定

舊版的表情蒼白，雖然細(xì)節(jié)很多但在行文中難以識(shí)別，本次改版重要任務(wù)之一是改版新的視覺(jué)風(fēng)格。emoji是最被用戶熟知的表情體系，我們決定新版向傳統(tǒng)黃臉emoji表情靠攏。大方向定了，但還需要確定視覺(jué)感受符合雪球的emoji。最后在兩種視覺(jué)風(fēng)格中我們選擇了視覺(jué)感受偏中性、風(fēng)格扁平的這個(gè)方向，這個(gè)風(fēng)格和雪球用戶特征更契合。

提升辨識(shí)度

表情在交流中作為非文字的“語(yǔ)言”，其辨識(shí)度至關(guān)重要。表情在行文中的尺寸相對(duì)較小和單個(gè)文字差不多，那么如何保證在文字中依然能一眼讀懂表情？

在對(duì)表情整體風(fēng)格的把控下，需要通過(guò)對(duì)細(xì)節(jié)的打磨和反復(fù)實(shí)驗(yàn)，得出更有辨識(shí)度的設(shè)計(jì)方案。保持視覺(jué)扁平，盡量使用簡(jiǎn)潔的幾何圖形，加強(qiáng)顏色對(duì)比度，減少顏色數(shù)量，放大表情特征。通過(guò)以上手段有效的提升了表情的一致性和在行文中的辨識(shí)度。

發(fā)現(xiàn)股民討論語(yǔ)境下的“梗”

本次表情升級(jí)除了對(duì)現(xiàn)有表情進(jìn)行改造升級(jí)，還針對(duì)雪球社區(qū)特色進(jìn)行挖掘。

1.挖掘“梗”

前面我們說(shuō)到雪球用戶是集中在30-50歲左右的男性，那么這類(lèi)人群在社區(qū)中有怎樣的表達(dá)特點(diǎn)呢？

通過(guò)觀察我們發(fā)現(xiàn)，在面對(duì)股市的波動(dòng)和不確定性，雪球用戶更喜歡用幽默詼諧的論調(diào)來(lái)調(diào)侃市場(chǎng)以宣泄心中的無(wú)奈和負(fù)面情緒，同時(shí)在波動(dòng)面前展現(xiàn)出一種堅(jiān)韌和自嘲的心態(tài)。我們可以在這種“戲謔調(diào)侃”中挖掘可以視覺(jué)化的情緒和表情。以此作為本次表情升級(jí)的一個(gè)重要方向。

戲謔調(diào)侃的表情有哪些呢？我們挖掘了當(dāng)下網(wǎng)絡(luò)社交流行的表情包和熱詞。回想一下我們是否也經(jīng)常使用類(lèi)似“地鐵老人看手機(jī)”“黑人問(wèn)號(hào)臉”等網(wǎng)絡(luò)熱圖來(lái)表達(dá)內(nèi)心的復(fù)雜情緒呢。

在變幻莫測(cè)的股市中，面對(duì)現(xiàn)實(shí)的無(wú)力和不確定，祈福求平靜成了股民表達(dá)情緒舒緩心情的一種方式，比如“敲木魚(yú)”“祈求大漲”等儀式感的情境以表情的方式呈現(xiàn)，也能一定程度上引起用戶的共鳴。

2.讓表情“淋漓盡致”

微表情盡顯“內(nèi)心戲”

一個(gè)表情里往往蘊(yùn)含不只一種情感，短暫而難以察覺(jué)的面部變化最能傳達(dá)個(gè)體真實(shí)的情感狀態(tài)，一個(gè)眼神、嘴唇微動(dòng)等細(xì)微變化，常常表達(dá)出個(gè)體內(nèi)在的真實(shí)狀態(tài)。

在設(shè)計(jì)“大哭”這個(gè)表情時(shí)，我們挖掘到大哭背后可能是某種“絕望”，那么觀察下人們絕望時(shí)最大的面部特點(diǎn)是不是空洞的眼神和僵硬的臉？用這樣的微表情和大哭結(jié)合在一起，感受大哭情緒的同時(shí)也傳遞了絕望的內(nèi)心戲。

賺了、虧了一目了然

股票社區(qū)中漲跌是永遠(yuǎn)的話題，市場(chǎng)的漲跌背后牽動(dòng)著的是股民們真金白銀的賬戶。“虧大了”和“暴富”這兩個(gè)表情很生動(dòng)的表達(dá)了用戶盈虧的兩種處境，但原有表情的視覺(jué)表達(dá)過(guò)于保守和隱晦。要讓用戶一眼看到就產(chǎn)生共鳴，紅綠色是最直觀的漲跌信號(hào)，我們把這種語(yǔ)義和表情結(jié)合，“虧大了”除了表情沮喪還得加點(diǎn)綠色烘托氛圍，“暴富”的喜悅中再加上紅包加持情緒。

戲劇化表達(dá)

在某些極端情緒上我們還嘗試打破舊表情的禁錮，用更加生動(dòng)夸張的方式呈現(xiàn)。比如“絕望”，只靠面部表情似乎無(wú)法充分的表達(dá)，所以我們營(yíng)造了簡(jiǎn)單的環(huán)境和肢體動(dòng)作，一個(gè)癱在墻角雙目無(wú)神的小黃臉，絕望的形象躍然紙上。

3.股票專(zhuān)屬“梗”

雪球社區(qū)里有一些獨(dú)特的表情，比如“關(guān)燈吃面”，它是雪球老用戶傳承的經(jīng)典梗；還有諸如跳水、割肉、抄底、滿倉(cāng)等股票術(shù)語(yǔ)梗也頗受歡迎。升級(jí)優(yōu)化這類(lèi)表情的同時(shí)我們小開(kāi)腦洞在原有基礎(chǔ)上增加了“好基友”等新梗，讓股民表達(dá)更豐富有趣。

IP表情化

去年雪球誕生了自己的IP“YOYO”，此次表情升級(jí)正好可以將IP表情化，在平臺(tái)應(yīng)用和傳播。

YOYO所代表的品牌語(yǔ)義

1.福祿壽：因其原型是馴鹿，取福祿壽之意，代表財(cái)富；

2.溫暖陪伴&服務(wù)感：馴鹿具備天生的陪伴和服務(wù)感，與雪球強(qiáng)調(diào)的品牌服務(wù)感相契合。

YOYO品牌語(yǔ)義表情化

根據(jù)YOYO的兩種品牌語(yǔ)義，我們分別開(kāi)腦洞。

哪些意向和財(cái)富相關(guān)呢？我們找到“錦鯉”“招財(cái)貓”“金元寶”，這些元素和表情相結(jié)合形成財(cái)富類(lèi)表達(dá)；那么陪伴和服務(wù)感我們使用“抱抱”、“打call”這類(lèi)溫暖鼓勵(lì)意向的肢體語(yǔ)言來(lái)和YOYO結(jié)合傳達(dá)。

作者：雪球設(shè)計(jì)中心XDC
來(lái)源：站酷

評(píng)論(0) 瀏覽(720)

292024-1

向用戶請(qǐng)求權(quán)限的正確方式

博博

權(quán)限的目的是保護(hù)用戶隱私，那么在何時(shí)以及用什么方式請(qǐng)求用戶權(quán)限會(huì)是比較合適的？本文將詳細(xì)介紹Android的運(yùn)行時(shí)權(quán)限模型，并展示設(shè)計(jì)一個(gè)UX來(lái)請(qǐng)求你的應(yīng)用程序所需的權(quán)限，希望對(duì)你有所啟發(fā)。

從Android 6.0開(kāi)始，沒(méi)有在安裝時(shí)請(qǐng)求所有權(quán)限，而是引入了運(yùn)行時(shí)權(quán)限模型，開(kāi)發(fā)者可以控制應(yīng)用何時(shí)以及如何請(qǐng)求權(quán)限。這如同你想邀某人出去約會(huì)，過(guò)早、過(guò)頻繁或以錯(cuò)誤的方式對(duì)你來(lái)說(shuō)并不好。

本文我將詳細(xì)介紹Android的運(yùn)行時(shí)權(quán)限模型，并向你展示如何設(shè)計(jì)一個(gè)UX來(lái)請(qǐng)求你的應(yīng)用程序所需的權(quán)限。權(quán)限的目的是保護(hù)用戶的隱私，但當(dāng)你請(qǐng)求權(quán)限時(shí)，你是在要求用戶放棄一點(diǎn)隱私，因此，你需要提供明確且平等的利益以換取訪問(wèn)。運(yùn)行時(shí)權(quán)限允許你在用戶更了解你請(qǐng)求權(quán)限的原因和授予權(quán)限的好處時(shí)選擇合適的時(shí)間請(qǐng)求權(quán)限。Android實(shí)現(xiàn)它們的方式使得以正確的方式請(qǐng)求它們變得十分重要。

運(yùn)行時(shí)權(quán)限模型有利于保護(hù)用戶的隱私，當(dāng)你的應(yīng)用程序請(qǐng)求權(quán)限時(shí)，Android會(huì)顯示一個(gè)對(duì)話框讓用戶接受或拒絕它，第一次請(qǐng)求權(quán)限時(shí)對(duì)話框不會(huì)顯示“不再詢(xún)問(wèn)”復(fù)選框，只會(huì)在用戶至少一次拒絕權(quán)限請(qǐng)求后顯示它，你可以檢查之前是否被拒絕過(guò)，并明智的決定在何時(shí)提供更多教育。

從Android 11開(kāi)始，如果用戶在使用應(yīng)用的過(guò)程中多次拒絕某項(xiàng)特定的權(quán)限，那么在你的應(yīng)用再次請(qǐng)求該權(quán)限時(shí)，用戶將不會(huì)看到系統(tǒng)權(quán)限對(duì)話框。該操作表示用戶希望“不再詢(xún)問(wèn)”。

你無(wú)需過(guò)度防御，例如在實(shí)際請(qǐng)求權(quán)限之前你始終通過(guò)預(yù)許可（預(yù)授權(quán)）來(lái)衡量用戶授予權(quán)限的可能性，本質(zhì)上是請(qǐng)求兩次，這種雙重提示可能是不必要且煩人的，你可以通過(guò)在正確的時(shí)間以正確的方式詢(xún)問(wèn)來(lái)達(dá)到同樣的效果。

Material Design分解了在兩個(gè)維度上請(qǐng)求權(quán)限的不同方法。首先權(quán)限對(duì)你的應(yīng)用程序的運(yùn)行有多重要？其次，你請(qǐng)求它的原因有多清晰？根據(jù)這兩個(gè)因素，建議你采用不同的方法來(lái)請(qǐng)求權(quán)限。

預(yù)先請(qǐng)求權(quán)限（Ask up-front）

如果某項(xiàng)權(quán)限對(duì)應(yīng)用程序運(yùn)行至關(guān)重要，并且顯而易見(jiàn)為什么需要請(qǐng)求它。例如日歷應(yīng)用，拒絕日歷權(quán)限會(huì)使應(yīng)用程序無(wú)法運(yùn)行，并且用戶顯然知道日歷應(yīng)用的用途以及請(qǐng)求日歷權(quán)限的原因，因此

不需要用任何不必要的解釋來(lái)打擾用戶，只需在用戶首次啟動(dòng)應(yīng)用時(shí)立即請(qǐng)求它即可。

預(yù)先教育（Educate up-front）

如果某項(xiàng)權(quán)限對(duì)應(yīng)用至關(guān)重要，但請(qǐng)求它的原因不是很清晰。例如信貸應(yīng)用，為了準(zhǔn)確評(píng)估用戶的信貸資格、償還能力和防范反欺詐，通訊錄權(quán)限、通話記錄權(quán)限、位置權(quán)限對(duì)于風(fēng)控而言非常重要，建議請(qǐng)求權(quán)限之前對(duì)用戶進(jìn)行教育。

使用場(chǎng)景中請(qǐng)求權(quán)限（Ask in context）

如果應(yīng)用中的某項(xiàng)次要功能需要權(quán)限，但請(qǐng)求它的原因很清晰，建議你在使用場(chǎng)景中請(qǐng)求權(quán)限。例如筆記應(yīng)用允許用戶使用語(yǔ)音或音頻創(chuàng)建筆記，那么很明顯為什么此功能需要麥克風(fēng)權(quán)限，無(wú)需過(guò)早的請(qǐng)求它，以免用戶負(fù)擔(dān)過(guò)重，最好等到用戶嘗試使用該功能時(shí)，因?yàn)橛脩舾锌赡茉试S符合其預(yù)期的權(quán)限請(qǐng)求。

結(jié)合使用場(chǎng)景進(jìn)行教育（Educate in context）

如果應(yīng)用中的某項(xiàng)次要功能需要權(quán)限，并且請(qǐng)求他的原因不是很清晰，建議你結(jié)合使用場(chǎng)景進(jìn)行教育。例如筆記應(yīng)用允許用戶與朋友協(xié)作，那么請(qǐng)求聯(lián)系人權(quán)限可能是合理的，但它不是顯而易見(jiàn)的，當(dāng)用戶調(diào)用該功能時(shí)，解釋?xiě)?yīng)用獲得聯(lián)系人權(quán)限后可為用戶提供哪些好處，比如自動(dòng)填充郵件地址，然后才請(qǐng)求聯(lián)系人權(quán)限讓用戶授予它。

處理權(quán)限請(qǐng)求遭拒情況

通過(guò)使用正確的方法，用戶應(yīng)該清楚應(yīng)用請(qǐng)求權(quán)限的原因以及應(yīng)用獲得權(quán)限后可以為他們提供哪些好處。然而，這并不意味著用戶一定會(huì)授予權(quán)限。如果用戶拒絕了權(quán)限請(qǐng)求，建議采用以下做法：

在應(yīng)用界面中突出顯示因?yàn)闆](méi)有獲得特定權(quán)限而受限的功能所在的具體部分，例如在原本用于顯示該功能的結(jié)果或數(shù)據(jù)的位置顯示一條消息，讓用戶知道因缺少權(quán)限而無(wú)法使用該功能，幫助用戶在權(quán)限和功能之間建立心理聯(lián)系。
不要阻止界面顯示，不要全屏警告消息，讓用戶根本無(wú)法繼續(xù)使用應(yīng)用。即使在權(quán)限請(qǐng)求拒后，應(yīng)用也應(yīng)盡可能提供最佳的用戶體驗(yàn)。例如即使麥克風(fēng)使用權(quán)限請(qǐng)求遭拒，仍應(yīng)全面提高文本功能的易用性。
用戶可能已經(jīng)選中了“不再詢(xún)問(wèn)“復(fù)選框，應(yīng)用可能會(huì)在用戶未看到權(quán)限請(qǐng)求對(duì)話框的情況下受到拒絕，此時(shí)應(yīng)用應(yīng)該提供一個(gè)鏈接，鏈接到設(shè)備設(shè)置中用戶可以打開(kāi)權(quán)限的具體位置。

盡量減少權(quán)限請(qǐng)求

在應(yīng)用中聲明權(quán)限之前，請(qǐng)先考慮是否需要這樣做，或者是否有替代方法可以在應(yīng)用中支持該功能。因?yàn)槿绻麘?yīng)用聲明權(quán)限，那么每當(dāng)用戶使用需要運(yùn)行時(shí)權(quán)限的功能時(shí)，應(yīng)用便不得不中斷用戶的操作，請(qǐng)求相應(yīng)權(quán)限。然后，用戶必須做出決定。如果用戶不能理解您的應(yīng)用為何請(qǐng)求特定權(quán)限，可能就會(huì)拒絕授予該權(quán)限，甚至卸載應(yīng)用。

下面介紹幾個(gè)可以在不聲明任何權(quán)限的情況下實(shí)現(xiàn)的用例：

拍攝照片/錄制視頻

Android為應(yīng)用提供了相互通信的功能，讓你可以將任務(wù)委托給其他應(yīng)用。例如，如果你希望允許用拍照，但它不是應(yīng)用的核心部分，可以考慮使用Intent請(qǐng)求相機(jī)應(yīng)用拍攝照片并將其分享給你的應(yīng)用，這樣就不需要CAMERA權(quán)限。

自動(dòng)輸入動(dòng)態(tài)短信驗(yàn)證碼

雙因素身份驗(yàn)證流程中，動(dòng)態(tài)短信驗(yàn)證碼作為第二校驗(yàn)因素時(shí)，使用SMS Retriever API（短信檢索器）可以讓?xiě)?yīng)用自動(dòng)執(zhí)行用戶身份驗(yàn)證，不需要用戶手動(dòng)輸入驗(yàn)證碼，不需要READ_SMS權(quán)限。

作者：交互設(shè)計(jì)師張楚

來(lái)源：站酷

軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

評(píng)論(0) 瀏覽(832)

262024-1

如何為用戶提供正確的鍵盤(pán)輸入類(lèi)型？

博博

一、輸入類(lèi)型并不總是“文本”

輸入類(lèi)型、行為、操作鍵整理如下：

例一. 郵箱地址字段

例二. 姓名字段

二、每個(gè)鍵盤(pán)對(duì)輸入類(lèi)型的反應(yīng)可能不同

案例一：登錄頁(yè)面的密碼輸入

釘釘將密碼框輸入類(lèi)型設(shè)置為“密碼”。假定密碼為 z0h0a0n0g。

百度輸入法顯示密碼鍵盤(pán)，完成密碼輸入僅需點(diǎn)擊 9 次。
搜狗輸入法顯示文本鍵盤(pán)，用戶需在字母和數(shù)字之間切換，完成輸入需點(diǎn)擊 17 次。也支持長(zhǎng)按第一行的字母輸入數(shù)字。
微信輸入法顯示文本鍵盤(pán)，完成密碼輸入需點(diǎn)擊 17 次。不支持長(zhǎng)按字母輸入數(shù)字。

案例二：登錄頁(yè)面的手機(jī)號(hào)輸入

釘釘設(shè)置電話號(hào)碼鍵盤(pán)右下角為“下一項(xiàng)”按鈕。

百度輸入法的鍵盤(pán)右下角顯示“回車(chē)”，用戶完成手機(jī)號(hào)輸入后需手動(dòng)獲取密碼文本框焦點(diǎn)。
搜狗輸入法的鍵盤(pán)右下角顯示“下一項(xiàng)”，用戶完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng)，密碼文本框自動(dòng)獲取焦點(diǎn)。
微信輸入法的鍵盤(pán)右下角顯示“下一項(xiàng)”，用戶完成手機(jī)號(hào)輸入點(diǎn)擊下一項(xiàng)，密碼文本框自動(dòng)獲取焦點(diǎn)。

三、Input Type 助力產(chǎn)品輸入體驗(yàn)的提升

Input Type這個(gè)工具需要安裝在安卓手機(jī)上，如果沒(méi)有安卓手機(jī)可以電腦上安裝一個(gè)網(wǎng)易MuMu安卓模擬器就可以用。

應(yīng)用截圖

作者：交互設(shè)計(jì)師張楚
來(lái)源：站酷

軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

評(píng)論(0) 瀏覽(873)

262024-1

從產(chǎn)品創(chuàng)新到品牌體驗(yàn)，設(shè)計(jì)究竟有多重要？

前端達(dá)人

在當(dāng)今激烈的商業(yè)競(jìng)爭(zhēng)中，企業(yè)成功的因素多種多樣，其中設(shè)計(jì)是否成為決定性因素備受爭(zhēng)議。從產(chǎn)品創(chuàng)新到品牌體驗(yàn)，設(shè)計(jì)的影響力逐漸凸顯。本文將深入探討設(shè)計(jì)在商業(yè)領(lǐng)域的重要性，并剖析其如何塑造企業(yè)形象、影響產(chǎn)品銷(xiāo)售以及提升用戶體驗(yàn)。

1. 設(shè)計(jì)與產(chǎn)品創(chuàng)新

產(chǎn)品創(chuàng)新是企業(yè)保持競(jìng)爭(zhēng)力的關(guān)鍵之一，而設(shè)計(jì)在這一過(guò)程中扮演著重要的角色。通過(guò)獨(dú)特的設(shè)計(jì)理念和創(chuàng)新的外觀，企業(yè)能夠突破傳統(tǒng)，吸引消費(fèi)者的注意力。例如，蘋(píng)果公司憑借其獨(dú)特的產(chǎn)品設(shè)計(jì)，成功地將智能手機(jī)從功能性產(chǎn)品轉(zhuǎn)變?yōu)闀r(shí)尚潮流的代表。

2. 設(shè)計(jì)與品牌形象

品牌形象直接關(guān)系到企業(yè)在市場(chǎng)中的地位。設(shè)計(jì)不僅僅是產(chǎn)品外觀，還包括標(biāo)志、廣告、包裝等各個(gè)方面。一致、有吸引力的設(shè)計(jì)能夠加強(qiáng)品牌認(rèn)知度，形成獨(dú)特的企業(yè)形象。例如，可口可樂(lè)的標(biāo)志設(shè)計(jì)一直以來(lái)都是簡(jiǎn)潔而具有辨識(shí)度的代表，為品牌樹(shù)立了強(qiáng)大的形象。

3. 設(shè)計(jì)與產(chǎn)品銷(xiāo)售

消費(fèi)者在購(gòu)買(mǎi)產(chǎn)品時(shí)通常會(huì)首先被外觀所吸引，而設(shè)計(jì)正是影響消費(fèi)者購(gòu)買(mǎi)決策的一個(gè)重要因素。產(chǎn)品設(shè)計(jì)的吸引力可以直接影響銷(xiāo)售情況。一款外觀精致、符合消費(fèi)者審美的產(chǎn)品更容易贏得市場(chǎng)。因此，企業(yè)在產(chǎn)品設(shè)計(jì)上的投入，往往能夠在銷(xiāo)售層面獲得回報(bào)。

4. 設(shè)計(jì)與用戶體驗(yàn)

隨著消費(fèi)者對(duì)產(chǎn)品體驗(yàn)的重視不斷增加，用戶體驗(yàn)設(shè)計(jì)變得愈發(fā)關(guān)鍵。用戶友好的設(shè)計(jì)能夠提高產(chǎn)品的易用性，增強(qiáng)用戶滿意度。無(wú)論是軟件界面還是實(shí)體產(chǎn)品的操控，設(shè)計(jì)都直接影響著用戶的感受?；ヂ?lián)網(wǎng)公司中，用戶體驗(yàn)設(shè)計(jì)更是被視為至關(guān)重要的一環(huán)，因?yàn)橐粋€(gè)良好的用戶體驗(yàn)?zāi)軌虼偈褂脩舾釉敢獬掷m(xù)使用產(chǎn)品。

結(jié)語(yǔ)

在當(dāng)今商業(yè)環(huán)境中，設(shè)計(jì)不再是簡(jiǎn)單的裝飾品，而是企業(yè)成功的關(guān)鍵因素之一。從產(chǎn)品創(chuàng)新到品牌形象再到用戶體驗(yàn)，設(shè)計(jì)在多個(gè)層面發(fā)揮著重要作用。企業(yè)若要在競(jìng)爭(zhēng)中脫穎而出，就需要認(rèn)識(shí)到設(shè)計(jì)的戰(zhàn)略?xún)r(jià)值，并將其納入業(yè)務(wù)發(fā)展的核心考慮之中。在這個(gè)創(chuàng)新迅猛的時(shí)代，或許真正能夠決定企業(yè)命運(yùn)的，就是那個(gè)看似微小卻能夠改變一切的設(shè)計(jì)元素。

評(píng)論(0) 瀏覽(723)

252024-1

B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認(rèn)知

博博

先說(shuō)結(jié)論：是很好的“答疑期”，但幫助有限，學(xué)會(huì)問(wèn)問(wèn)題，同時(shí)接納自己暫時(shí)不懂的情況。

在入職后，一般會(huì)有業(yè)務(wù)方向、研發(fā)背景、設(shè)計(jì)思路、產(chǎn)品使用流程等方面的培訓(xùn)講解。但即便同事講的不錯(cuò)，對(duì)于剛?cè)肼毜奈覀儊?lái)說(shuō)，也很難短時(shí)間內(nèi)消化掌握，并直接應(yīng)用到設(shè)計(jì)工作中。

在這個(gè)時(shí)期，有三點(diǎn)建議：

找關(guān)鍵詞
虛心請(qǐng)教
提出問(wèn)題并給出方案

評(píng)論(0) 瀏覽(723)

252024-1

用戶界面設(shè)計(jì)：是不是界面越簡(jiǎn)單，用戶體驗(yàn)就越好呢？

前端達(dá)人

用戶界面設(shè)計(jì)是現(xiàn)代軟件開(kāi)發(fā)中至關(guān)重要的一環(huán)。在設(shè)計(jì)過(guò)程中，一個(gè)常見(jiàn)的爭(zhēng)論是是否簡(jiǎn)化界面能夠提高用戶體驗(yàn)。本文將探討這一問(wèn)題，分析簡(jiǎn)化界面和提高用戶體驗(yàn)之間的關(guān)系，同時(shí)討論一些成功案例和最佳實(shí)踐。

引言：

隨著科技的發(fā)展，軟件應(yīng)用和網(wǎng)站的用戶界面設(shè)計(jì)成為用戶與技術(shù)互動(dòng)的主要媒介。傳統(tǒng)觀念中，簡(jiǎn)化界面通常被認(rèn)為能夠提高用戶體驗(yàn)，但這是否總是成立呢？

界面簡(jiǎn)化與用戶體驗(yàn)：

簡(jiǎn)化界面的理念是通過(guò)減少?gòu)?fù)雜性，使用戶更輕松地完成任務(wù)。然而，這并不意味著一味地去除所有元素。在設(shè)計(jì)中找到平衡點(diǎn)至關(guān)重要，避免因過(guò)度簡(jiǎn)化而導(dǎo)致用戶迷失在功能缺失的迷宮中。

成功案例分析：

一些知名的軟件和平臺(tái)通過(guò)簡(jiǎn)化界面取得了顯著的成功。例如，移動(dòng)應(yīng)用界面通常更簡(jiǎn)單，專(zhuān)注于核心功能，為用戶提供高效的體驗(yàn)。另外，一些社交媒體平臺(tái)也采用清晰簡(jiǎn)潔的設(shè)計(jì)，讓用戶更容易分享和互動(dòng)。

界面簡(jiǎn)化的挑戰(zhàn)：

然而，過(guò)度簡(jiǎn)化也可能引發(fā)問(wèn)題。某些應(yīng)用在簡(jiǎn)化的過(guò)程中可能削減了一些用戶希望使用的功能，導(dǎo)致用戶體驗(yàn)下降。因此，在簡(jiǎn)化界面時(shí)，設(shè)計(jì)團(tuán)隊(duì)需要深入了解用戶需求，確保保留關(guān)鍵功能的同時(shí)簡(jiǎn)化操作。

最佳實(shí)踐：

為了在簡(jiǎn)化界面中取得成功，設(shè)計(jì)團(tuán)隊(duì)可以采用一些最佳實(shí)踐。這包括用戶研究，以了解他們的期望和需求，持續(xù)的反饋循環(huán)，以及對(duì)設(shè)計(jì)進(jìn)行用戶測(cè)試。通過(guò)這些方法，設(shè)計(jì)團(tuán)隊(duì)可以更好地理解用戶，從而創(chuàng)造出簡(jiǎn)單而強(qiáng)大的界面。

結(jié)論：

在用戶界面設(shè)計(jì)中，簡(jiǎn)化并非唯一的成功途徑。用戶體驗(yàn)的提升需要在簡(jiǎn)化與功能之間取得平衡。通過(guò)深入了解用戶需求、采用最佳實(shí)踐，并不斷優(yōu)化設(shè)計(jì)，設(shè)計(jì)團(tuán)隊(duì)可以打造出符合用戶期望且高效的界面，提升整體用戶體驗(yàn)。

評(píng)論(0) 瀏覽(910)

252024-1

B端基礎(chǔ) | 全套WEB表單設(shè)計(jì)基礎(chǔ)

博博

第一部分 | WEB表單設(shè)計(jì)

在B的設(shè)計(jì)中、表單是我們最為常見(jiàn)的設(shè)計(jì)內(nèi)容。下面我們來(lái)學(xué)習(xí)如何做好表單設(shè)計(jì)這部分內(nèi)容。

1、什么是表單

我理解表單就是系統(tǒng)為和用戶進(jìn)行交互、所要收集用戶信息的或獲得用戶反饋的一種方式的載體。在后臺(tái)產(chǎn)品中對(duì)我們數(shù)據(jù)做的增、刪、改、查、驗(yàn)都可以通過(guò)表單完成。

表單是一種用于收集用戶輸入的HTML元素，通常用于創(chuàng)建用戶與網(wǎng)頁(yè)交互的表單。表單可以包含各種輸入字段，如文本框、復(fù)選框、單選按鈕、下拉列表和提交按鈕等。當(dāng)用戶填寫(xiě)表單并提交后，數(shù)據(jù)將被發(fā)送到服務(wù)器進(jìn)行處理。在web開(kāi)發(fā)中，表單是實(shí)現(xiàn)用戶交互和數(shù)據(jù)收集的重要手段之一。

1.1、常見(jiàn)應(yīng)用場(chǎng)景

在我們的后臺(tái)系統(tǒng)中、我們表單在70%的場(chǎng)景上都會(huì)使用到。采集錄入數(shù)據(jù)信息、編輯數(shù)據(jù)信息等。如我們SaaS管理平臺(tái)的學(xué)員錄入、檔案查詢(xún)、獎(jiǎng)勵(lì)規(guī)則設(shè)置等。

2、表單設(shè)計(jì)原則

設(shè)計(jì)原則是任何一種解決方案的指路燈。我們?cè)诒韱蔚脑O(shè)計(jì)中需要遵循以下原則、

簡(jiǎn)潔明了、清晰高效、適應(yīng)業(yè)務(wù)、及時(shí)反饋。

2.1、簡(jiǎn)潔明了

表單的設(shè)計(jì)應(yīng)該簡(jiǎn)潔明了，避免過(guò)多的裝飾和元素干擾用戶填寫(xiě)表單。

2.2、清晰高效

表單中的各個(gè)字段和選項(xiàng)應(yīng)該清晰可見(jiàn)。用戶應(yīng)該能夠快速找到需要填寫(xiě)的字段和選項(xiàng)，并且填寫(xiě)過(guò)程中不會(huì)遇到過(guò)多的困難。

2.3、適應(yīng)業(yè)務(wù)

應(yīng)該符合我們的業(yè)務(wù)應(yīng)用場(chǎng)景、滿足我們的業(yè)務(wù)需求。

2.4、及時(shí)反饋

在用戶填寫(xiě)表單的過(guò)程中，應(yīng)該提供適當(dāng)?shù)姆答?，例如輸入?yàn)證、錯(cuò)誤提示等，以便用戶能夠及時(shí)了解自己的輸入是否正確。

3、表單構(gòu)成

我們通常的表單都基本都是由、標(biāo)簽、域、提示、操作按鈕這四個(gè)部分構(gòu)成的。

3.1、標(biāo)簽

標(biāo)簽文本主要是解釋輸入項(xiàng)的含義，一般不宜太長(zhǎng)，需要簡(jiǎn)明扼要，快速讓用戶理解。輸入框標(biāo)簽在布局上可以分為

左標(biāo)簽、頂標(biāo)簽、行內(nèi)標(biāo)簽

。這三種設(shè)計(jì)在許多情況下可以提高可讀性和用戶友好性，但也有一些潛在的缺點(diǎn)。

3.1.1、左標(biāo)簽

優(yōu)點(diǎn)：可讀性強(qiáng)、減少用戶的認(rèn)知負(fù)擔(dān)。布局直觀、提高填寫(xiě)速度。

缺點(diǎn)：不適合長(zhǎng)標(biāo)簽、對(duì)業(yè)務(wù)場(chǎng)景適用性差。

3.1.2、頂標(biāo)簽

優(yōu)點(diǎn)：節(jié)省空間、減少表單的長(zhǎng)度和寬度。視覺(jué)層次清晰。

缺點(diǎn)：需要額外的間距、縱向空間利用率不高

3.1.3、行內(nèi)標(biāo)簽

優(yōu)點(diǎn)：節(jié)省空間、簡(jiǎn)潔易于閱讀

缺點(diǎn)：可讀性有限、對(duì)于長(zhǎng)標(biāo)簽或復(fù)雜內(nèi)容可讀性降低、不適合大部分的場(chǎng)景。

3.2、域

表單的域表示的是一個(gè)空間。這個(gè)空間里可以是輸入內(nèi)容、選擇內(nèi)容、選則時(shí)間、選擇數(shù)值、觸發(fā)交互按鈕（上傳資料）等

3.3、提示

避免廢話、給出結(jié)果以及處理方式。

3.4、按鈕

一般出現(xiàn)在頁(yè)面頂部、跟隨表單里的內(nèi)容、表單內(nèi)容底部、頁(yè)面底部。

在我們系統(tǒng)設(shè)計(jì)里。我是更愿意把按鈕放在頁(yè)面的底部。至于為什么可以看一下、我之前的《按鈕的基礎(chǔ)設(shè)計(jì)知識(shí)的文章》

4、設(shè)計(jì)細(xì)節(jié)

除了上面表單的基礎(chǔ)知識(shí)外，為了我們表單設(shè)計(jì)的更好我們就需要在細(xì)節(jié)上下功夫了。畢竟優(yōu)秀的設(shè)計(jì)師注重細(xì)節(jié)的表現(xiàn)的。

4.1、表單里標(biāo)簽后的冒號(hào)要不要加

最初是因?yàn)槠聊伙@示的原因所以才加的冒號(hào)、隨著技術(shù)的進(jìn)步?，F(xiàn)在可加可不加。系統(tǒng)內(nèi)統(tǒng)一就行。

4.2、如何設(shè)定輸入框的寬度

輸入框的寬度是自適應(yīng)的、輸入框的寬度是有暗示左右的。在真實(shí)場(chǎng)景中，大部分輸入框是存在理想長(zhǎng)度的，那么就應(yīng)該向用戶暗示所需輸入內(nèi)容的長(zhǎng)度來(lái)減輕判斷負(fù)擔(dān)。下圖就是典型案例，一個(gè)實(shí)際不需要花多少錢(qián)的金額輸入框在左圖中進(jìn)行等寬處理，反而容易誤導(dǎo)用戶對(duì)輸入金額的判斷，造成一種不安全感。

4.3、表單布局

在表單中我們采用多種布局方式。

信息分組、內(nèi)容列表、標(biāo)簽頁(yè)、分步驟。

在信息傳遞上。這集中布局方式本質(zhì)都是一樣的。將信息進(jìn)行分類(lèi)展示。來(lái)更好效的進(jìn)行信息的傳遞和展示。理論支持、格式塔原理

我們?nèi)绾芜x則適用那種布局方式呢。很簡(jiǎn)單需要展示內(nèi)容的多少。

第二部分 | 表單交互

為了讓我們表單的用戶體驗(yàn)做到極致、我們還有注意這些交互上的細(xì)節(jié)。做好這些細(xì)節(jié)將大幅提升我們的用戶體檢。

1、錯(cuò)誤提示

驗(yàn)證用戶輸入活提交信息是否正確、驗(yàn)證方法有三種、實(shí)時(shí)、提交后、服務(wù)器。因?yàn)樗麄儠r(shí)效性不同所以應(yīng)用的場(chǎng)景也不同。

錯(cuò)誤提示要適用積極地的語(yǔ)言、不清楚的告訴用戶存在哪里、要如何修復(fù)。

2、更智慧、高效

之前好像看過(guò)一個(gè)什么定律忘了。他的大致意思是，如果系統(tǒng)能處理的問(wèn)題盡量讓系統(tǒng)去處理、不用留給用戶去操作。

2.1、簡(jiǎn)化輸入智能默認(rèn)

如果可以帶出來(lái)的信息可以盡力帶過(guò)來(lái)。

滿足多數(shù)人需要的地方放置選擇，來(lái)幫助用戶作出明智選擇?；ヂ?lián)網(wǎng)表單中有很多地方能利用智能默認(rèn)減少必要的選擇次數(shù)，加速表單完成過(guò)程。

2.2、個(gè)性化默認(rèn)

保留用戶登陸信息、重復(fù)填寫(xiě)內(nèi)容。例如、之前去醫(yī)院需要手機(jī)登陸的那段時(shí)間。在去過(guò)一次后。掃完填寫(xiě)信息制藥填一個(gè)名字、其他信息都帶出來(lái)了。

2.3、及時(shí)新增

我們?cè)跐M足大部分用戶的同時(shí)、在某些場(chǎng)景里還要提高額外的輸入框給需要的人用。同時(shí)不會(huì)阻礙不需要的人。這類(lèi)輸入框常常被作為高級(jí)選項(xiàng)或者額外選項(xiàng)。

3、結(jié)構(gòu)

一個(gè)結(jié)構(gòu)充分的表單就像一個(gè)與用戶的良好對(duì)話。所以記住這一點(diǎn)，仔細(xì)規(guī)劃結(jié)構(gòu)。

3.1、從簡(jiǎn)單開(kāi)始到創(chuàng)建邏輯分類(lèi)

從簡(jiǎn)單問(wèn)題開(kāi)始，用戶已經(jīng)很清楚答案了。將不相關(guān)的信息按邏輯分組展示。來(lái)幫助用戶理解。

3.2、單步、多步、單列、多列

至于這些的方式的選擇、總的來(lái)說(shuō)還是信息呈現(xiàn)多少的不同。單步的轉(zhuǎn)化率更高。但多步卻更適合復(fù)雜信息的收集。

單列和多列基本也是一樣的道理

作者：彪形大漢pro
來(lái)源：站酷

評(píng)論(0) 瀏覽(936)

232024-1

時(shí)尚之魅：你眼中的設(shè)計(jì)之美是什么？

前端達(dá)人

在這個(gè)充滿時(shí)尚與活力的都市中，設(shè)計(jì)不僅僅是一種創(chuàng)作行為，更是一種生活態(tài)度。城市的脈動(dòng)與光影交織出多彩的畫(huà)卷，而設(shè)計(jì)，便是將這些瞬間的靈感凝固在時(shí)間的長(zhǎng)河中，成為時(shí)代的見(jiàn)證者。

時(shí)尚，它不只存在于服裝與配飾，更潛藏在城市的每一個(gè)角落。在熙熙攘攘的街頭巷尾，建筑的線條、廣告的色彩、公共空間的布局，都在訴說(shuō)著設(shè)計(jì)之美。是什么讓你在這座城市中駐足停留？是那個(gè)獨(dú)特的商標(biāo)設(shè)計(jì)，還是那個(gè)別致的街頭藝術(shù)？

設(shè)計(jì)之美如同城市的心跳，無(wú)處不在。當(dāng)你穿梭在繁忙的商業(yè)區(qū)，是否會(huì)被櫥窗中的陳列所吸引？或者，當(dāng)你漫步在公園的小徑上，是否會(huì)留意到每一塊石子的鋪設(shè)都是精心設(shè)計(jì)的產(chǎn)物？城市中的每一寸空間，都是設(shè)計(jì)師們留下的足跡，都是他們對(duì)生活的獨(dú)特解讀。

設(shè)計(jì)之美，不僅僅是視覺(jué)的愉悅，更是一種情感的共鳴。每一個(gè)建筑的線條，每一個(gè)家居的布置，都承載著設(shè)計(jì)師對(duì)生活、對(duì)人性的理解。當(dāng)我們步入一個(gè)設(shè)計(jì)感強(qiáng)烈的空間，仿佛也融入了設(shè)計(jì)師的心靈，感受到了他們所要傳達(dá)的情感和思考。

回到最初的問(wèn)題：你眼中的設(shè)計(jì)之美是什么？或許是一張絢爛的海報(bào)，或許是一款時(shí)尚的家具，亦或是一處別致的小巷。每個(gè)人對(duì)于設(shè)計(jì)的理解各有不同，因?yàn)樵O(shè)計(jì)之美是主觀的，它更關(guān)乎個(gè)體的感知和體驗(yàn)。

在這個(gè)快節(jié)奏的城市中，時(shí)尚之魅始終如影隨形。設(shè)計(jì)之美，既是城市的風(fēng)景，也是生活的點(diǎn)綴。讓我們一同探討，在這個(gè)視覺(jué)的交響曲中，你眼中的設(shè)計(jì)之美究竟是怎樣的？或許，你會(huì)在這無(wú)盡的創(chuàng)意空間中，找到屬于自己的設(shè)計(jì)之旅。

評(píng)論(0) 瀏覽(786)

« 1 ... 8 9 10 11 12 13 14 ... 193 »

分類(lèi)

日歷

鏈接

個(gè)人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.jsyqsx.cn

少妇无码一区二区三区,曰韩亚洲AV人人夜夜澡人人爽,亚洲天堂男人影院,丰满的闺蜜2中文字幕欧美日韩亚洲第一AⅤ影院_国产精品午夜无码试看_亚洲视频中文字幕更新_中文无码字幕中文有码字幕

首頁(yè)

從單車(chē)上鎖聊聊任務(wù)鏈路優(yōu)化設(shè)計(jì)的思路與技巧

如何為用戶提供正確的鍵盤(pán)輸入類(lèi)型？

雪球金融社區(qū)平臺(tái)表情圖標(biāo)升級(jí)全紀(jì)錄

向用戶請(qǐng)求權(quán)限的正確方式

如何為用戶提供正確的鍵盤(pán)輸入類(lèi)型？

從產(chǎn)品創(chuàng)新到品牌體驗(yàn)，設(shè)計(jì)究竟有多重要？

B端產(chǎn)品 | 如何快速建立業(yè)務(wù)&產(chǎn)品認(rèn)知

用戶界面設(shè)計(jì)：是不是界面越簡(jiǎn)單，用戶體驗(yàn)就越好呢？

B端基礎(chǔ) | 全套WEB表單設(shè)計(jì)基礎(chǔ)

時(shí)尚之魅：你眼中的設(shè)計(jì)之美是什么？

分類(lèi)

日歷

鏈接

個(gè)人資料

存檔