2021-11-8 ui設(shè)計分享達(dá)人
我們生活在一個信息大爆炸的數(shù)據(jù)化時代，隨著網(wǎng)絡(luò)科技的飛速發(fā)展，產(chǎn)品和用戶之間的互動也日趨復(fù)雜，新功能不斷涌現(xiàn)，帶來便利的同時也導(dǎo)致用戶對功能的認(rèn)知摩擦日益加劇。在這種情況下，人們對交互設(shè)計的需求就越來越大，市場對交互設(shè)計師的需求也越來越多。許多公司都注意到交互設(shè)計對品牌創(chuàng)建、用戶滿意度以及回頭率等方面的影響。那么，什么是交互？交互設(shè)計應(yīng)該做什么？希望今天這篇文章，能夠加強(qiáng)你對交互的理解。
交互就是與另一個人或者物進(jìn)行交流互動，比如你說話或按動鼠標(biāo)，對方給你反饋，這就是交互。對于設(shè)計師們來講，交互多指用戶與計算機(jī)、手機(jī)等產(chǎn)品進(jìn)行的交互。
交互設(shè)計是一個頁面或者一個界面的內(nèi)容規(guī)劃，例如哪里放圖片，哪里放按鈕，哪里出現(xiàn)文字；或者說是一個龐大網(wǎng)站以及產(chǎn)品的整體邏輯梳理，例如如何安排信息層級，如何讓用戶更輕松地找到自己想要了解的信息，如何讓整個網(wǎng)站或產(chǎn)品更加合理、有效地運(yùn)轉(zhuǎn)。
一個城市有合理的規(guī)劃交通才會便利，城市里面的人才會覺得更加舒適，而一個合理的交互設(shè)計也直接影響著一個網(wǎng)站、一個產(chǎn)品甚至一個品牌。
視覺設(shè)計是感性的，更注重一切表象的東西，比如顏色、版式、形狀、調(diào)性等，視覺設(shè)計最終的成品是視覺的效果圖設(shè)計稿。
交互設(shè)計相對來說更加理性，交互設(shè)計更加注重用戶是誰，通過需求分析得出問題、解決問題，交互設(shè)計的最終成品是原型圖。
看過了文字解釋，再讓我們一起來看看生活中無處不在的交互設(shè)計。
疊貓貓、蓋樓、星秀貓……每年雙11，天貓都會創(chuàng)新活動，激發(fā)用戶對雙11購物節(jié)的期待，營造蓄勢。
今年的雙11的主題為喵糖總動員，用戶通過組隊(duì)一起做任務(wù)賺喵糖，通過擲骰子的方式獲取糖果數(shù)，占領(lǐng)格子，擊敗對手。獲取喵糖的過程中，營銷或引流設(shè)置無處不在。除了做每日簽到獎勵的簡單任務(wù)外，最簡單的方式就是用15秒的時間去瀏覽平臺推送給你的主會場、各大分會場、各細(xì)分品類、各個商家店鋪等頁面。通過這樣的任務(wù)設(shè)計，可以引導(dǎo)用戶瀏覽會場店鋪或各品類商品，最大程度地完成各個淘寶店鋪的曝光需求。
天貓雙11-喵糖總動員活動頁面
新冠疫情還在持續(xù)蔓延，飛豬App貼心的在行程頁面，添加了防疫工具引導(dǎo)欄，通過點(diǎn)擊按鈕，可跳轉(zhuǎn)至支付寶中行程碼、核酸預(yù)約等界面，為用戶出行提供便捷的準(zhǔn)備工作。
用戶在滑動頁面時該導(dǎo)航欄會被隱藏，靜態(tài)時則顯示兩個應(yīng)用，點(diǎn)擊展開才能查看更多。設(shè)計采用浮層式引導(dǎo)，提供便利的同時，且不會對用戶產(chǎn)生干擾。
飛豬App界面
一切交互設(shè)計所要達(dá)到的效果就是形成良好的用戶體驗(yàn)，讓用戶在使用界面時更方便找到自己感興趣的東西。
通過地圖及定位，通過氣泡及icon的區(qū)別，把附近的美食等進(jìn)行排名，讓用戶更快知道自己的距離。還設(shè)置了點(diǎn)擊卡片展示店鋪信息同時支持查詢路線等功能。
美團(tuán)App界面
“優(yōu)秀的設(shè)計是考慮周到且不放過每個細(xì)節(jié)”。往往在那些不易被察覺的細(xì)微之處，傾注了設(shè)計師的諸多巧思與心血，嗶哩嗶哩在設(shè)計中做了以下一個有趣的小細(xì)節(jié)。
在賬號登陸頁面，當(dāng)我們輸入賬號或者手機(jī)號的時候，頁面插畫中的22和33是睜大眼睛的，而當(dāng)我們輸入密碼或者驗(yàn)證碼的時候，他們則用手捂住了眼睛。這個有趣的設(shè)計生動地傳遞了App對用戶隱私的尊重與保護(hù)。
嗶哩嗶哩App界面
當(dāng)你使用百度搜索物品，查看圖片時，左右滑動即可切換下一張圖片，上劃即可關(guān)閉圖片，這樣的操作手勢，更加方便快捷。
在查看物品圖片時，下方還會出現(xiàn)商品推薦購買鏈接，仿佛“一站式”購物的貼心服務(wù)。
百度App界面
交互設(shè)計的核心目的是信息的傳遞，無論如何設(shè)計交互圖、如何設(shè)計交互流程，我們要思考的核心和準(zhǔn)則是如何把想要傳遞給用戶的信息以最簡單、最容易的方式讓客戶接收，反之用戶也能用最簡單的方式找到自己想要的信息。
這些信息包括內(nèi)容、按鈕、文字、圖片等一切信息的載體。我們要明白在進(jìn)行交互設(shè)計時的前提是如何去梳理信息更好地傳遞。
那么，如何才能讓信息更好地進(jìn)行傳遞？我們要搞明白信息傳遞時需要營造什么樣的氛圍，哪些信息元素需要突出，目標(biāo)用戶是誰，根據(jù)這些才能以一個正確的方向有邏輯地進(jìn)行交互設(shè)計，而這一切的最終結(jié)果就是實(shí)現(xiàn)一個良好的用戶體驗(yàn)。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報下信會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://m.sillybuy.com