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

對C端產(chǎn)品來說，影響交互設(shè)計的因素有兩大部分，那就是——架構(gòu)和人機交互。那么在兩部分中，又有哪些細分的設(shè)計要點與注意事項呢？筆者將為大家揭曉。

先延伸幾個實際生活中交互場景的案例，這些交互都是實實在在能感受到的：

1. 夏天拿著海爾空調(diào)遙控正向?qū)χ照{(diào)按下黃色按鈕，空調(diào)就會啟動吹風(fēng)降溫，躺在沙發(fā)涼風(fēng)吹在臉上很愜意、舒服；
2. 晚上駕駛的寶馬汽車夜視儀檢測到行人時，提示駕駛員注意避讓，仿佛車子在告訴我前面有人快減速；
3. 手指在蘋果電腦觸控板上滑動，顯示屏上的箭頭會跟隨，電腦會乖乖的聽從我的指令；
4. 微信APP打開掃一掃商戶二維碼，我們銀行卡或微信內(nèi)錢會轉(zhuǎn)到商戶手中，此時商戶喇叭響起“微信到賬…”；

百科定義：

交互是一門研究系統(tǒng)與用戶之間的交互關(guān)系的學(xué)問。系統(tǒng)可以是各種各樣的機器，也可以是計算機化的系統(tǒng)和軟件。人機交互界面通常是指用戶可見的部分。用戶通過人機交互界面與系統(tǒng)交流，并進行操作。小如收音機的播放按鍵，大至飛機上的儀表板，或發(fā)電廠的控制室。人機交互界面的設(shè)計要包含用戶對系統(tǒng)的理解（即心智模型），那是為了系統(tǒng)的可用性或者用戶友好性。

下面分析交互在整個產(chǎn)品設(shè)計中所處的位置，我們只對互聯(lián)網(wǎng)產(chǎn)品進行分析，參考《用戶體驗5要素》：

• 首先，戰(zhàn)略層產(chǎn)品經(jīng)理或需求分析師對需求進行分析和產(chǎn)品定位，得出用戶需求和產(chǎn)品目標。
• 接著，需求轉(zhuǎn)化為范圍層的功能和內(nèi)容。
• 再次，由交互設(shè)計師把這些內(nèi)容和功能，細分成結(jié)構(gòu)層的信息架構(gòu)、頁面與頁面與人之間的互動關(guān)系。
• 然后，繪畫出草稿原型，既架構(gòu)層的導(dǎo)航、界面、信息字段。
• 最后，視覺設(shè)計師完成視覺，包括顏色、圖片、字體、圖標等視覺風(fēng)格設(shè)計。?

這樣，我們就清楚的知道交互設(shè)計師負責(zé)的是結(jié)構(gòu)層和框架層的工作。

筆者對互聯(lián)網(wǎng)toC的APP產(chǎn)品交互設(shè)計給出的定義：基于用戶需求、場景的分析，梳理出信息、導(dǎo)航、界面的架構(gòu) 和 人與頁面之間的交互，并產(chǎn)出最后的原型頁面。

但筆者實際工作中發(fā)現(xiàn)中小型公司（500人以下）產(chǎn)品經(jīng)理會包攬這部分工作。下面我們詳細說下這兩大部分工作：

一、信息、導(dǎo)航、界面架構(gòu)工作

信息架構(gòu)是交互設(shè)計師開始著手做的工作。做這項工作前不得不提產(chǎn)品經(jīng)理的需求分析及產(chǎn)品定位階段，只有充分理解產(chǎn)品經(jīng)理或需求分析師給出的內(nèi)容，才能進行信息架構(gòu)>導(dǎo)航>界面原型>其它交互。

通常交互設(shè)計師跟著產(chǎn)品經(jīng)理過需求會。理解用戶需求時，一定要找到對應(yīng)的場景。

舉個小例子：電商購物車，就是用戶在購買多件商品場景時，有這樣核心需求——當(dāng)用戶不需要某個購物車內(nèi)商品場景時，購物車內(nèi)商品可以去掉。

怎樣交互才能達到這種目的？當(dāng)用戶購物車內(nèi)商品全不要了場景怎樣交互？當(dāng)用戶喜歡購物車某件商品，嫌貴的場景，又怎樣交互？在大型電商節(jié)日，當(dāng)購物車內(nèi)某件商品不參與活動時，購物車結(jié)算場景或最后訂單怎樣提示？等等。

綜上所述，交互設(shè)計師，既要理解用戶需求又要找到對應(yīng)場景。

當(dāng)然這些工作大部分還是產(chǎn)品經(jīng)理或需求分析師去做，并產(chǎn)出目標用戶畫像、他們的主要需求點、對應(yīng)場景、以及觸達這些需求點的具體流程（俗稱業(yè)務(wù)流程）、其它內(nèi)容（內(nèi)容包含功能、主要信息字段）。

但為了產(chǎn)品更好的與用戶交互，交互必定要深入理解這些產(chǎn)出文檔（俗稱MRD、PRD）。

當(dāng)然，這類文檔還有其它一些內(nèi)容，像行業(yè)調(diào)研、競品分析、財務(wù)報表、團隊規(guī)劃等，但這些與交互工作沒有因果關(guān)系。只需要把以上的幾點深入理解即可。

再說說產(chǎn)品生命周期中非成長期，成熟期，也就是后期的交互工作。

工作內(nèi)容都是一樣的，大部分是迭代，每次的交互改版，都需要數(shù)據(jù)做支撐。交互優(yōu)化是為了達成某項數(shù)據(jù)目標，通過A/B test進行數(shù)據(jù)測試。新項目接手時，產(chǎn)品經(jīng)理用多種需求分析工具，拆解出用戶需求給出產(chǎn)品內(nèi)容，評審過會后，交互設(shè)計師對這些功能內(nèi)容進行拆解歸類。

• 首先，在草稿紙上或xmind上列出所有字段，產(chǎn)出一份思維導(dǎo)圖文檔，這些字段包含的是功能和用戶需要的信息。
• 接著，對這些信息架構(gòu)歸類。
• 再接著，進行導(dǎo)航設(shè)計。
• 最后就是界面原型設(shè)計了。

例如，在線課堂產(chǎn)品，產(chǎn)品經(jīng)理給出這樣一個架構(gòu)，里面包含了范圍層以上所有架構(gòu)，在這個架構(gòu)上，交互設(shè)計師先配合產(chǎn)品經(jīng)理完成粗略的原型圖和簡單的交互邏輯，這樣結(jié)構(gòu)層的工作基本完成。剩下的框架層由導(dǎo)航和界面組成，也可能對內(nèi)容架構(gòu)進行細微調(diào)整，但需要與產(chǎn)品經(jīng)理充分溝通協(xié)作。

界面設(shè)計（原產(chǎn)品經(jīng)理的粗略原型基礎(chǔ)上迭代）視覺設(shè)計師也會有較少參與，最后由視覺設(shè)計師完成最后的表現(xiàn)層工作。完成后由產(chǎn)品經(jīng)理統(tǒng)一組織過會審核。

以下，筆者根據(jù)需求場景梳理的架構(gòu)圖，為信息架構(gòu)思維導(dǎo)圖和導(dǎo)航設(shè)計思維導(dǎo)圖。

二、人、頁面的交互工作

經(jīng)常會聽到產(chǎn)品經(jīng)理和視覺設(shè)計師說交互是跳轉(zhuǎn)、彈窗等單個影響因素，其實交互不是這些單一的因素。

下面進入正題，以下是筆者做交互設(shè)計總結(jié)到的工作內(nèi)容，或者說影響到交互的一些主要因素。

有時候交互設(shè)計師和視覺設(shè)計師會配合完成其它重要的交互或者視覺，他們之間會穿插一些重復(fù)的工作。例如：字號、字體顏色、圖片尺寸 質(zhì)量、圖片未加載前預(yù)覽圖規(guī)格、非wifi的圖片質(zhì)量、icon的風(fēng)格及動畫效果等。

1. 頁面：引導(dǎo)層、初始狀態(tài)、跳轉(zhuǎn)、浮層二次確認、新頁面、返回刷新原頁面；
2. 表單：注冊登錄、搜索、日期、復(fù)選、其它；
3. 彈窗：有活動推送、系統(tǒng)反饋、危險提示操作、功能模塊；
4. 空狀態(tài)：斷網(wǎng)、無數(shù)據(jù)、支付回調(diào)錯誤、其它錯誤；
5. 其他狀態(tài)：在線，離線，忙碌、登錄，未登錄、其它狀態(tài)。；
6. 角色：不同用戶角色的權(quán)限；

對于同樣滿足需求的產(chǎn)品，人、頁面交互影響著至關(guān)重要的用戶體驗：

• 有的產(chǎn)品從起初的信息功能導(dǎo)航架構(gòu)都沒有分好，不相干的字段或功能混合在一起讓用戶一頭霧水。
• 有的頁面跳轉(zhuǎn)，一會兒左邊切換，一會兒從上側(cè)切進來。
• 有的用戶點半天，頁面居然沒反應(yīng)。
• 有的甚至在沒有權(quán)限的用戶進行危險操作時，沒有做好及時提醒和阻止，給用戶造成巨大損失。

1. 頁面

引導(dǎo)層，對于一些迭代后重要的新功能、轉(zhuǎn)移位置的功能、新的內(nèi)容或者操作，需要引導(dǎo)或說明給新用戶。

引導(dǎo)層的二次確認，迭代的重要新功能、活動、內(nèi)容，需要讓用戶二次確認，加強用戶印象。

功能性關(guān)鍵詞或按鈕刷新頁面，O2O產(chǎn)品中的定位、OTA酒店旅行的日期篩選、tab選項卡、導(dǎo)航地圖的當(dāng)前定位等類似這樣的重要的icon、字段、或按鍵需要重新向服務(wù)端請求數(shù)據(jù)，讓原頁面重新加載新數(shù)據(jù)。

初始狀態(tài)，用戶第一次打開頁面的彈窗，只有一次。

音視頻類產(chǎn)品頁面，明星榜可能隨著后端數(shù)據(jù)變化，我的關(guān)注也會隨著用戶關(guān)注數(shù)增加。所以用戶每次返回時，數(shù)據(jù)可能不同。

當(dāng)打開音樂播放時，底部導(dǎo)航選項卡又切換到其它時，原選項卡icon換成播放動畫的icon。

打開歌單播放音樂時，頁面底部出現(xiàn)當(dāng)前播放浮層，再次返回到這個歌單頁面，底部扔出現(xiàn)播放浮層。

內(nèi)容型產(chǎn)品中，沒有關(guān)注的用戶需要頁面引導(dǎo)參與換題；

在工具類產(chǎn)品課程中，為了活躍留存有很多產(chǎn)品設(shè)計了會員、積分等成長體系，不同級別頁面icon樣式、字段都不同；

在汽車類產(chǎn)品中，工具功能需要實名認證，認證前后出現(xiàn)的字段樣式都不一樣。

登錄注冊時，選項卡默認選中登錄方式也不同，例如求職類產(chǎn)品還是以賬號密碼登錄為主，在驗證碼登錄時，按鈕高亮狀態(tài)及獲取驗證碼功能字段會隨著點擊后變化為倒計時字段。

2. 表單

注冊登錄，用戶驗證碼登錄，默認需要顯示一些引導(dǎo)到文字，輸入字符串需要做正則，或輸入法直接用數(shù)字鍵盤。開頭、中間不允許空格，驗證碼必須6位，登錄按鈕高亮。

當(dāng)用賬號密碼登錄時，登錄中或后期修改密碼時需要隱藏，賬號也要嚴格控制字符串?dāng)?shù)量。

在金融產(chǎn)品中，提取現(xiàn)金模塊，提取賬號人姓名需隱藏部分。

醫(yī)療問診產(chǎn)品需要大段描述信息，必須有默認引導(dǎo)的文字，提示一些重要且必填信息描述，同時需要前端有相應(yīng)的字數(shù)顯示，當(dāng)超過字數(shù)時，用星號，還是加更多字段，更多是否需要強調(diào)等。

表單，O2O家政服務(wù)：

預(yù)約時間選擇具體日期，標記最近時間今天明天，選中后高亮，過去的時間需要變灰色。圖片上傳后需加入逆向操作，上傳時的進度狀態(tài)等。

3. 彈窗

彈窗，有活動推送、系統(tǒng)反饋、危險提示操作、功能模塊。

• 在電商產(chǎn)品中，各種節(jié)日經(jīng)常推送一些活動或優(yōu)惠券用彈窗形式，版本更新時也會推送一些新版本；
• 用戶進行不可逆操作時，刪除、更改、要彈出警告提示或二次確認信息；
• 重要內(nèi)容或功能不需要另起新頁面時，可以用彈窗形式；
• 電商一些收藏、加購等操作，系統(tǒng)需要對用戶進行反饋；

4. 空狀態(tài)

空狀態(tài)，當(dāng)頁面由于斷網(wǎng)，無數(shù)據(jù)，支付回調(diào)錯誤，其它錯誤出現(xiàn)空狀態(tài)時，需要對頁面進行區(qū)分設(shè)計。

電商產(chǎn)品中新用戶經(jīng)常出現(xiàn)無收藏、訂單、優(yōu)惠券、積分、商品、購物車無商品等狀態(tài)。

社交內(nèi)容產(chǎn)品中無關(guān)注、內(nèi)容、通知、消息、話題等。

5. 其他狀態(tài)

用戶狀態(tài)，在線，離線，忙碌、登錄，未登錄、其它狀態(tài)。

在客服產(chǎn)品中，客服會有上下線、忙碌等狀態(tài)。由于網(wǎng)絡(luò)原因可能會導(dǎo)致用戶離線。

大部分電商產(chǎn)品時允許用戶未登錄狀態(tài)下進入產(chǎn)品，甚至可以深入到下訂單頁面。

用戶在非wifi狀態(tài)下，應(yīng)用商店、視頻類等高流量消耗的產(chǎn)品，流量的消耗應(yīng)提醒用戶當(dāng)前消耗內(nèi)容的質(zhì)量或者推薦低質(zhì)量的版本，像圖片類產(chǎn)品，對于大尺寸高質(zhì)量的圖片，也應(yīng)當(dāng)提醒用戶當(dāng)前流量消耗很高。

6. 角色

角色：分銷電商產(chǎn)品中有分銷用戶，分銷又有不同的等級。 直播產(chǎn)品有主播和用戶。在O2O外賣配送有騎手、商戶、用戶。在線教育有學(xué)生、老師、家長。不同角色可以查看到的內(nèi)容不同，功能開放的權(quán)限也不同。

關(guān)于用戶狀態(tài)和角色就不一一列舉圖片了。感興趣的童鞋，可以自行去分析下toC類，電商、社交、內(nèi)容資訊、OTA、音視頻、拍照、在線教育、地圖、O2O純服務(wù)或商品服務(wù)產(chǎn)品：外賣、汽車后市場。站在用戶角度，找找它們不同狀態(tài)、角色設(shè)計的優(yōu)缺點，幫助我們在產(chǎn)品設(shè)計上有更好的用戶體驗。

三、總結(jié)

對于toC類APP產(chǎn)品，影響交互設(shè)計的因素有兩大部分，或者說做交互設(shè)計時必須要做的兩部分內(nèi)容是：架構(gòu)和人機交互。兩者都要基于用戶需求和場景進行深入的分析。后期，對于沒有考慮到的場景要疊加，已有的場景要優(yōu)化，最后效果都是要通過數(shù)據(jù)去驗證的。

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

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