中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語(yǔ)：雖然網(wǎng)絡(luò)上的設(shè)計(jì)資料很多，但是與PC客戶(hù)端相關(guān)的設(shè)計(jì)資料我們卻并不常見(jiàn)。對(duì)于產(chǎn)品經(jīng)理來(lái)說(shuō)，在設(shè)計(jì)PC客戶(hù)端時(shí)，有哪些需要注意的點(diǎn)呢？本文作者結(jié)合工作經(jīng)驗(yàn)，為我們總結(jié)了PC客戶(hù)端項(xiàng)目中的一些設(shè)計(jì)思路，以及容易被忽略的點(diǎn)。

自互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)行業(yè)誕生以來(lái)，出現(xiàn)了很多平臺(tái)設(shè)計(jì)規(guī)范和組件模板，但大多是移動(dòng)端（iOS/Android）和Web端平臺(tái)；后來(lái)又有了小程序、H5等界面設(shè)計(jì)規(guī)范。

到目前為止，這些平臺(tái)設(shè)計(jì)規(guī)范已然成熟，但唯獨(dú)PC(Mac/Windows)客戶(hù)端的相關(guān)資料卻很少，只能參考目前已在應(yīng)用市場(chǎng)上的PC客戶(hù)端產(chǎn)品。

近期在策劃一個(gè)網(wǎng)盤(pán)工具的PC客戶(hù)端，但發(fā)現(xiàn)市面上相關(guān)設(shè)計(jì)規(guī)范較少。

通常，在資源匱乏的階段，想要做一些事情，就需要多去自己摸索和實(shí)踐了?，F(xiàn)在將自己這一階段摸索的一些點(diǎn)分享出來(lái)，為后浪們后期逐漸完善平臺(tái)規(guī)范拋磚引玉。

原型繪制是產(chǎn)品經(jīng)理的基本功，不管在哪個(gè)階段的產(chǎn)品經(jīng)理，都應(yīng)該有快速畫(huà)出優(yōu)質(zhì)原型圖的能力。

設(shè)計(jì)互聯(lián)網(wǎng)產(chǎn)品時(shí)，通常會(huì)從交互層、業(yè)務(wù)層和數(shù)據(jù)層這三個(gè)方面考慮。其中原型圖可以體現(xiàn)產(chǎn)品經(jīng)理的平臺(tái)交互體驗(yàn)?zāi)芰?、?duì)業(yè)務(wù)邏輯的理解能力、以及對(duì)產(chǎn)品目標(biāo)用戶(hù)使用習(xí)慣的熟悉程度。

1. 平臺(tái)交互設(shè)計(jì)能力：需熟悉對(duì)應(yīng)平臺(tái)的設(shè)計(jì)規(guī)范，包括界面框架結(jié)構(gòu)、彈窗對(duì)話(huà)框等交互方式，便于設(shè)計(jì)出符合平臺(tái)設(shè)計(jì)規(guī)范且友好的產(chǎn)品界面；
2. 業(yè)務(wù)功能理解能力：需要明白哪些業(yè)務(wù)是產(chǎn)品的核心業(yè)務(wù)流程，對(duì)界面功能的優(yōu)先級(jí)展示會(huì)有參考，向用戶(hù)展示這個(gè)產(chǎn)品可以先做什么后做什么，方便用戶(hù)快速理解產(chǎn)品的設(shè)計(jì)思路；
3. 用戶(hù)習(xí)慣熟悉程度：需熟悉目標(biāo)用戶(hù)在使用產(chǎn)品時(shí)的操作習(xí)慣和最關(guān)注的點(diǎn)，避免設(shè)計(jì)規(guī)劃的原型不符合用戶(hù)的認(rèn)知，導(dǎo)致學(xué)習(xí)成本增加。

下面就試著從這幾個(gè)方面展開(kāi)，聊聊在設(shè)計(jì)PC客戶(hù)端時(shí)，應(yīng)該要考慮到的那些點(diǎn)。

一、平臺(tái)交互設(shè)計(jì)能力

1. 界面框架

PC客戶(hù)端，其實(shí)可以簡(jiǎn)單理解為套了原生殼子的網(wǎng)頁(yè)界面。

這里是指如果在設(shè)計(jì)多平臺(tái)界面時(shí)，產(chǎn)品的界面框架是可以在一定程度上復(fù)用網(wǎng)頁(yè)端的，只需要針對(duì)PC客戶(hù)端調(diào)整為原生樣式即可。

PC客戶(hù)端主流的界面框架，大概可以分為3種類(lèi)型：

1. 頂部為工具欄，左側(cè)為導(dǎo)航，其他為點(diǎn)擊工具欄/導(dǎo)航后對(duì)應(yīng)的內(nèi)容區(qū)域；
2. 頂部無(wú)工具欄，界面依次是左側(cè)一級(jí)和二級(jí)導(dǎo)航/操作，右側(cè)是內(nèi)容交互區(qū)域；
3. 頂部為工具欄和頂部導(dǎo)航，下面則是內(nèi)容交互區(qū)域。

因此在設(shè)計(jì)客戶(hù)端框架時(shí)，可以根據(jù)自家產(chǎn)品特性快速搭建產(chǎn)品界面框架。

另外，在設(shè)計(jì)框架和主界面時(shí)，可以先確定客戶(hù)端界面的最小尺寸，以便定位好內(nèi)容結(jié)構(gòu)。在設(shè)計(jì)時(shí)可以使用柵格系統(tǒng)來(lái)進(jìn)行輔助設(shè)計(jì)，方便自己在搭建內(nèi)容時(shí)，對(duì)頂部工具欄、左側(cè)導(dǎo)航和內(nèi)容管理等區(qū)域的間距進(jìn)行合理控制。

2. 設(shè)計(jì)規(guī)范

目前主流的設(shè)計(jì)平臺(tái)即Mac和Windows，因此就需要了解這兩個(gè)平臺(tái)設(shè)計(jì)規(guī)范的差異化。要知道不同系統(tǒng)的特性，知道哪些可以做，又有哪些不可以做。

比較典型的就是，Mac的窗口縮放、關(guān)閉按鈕在界面左上角，而Windows是在右上角，因此這種很基礎(chǔ)的差異點(diǎn)就需要在原型中明確的表現(xiàn)出來(lái)。

同時(shí)，因?yàn)樵谑褂卯a(chǎn)品時(shí)，會(huì)經(jīng)常出現(xiàn)模態(tài)/非模態(tài)彈窗等交互，此時(shí)類(lèi)似界面也都要考慮周全。

因?yàn)閺棿盎蛘邔?duì)話(huà)框一般只需要”關(guān)閉“按鈕，所以需要搞清楚窗口縮放、關(guān)閉按鈕，需要在哪些場(chǎng)景交互時(shí)使用，要在什么位置繪制。

如圖，客戶(hù)端的主界面，通常需要縮放和關(guān)閉，方便用戶(hù)根據(jù)自己的電腦屏幕調(diào)整界面大小，但是如設(shè)計(jì)登錄/注冊(cè)時(shí)，就沒(méi)有必要增加“放大”按鈕。

如無(wú)必要，勿增實(shí)體：如果增加了反而影響體驗(yàn)和效率，這種思路同樣可以運(yùn)用在模態(tài)彈窗、對(duì)話(huà)框等其他界面功能設(shè)計(jì)。

其次，就是因?yàn)檫@些不同點(diǎn)造成的排版交互，比如同樣是登錄/注冊(cè)界面，在掃碼登錄界面與賬號(hào)登錄界面互相切換時(shí)，Windows端因?yàn)橛疑辖且延嘘P(guān)閉按鈕，無(wú)法像Mac端一樣在右上角直接點(diǎn)擊切換，就需要更換一種交互方式。

雖然是同一款產(chǎn)品，但也沒(méi)有必要追求兩端完全一致。雖然交互樣式不同，但都很好的兼容了平臺(tái)的差異化，同時(shí)也能更快的達(dá)到相同的目的。

二、業(yè)務(wù)功能理解能力

原型中的業(yè)務(wù)邏輯的表現(xiàn)能力，通常是指在設(shè)計(jì)功能流程時(shí)，操作是否順暢以快速達(dá)到目的，同時(shí)盡量避免邏輯不同功能不閉環(huán)的問(wèn)題。

客戶(hù)端主界面的設(shè)計(jì)，要充分考慮目標(biāo)用戶(hù)高頻、核心的使用場(chǎng)景，按照優(yōu)先級(jí)將此類(lèi)功能作為一級(jí)功能展示，方便用戶(hù)快速操作。

根據(jù)交互原則中的“?？硕伞保河脩?hù)決策所需要花費(fèi)的時(shí)間，會(huì)隨著選擇的數(shù)量和復(fù)雜性增加而增加。因此在有限的設(shè)計(jì)空間中，將產(chǎn)品的業(yè)務(wù)優(yōu)先級(jí)劃分是非常重要的，盡量只展示這個(gè)產(chǎn)品為用戶(hù)提供的核心功能點(diǎn)。

用戶(hù)使用工具的任務(wù)首先是快速解決問(wèn)題、完成任務(wù)，所以產(chǎn)品設(shè)計(jì)時(shí)，要充分考慮如何高效表達(dá)自己產(chǎn)品的核心業(yè)務(wù)。往往這些點(diǎn)也是能夠與競(jìng)品形成差異化的地方。

C端產(chǎn)品相比B端產(chǎn)品更容易設(shè)計(jì)，因?yàn)槟繕?biāo)用戶(hù)單一，通常只需要專(zhuān)注幾個(gè)核心流程即可；但在設(shè)計(jì)B端如企業(yè)協(xié)同辦公等產(chǎn)品時(shí)，就需要考慮某個(gè)功能模塊涉及到的各個(gè)角色的優(yōu)先級(jí)，還需要考慮功能模塊是否需要高內(nèi)聚、低耦合。

三、用戶(hù)習(xí)慣熟悉程度

這里主要考慮的是如果有多平臺(tái)時(shí)，是否需要同步體驗(yàn)的問(wèn)題。

以前在PC時(shí)代時(shí)，人們?yōu)榱俗非螽a(chǎn)品的開(kāi)發(fā)成本和跨平臺(tái)高效應(yīng)用，大多使用網(wǎng)頁(yè)前端來(lái)承載業(yè)務(wù)；后來(lái)進(jìn)入到移動(dòng)時(shí)代，又專(zhuān)注在開(kāi)發(fā)移動(dòng)平臺(tái)。

這樣就導(dǎo)致PC客戶(hù)端通常是在已經(jīng)有移動(dòng)端、網(wǎng)頁(yè)端后，為了拓展產(chǎn)品的服務(wù)體驗(yàn)和場(chǎng)景，才被考慮設(shè)計(jì)和開(kāi)發(fā)的。

所以在設(shè)計(jì)PC客戶(hù)端時(shí)，就要充分考慮是否需要繼承網(wǎng)頁(yè)端的操作體驗(yàn)。

這一點(diǎn)并沒(méi)有硬性規(guī)范，規(guī)劃既可以基本挪用網(wǎng)頁(yè)端的核心業(yè)務(wù)邏輯，也可以相比網(wǎng)頁(yè)端或移動(dòng)端產(chǎn)品進(jìn)行差異化，即可以作為網(wǎng)頁(yè)端產(chǎn)品的場(chǎng)景體驗(yàn)支持，可以提供網(wǎng)頁(yè)端做不到的服務(wù)。

當(dāng)然以上兩種思路也是各有利弊，前者可以讓用戶(hù)更快的上手，且因?yàn)槭窃_(kāi)發(fā)，會(huì)在使用體驗(yàn)上更加流暢；后者則可能為用戶(hù)帶來(lái)驚喜，同時(shí)也會(huì)因?yàn)楣δ芘c原來(lái)其他平臺(tái)已有的功能關(guān)聯(lián)性不大，而造成學(xué)習(xí)成本的提升。

當(dāng)然，如果是新的產(chǎn)品，可能一時(shí)無(wú)法確定用戶(hù)在新的平臺(tái)上將如何操作，那么最簡(jiǎn)單的辦法就是參考直接的、有一定用戶(hù)規(guī)模的競(jìng)品的設(shè)計(jì)思路，來(lái)為自己的產(chǎn)品快速搭建第一版。

比如，因?yàn)楣P者做的是網(wǎng)盤(pán)客戶(hù)端，所以會(huì)優(yōu)先參考主流網(wǎng)盤(pán)工具類(lèi)的界面框架。

這也剛好符合了交互原則中的”雅各布定律“：即用戶(hù)可以將大部分時(shí)間花在其他產(chǎn)品上，這意味著這些產(chǎn)品可以滿(mǎn)足用戶(hù)的操作需求，同時(shí)用戶(hù)更希望你的產(chǎn)品可以跟類(lèi)似產(chǎn)品有相同的操作方法和使用模式。

四、其他

1. 客戶(hù)端的快捷鍵

在完成了界面設(shè)計(jì)之后，PC客戶(hù)端原型設(shè)計(jì)的任務(wù)還并沒(méi)有完成。

PC客戶(hù)端與網(wǎng)頁(yè)端的相同點(diǎn)就是，操作場(chǎng)景都是在PC電腦上，但是不同點(diǎn)在于，PC客戶(hù)端相比網(wǎng)頁(yè)端，需要給用戶(hù)提供更完整、高效的用戶(hù)體驗(yàn)，否則就是在浪費(fèi)原生開(kāi)發(fā)的資源。

現(xiàn)在一些網(wǎng)頁(yè)端的產(chǎn)品已經(jīng)有使用了快捷鍵，快捷鍵操作也是PC端產(chǎn)品的特性，使用快捷鍵能幫助用戶(hù)更高效的使用產(chǎn)品，效率可以事半功倍。

所以在設(shè)計(jì)完基礎(chǔ)的頁(yè)面框架和業(yè)務(wù)邏輯后，不要忘了給客戶(hù)端設(shè)計(jì)一套高效的快捷鍵操作。

對(duì)于工具類(lèi)產(chǎn)品，用戶(hù)的核心需求始終是快速、有效地解決問(wèn)題。所以快捷鍵的設(shè)計(jì)也需要根據(jù)目標(biāo)用戶(hù)的高頻操作來(lái)設(shè)計(jì)好用的快捷鍵。

同時(shí)，快捷鍵的設(shè)計(jì)需要符合Mac和Windows的快捷按鈕樣式，也要符合系統(tǒng)用戶(hù)的操作習(xí)慣。

比如Windows端的退格鍵和Mac端的樣式就不同，或者M(jìn)ac系統(tǒng)用戶(hù)可能更常使用”command“，而Windows系統(tǒng)用戶(hù)更常使用”Ctrl“鍵。

2. 最后的話(huà)

以上就是筆者在這次PC客戶(hù)端項(xiàng)目中總結(jié)的一些設(shè)計(jì)思路，以及容易被忽略的點(diǎn)。至于其他設(shè)計(jì)細(xì)節(jié)，就需要深入體驗(yàn)各平臺(tái)的系統(tǒng)操作，以及交互設(shè)計(jì)原則、設(shè)計(jì)規(guī)范去細(xì)細(xì)雕琢。

對(duì)于各大主流平臺(tái)的設(shè)計(jì)規(guī)范，還需要產(chǎn)品經(jīng)理們時(shí)刻關(guān)注，比如蘋(píng)果最近新系統(tǒng)的設(shè)計(jì)規(guī)范就有很大調(diào)整。

產(chǎn)品經(jīng)理們需要經(jīng)常去關(guān)注和理解最新的平臺(tái)設(shè)計(jì)規(guī)范，幫助自己的產(chǎn)品更好地融入平臺(tái)的生態(tài)中去，為用戶(hù)提供更優(yōu)質(zhì)、貼合場(chǎng)景和環(huán)境的產(chǎn)品服務(wù)。

#專(zhuān)欄作家#

王曙，微信公眾號(hào)：曙歐巴，人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。通俗產(chǎn)品人，分享獨(dú)樹(shù)一幟的產(chǎn)品思維、職業(yè)經(jīng)驗(yàn)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Pexels，基于CC0協(xié)議