設(she)(she)(she)計理(li)念是設(she)(she)(she)計的(de)核心(xin)(xin)思想(xiang)與運(yun)作原則(ze)，是為了明確設(she)(she)(she)計團隊方向，確保(bao)圍繞著核心(xin)(xin)準則(ze)去運(yun)作，而出現的(de)指引設(she)(she)(she)計師按既定線路前(qian)行。即(ji)設(she)(she)(she)計團隊在企業中存在的(de)使命、任務、價(jia)值。
所以在制作web端(duan)設計(ji)規范系列規范時(shi)，第一部分(fen)就是Web端(duan)設計(ji)理念篇。設計(ji)理念篇本身不分(fen)移動端(duan)或者web端(duan)，這是一個通用的(de)理念準則。
設計(ji)團(tuan)隊的(de)(de)意義是能理解分析最終用戶的(de)(de)需求，通(tong)過專業的(de)(de)設計(ji)手(shou)段、方(fang)法(fa)去(qu)實現企業戰略解決相關問(wen)題(ti)。
以什么而設計(ji)？這需要(yao)去(qu)明確并(bing)堅守(shou)它，我總結了兩(liang)條：
以業務需求為基礎的(de)設計
以(yi)用戶為(wei)中(zhong)心(xin)的設(she)計
以業務(wu)需(xu)求為基礎的(de)設計(ji)
1.設計脫(tuo)離業務就失去了(le)設計存在(zai)的意義，設計本(ben)身就應該將業務思維(wei)(wei)轉化為設計思維(wei)(wei)。
2.在做(zuo)設計滿足業務的需求基礎上，就(jiu)要更加主動的去(qu)思考用戶(hu)完成這個基礎場景后(hou)的下(xia)一步(bu)，再下(xia)一步(bu)應該是什么，思考解決方案(an)的延(yan)伸(shen)面(mian)。
3.設計師對(dui)業(ye)(ye)務的(de)(de)理解(jie)很重要，但在持續(xu)深入理解(jie)業(ye)(ye)務之余，有意(yi)識地去建立(li)獨立(li)于(yu)業(ye)(ye)務的(de)(de)通用跨界思維、框架和方(fang)法論，我們不能滿足于(yu)逐(zhu)一解(jie)決(jue)單一、鼓勵的(de)(de)業(ye)(ye)務問題。
以用(yong)戶為中心的設計
1.產(chan)品(pin)(pin)設(she)計是從用(yong)戶需(xu)(xu)求和用(yong)戶的(de)(de)感受(shou)出發，圍繞(rao)用(yong)戶為中心(xin)設(she)計產(chan)品(pin)(pin)，而(er)不是讓用(yong)戶去適應產(chan)品(pin)(pin)。無(wu)論產(chan)品(pin)(pin)的(de)(de)使(shi)用(yong)流程、產(chan)品(pin)(pin)的(de)(de)信息架構(gou)、人機交互方式等，都需(xu)(xu)要考慮(lv)用(yong)戶的(de)(de)使(shi)用(yong)習慣、預期的(de)(de)交互方式、視(shi)覺感受(shou)等方面。
2.當我們關注(zhu)用(yong)戶(hu)時，除(chu)了關注(zhu)用(yong)戶(hu)要完成(cheng)的任務，即產品將提(ti)供的功能及(ji)操作流程，也應該(gai)充分關注(zhu)其完成(cheng)任務時的目(mu)標(biao)，即用(yong)戶(hu)為(wei)什么要執行(xing)這個行(xing)動、任務或(huo)操作。
不同端的設(she)計理念
不同的使(shi)用對象（B端、C端）設計理念也有所區(qu)別。
B端產品一般架(jia)構復(fu)雜且較定制化(hua)，以(yi)業務(wu)為(wei)導向。可能有很多高級功能，突出高效易用，導致易學性打折扣。
C端產(chan)品一般考慮絕大部分用戶(hu)使用場景和(he)訴(su)求，高(gao)級功能會相對少點(dian)。突出易學性(xing)。
C端(duan)產(chan)品(pin)(pin)需要關注用(yong)(yong)戶的使用(yong)(yong)時長、是否容易(yi)上手并順利使用(yong)(yong)。產(chan)品(pin)(pin)做得越(yue)好，用(yong)(yong)戶越(yue)愿意為它花(hua)時間。但在B端(duan)市場，效(xiao)率才是產(chan)品(pin)(pin)的目標，因為B端(duan)產(chan)品(pin)(pin)的價(jia)值恰恰在于在盡量短的時間內(nei)抓住用(yong)(yong)戶痛(tong)點，如果(guo)用(yong)(yong)戶需要在你(ni)產(chan)品(pin)(pin)上花(hua)費很多(duo)時間，那說(shuo)明你(ni)的產(chan)品(pin)(pin)太難(nan)用(yong)(yong)了。
對C端服務用(yong)戶(hu)來說，易學/易用(yong)>功(gong)能(neng)齊全
易學/易用即保持了界面結構(gou)簡(jian)單(dan)、明了、設計(ji)清晰(xi)、易理解，操作(zuo)簡(jian)單(dan)，通過界面元(yuan)素的表意和界面提供的線(xian)索就能讓用戶清楚的知道(dao)其(qi)操作(zuo)方式。
易(yi)(yi)學/易(yi)(yi)用的(de)產品(pin)易(yi)(yi)于縮小新用戶(hu)和專家用戶(hu)的(de)差距，減少用戶(hu)的(de)認知成功，提升用戶(hu)體驗(yan)。
提升(sheng)易學易用可以從(cong)以下方面來(lai)處理：
恰當的引(yin)導：通過文字提示或浮(fu)層(ceng)提示來告知用戶，使(shi)新用戶對(dui)該產品(pin)/新增功(gong)能一(yi)目(mu)了(le)然。
場景指(zhi)示(shi)：在相(xiang)應的場景下(xia)給(gei)予(yu)用(yong)戶一定的指(zhi)示(shi)讓用(yong)戶更(geng)清晰的知(zhi)道下(xia)一步操作方向。
例如下圖的(de)浮層(ceng)和文字提示：
遵循已有(you)用戶習(xi)慣(guan)：用戶習(xi)慣(guan)是由用戶長期適應和(he)積累的習(xi)慣(guan)，很難改變。所以(yi)盡量(liang)遵循現有(you)主流設計習(xi)慣(guan)可提高產品的易(yi)學/易(yi)用性。
對B端服務用(yong)戶來(lai)說，功能齊全/高效>好用(yong)
高(gao)效是通過設計幫助用戶可以精準、快速的完(wan)成目標任務(wu)。
在做b端產品時，由于(yu)使(shi)用的場(chang)景(jing)相當復雜，同時選(xuan)擇(ze)性可能(neng)很多(duo)，如何在復雜操作里面高效，這對于(yu)設計師來說(shuo)是一個(ge)挑(tiao)戰。
提升高(gao)效可以從以下方面來處理(li)：
功能齊全(quan)：通過齊全(quan)的功能來保證高(gao)效。
減少操作(zuo)路徑：優(you)化用戶操作(zuo)路徑，盡可能的(de)少步驟的(de)完成用戶要完成的(de)操作(zuo)路徑。
減少(shao)(shao)頁面跳轉：更(geng)少(shao)(shao)的頁面跳轉能增(zeng)加界面的連(lian)貫性(xing)，減少(shao)(shao)用戶的操作(zuo)和記憶負擔(dan)，讓用戶完成任務更(geng)具有連(lian)續性(xing)。
例如下圖是(shi)b端的(de)賣家界面，搜(sou)索功能異(yi)常強大，支持各種緯度的(de)篩選。同時(shi)直(zhi)接展(zhan)示出來(lai)，沒有將高級(ji)搜(sou)索隱藏，這(zhe)樣就避免頁面的(de)跳(tiao)轉同時(shi)增(zeng)加操(cao)作路徑。
