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