首頁

車載 UI 設(shè)計:駛向智能出行新體驗

lanlanwork 系統(tǒng)UI設(shè)計文章及欣賞

在當今科技飛速發(fā)展的時代,汽車早已不再僅僅是一種交通工具,而是逐漸演變成一個集出行、娛樂、辦公等多功能于一體的智能移動空間。在這個轉(zhuǎn)變過程中,車載 UI(用戶界面)設(shè)計發(fā)揮著舉足輕重的作用,它不僅直接影響駕駛者與車輛之間的交互體驗,更是衡量汽車智能化水平的關(guān)鍵指標。

45.png

車載 UI 設(shè)計的獨特挑戰(zhàn)與需求

安全至上的設(shè)計準則

駕駛過程中,安全始終是首要考量因素。這就要求車載 UI 設(shè)計必須簡潔明了,信息呈現(xiàn)直觀易懂,最大程度減少駕駛者的視覺負擔和操作復雜度。例如,導航信息應突出關(guān)鍵路線指引,避免過多無關(guān)細節(jié)干擾視線;常用功能按鈕需布局合理,方便駕駛者在不轉(zhuǎn)移過多注意力的情況下進行操作。與手機、平板等設(shè)備不同,車載 UI 的操作不能依賴于長時間的視覺聚焦和精細的手指操作,因為這可能導致駕駛者分心,危及行車安全。

復雜環(huán)境適應性

車載環(huán)境具有特殊性,光照條件變化大,從明亮的戶外陽光直射到昏暗的地下停車場;同時,車輛行駛過程中的震動也可能影響屏幕顯示和操作的穩(wěn)定性。因此,車載 UI 設(shè)計在色彩選擇上傾向于高對比度、高飽和度的顏色,以確保在各種光照條件下信息都能清晰可見。在一些強光環(huán)境下,深色背景搭配淺色文字的設(shè)計能有效減少反光,提高可讀性。針對震動問題,UI 設(shè)計需要保證操作區(qū)域足夠大,且操作反饋明確,防止誤操作。

硬件多樣性與適配難題

汽車市場上存在眾多不同品牌、型號的車輛,其車載屏幕的尺寸、分辨率、比例各不相同。從常見的 10 寸左右中控屏到一些豪華車型的超大尺寸屏幕,從傳統(tǒng)的 16:9 屏幕比例到新興的超寬屏比例,車載 UI 設(shè)計需要適應這些復雜的硬件環(huán)境。而且,與手機等設(shè)備相對統(tǒng)一的系統(tǒng)平臺不同,車載系統(tǒng)有安卓、Linux 等多種,甚至部分車企還有自主研發(fā)的系統(tǒng),這進一步增加了 UI 設(shè)計的適配難度,需要設(shè)計師充分考慮不同系統(tǒng)的特性和限制。

車載 UI 設(shè)計的關(guān)鍵要素

界面布局與導航

合理的界面布局是車載 UI 設(shè)計的基礎(chǔ)。常見的布局方式有上下兩欄、左右兩欄等,以便清晰劃分不同功能區(qū)域。重要信息,如車速、剩余油量、導航指引等,通常置于屏幕顯眼位置,方便駕駛者快速獲取。導航系統(tǒng)作為車載 UI 的核心功能之一,其設(shè)計要簡潔直觀,具備清晰的路線規(guī)劃展示和實時路況提醒功能。例如,一些先進的車載導航 UI 會以 3D 地圖形式呈現(xiàn),結(jié)合 AR 增強現(xiàn)實技術(shù),將導航指引與現(xiàn)實道路場景融合,讓駕駛者更直觀地理解行駛方向。

交互方式創(chuàng)新

隨著技術(shù)的發(fā)展,車載 UI 的交互方式日益多樣化。除了傳統(tǒng)的觸摸操作,語音交互逐漸成為主流。駕駛者通過簡單的語音指令,就能完成導航設(shè)置、音樂播放、電話撥打等操作,解放雙手,提高駕駛安全性。手勢控制也開始應用于部分高端車型,駕駛者可以通過簡單的揮手、握拳等手勢實現(xiàn)界面切換、音量調(diào)節(jié)等功能,為駕駛帶來更多便利。一些車載 UI 還支持眼動追蹤交互,根據(jù)駕駛者的視線焦點智能調(diào)整界面顯示內(nèi)容,實現(xiàn)更個性化、高效的交互體驗。

視覺設(shè)計

視覺設(shè)計賦予車載 UI 獨特的風格與魅力。色彩搭配方面,要綜合考慮品牌形象、駕駛環(huán)境和用戶心理。例如,豪華品牌可能會采用沉穩(wěn)、高雅的色調(diào)來體現(xiàn)品質(zhì)感;而年輕時尚的品牌則可能運用活潑、鮮明的色彩吸引目標用戶。圖標設(shè)計需簡潔明了、具有高度辨識度,即使在快速掃視的情況下,駕駛者也能準確理解其含義。同時,適當運用動畫和過渡效果可以提升界面的動態(tài)感和操作流暢性,但要注意避免過于復雜和炫目的動畫,以免分散駕駛者注意力。

車載 UI 設(shè)計的發(fā)展趨勢

個性化定制

現(xiàn)代消費者追求個性化,車載 UI 設(shè)計也不例外。未來,駕駛者將能夠根據(jù)自己的喜好,自由定制界面主題、布局、顏色等元素,打造獨一無二的車載交互空間。通過學習駕駛者的使用習慣和偏好,車載系統(tǒng)還能實現(xiàn)智能推薦,如根據(jù)常聽的音樂類型自動推薦新歌,根據(jù)行駛路線習慣提供個性化的導航建議,讓駕駛體驗更加貼合個人需求。

智能互聯(lián)與多屏聯(lián)動

車聯(lián)網(wǎng)技術(shù)的發(fā)展使車載 UI 與智能手機、智能家居等設(shè)備的互聯(lián)互通成為現(xiàn)實。駕駛者可以在車內(nèi)無縫連接手機,同步電話、短信、日程等信息,甚至可以通過車載 UI 遠程控制家中的智能設(shè)備,實現(xiàn)真正的智能生活一體化。同時,多屏聯(lián)動趨勢愈發(fā)明顯,中控屏、儀表盤、抬頭顯示等多個屏幕之間信息共享、協(xié)同工作。例如,導航信息可以在儀表盤和中控屏上同時顯示,重要警示信息則通過抬頭顯示直接投射在駕駛者前方視野中,提高信息獲取效率。

情感化設(shè)計

情感化設(shè)計旨在通過 UI 元素引發(fā)駕駛者的情感共鳴,提升用戶與車輛之間的情感連接。這可能體現(xiàn)在界面的色彩、圖標、動畫等細節(jié)上,營造出溫馨、舒適、愉悅的駕駛氛圍。比如,在駕駛者完成一段長途駕駛后,車載 UI 彈出一個帶有鼓勵話語和溫馨動畫的界面,給予駕駛者心理上的慰藉;或者在特殊節(jié)日,UI 界面自動切換為相應的節(jié)日主題,增添駕駛樂趣。

 

車載 UI 設(shè)計正處于快速發(fā)展與變革的時期,它不斷適應技術(shù)進步和用戶需求的變化,致力于為駕駛者打造更加安全、便捷、個性化且富有情感的駕駛體驗。在未來的智能出行時代,優(yōu)秀的車載 UI 設(shè)計將成為汽車品牌競爭的重要優(yōu)勢,引領(lǐng)人們駛向更加美好的出行未來。
 

lanlanwrok 底部圖.png

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

UI 設(shè)計:數(shù)字世界的關(guān)鍵連接紐帶

lanlanwork B端ui設(shè)計文章及欣賞

在當今數(shù)字化的時代浪潮中,用戶界面(UI)設(shè)計的身影無處不在,從我們?nèi)粘J褂玫氖謾C應用、電腦軟件,到各類智能設(shè)備的交互界面,UI 設(shè)計以其獨特的魅力和強大的功能,深刻地影響著我們與數(shù)字產(chǎn)品互動的體驗,成為數(shù)字世界中連接用戶與產(chǎn)品的關(guān)鍵紐帶。
95.png

提升用戶體驗,打造便捷交互流程

UI 設(shè)計的核心使命之一便是為用戶打造流暢、便捷且愉悅的交互體驗。在設(shè)計過程中,設(shè)計師們精心規(guī)劃界面布局,依據(jù)用戶的使用習慣和操作邏輯,合理安排各個功能模塊的位置。例如,在一款音樂播放應用中,播放、暫停、上一曲、下一曲等常用功能按鈕會被放置在界面底部,方便用戶單手操作;而歌曲列表、個人收藏、設(shè)置等相對不那么高頻使用的功能,則會被收納在側(cè)邊欄或二級頁面中,既保證了界面的簡潔,又不影響用戶在需要時快速找到。
 
同時,UI 設(shè)計注重優(yōu)化交互流程,減少用戶完成操作所需的步驟。以在線購物為例,傳統(tǒng)的購物流程可能涉及多個頁面跳轉(zhuǎn)、多次信息填寫,容易讓用戶感到繁瑣和疲憊。而經(jīng)過精心設(shè)計的電商平臺 UI,通過采用智能聯(lián)想搜索、一鍵添加商品到購物車、自動填充收貨地址等功能,極大地簡化了購物流程,讓用戶能夠在最短時間內(nèi)完成購買,提升了購物的便捷性和效率。這種便捷的交互體驗不僅能夠增加用戶對產(chǎn)品的好感度,還能促使用戶更頻繁地使用產(chǎn)品,提高用戶的忠誠度。

增強視覺吸引力,塑造獨特品牌形象

視覺設(shè)計是 UI 設(shè)計的重要組成部分,它賦予了數(shù)字產(chǎn)品獨特的外觀和個性。通過巧妙運用色彩、字體、圖標和圖形等元素,UI 設(shè)計能夠打造出極具視覺吸引力的界面,吸引用戶的目光并留下深刻印象。不同的色彩搭配能夠傳達出不同的情感和氛圍,比如社交媒體應用常使用溫暖、活潑的色彩,如 Facebook 的藍色和微信的綠色,營造出友好、輕松的社交氛圍;而金融類應用則多采用簡潔、冷靜的色調(diào),如銀行 APP 常見的藍色或灰色,傳遞出專業(yè)、可靠的形象。
 
字體的選擇也至關(guān)重要,它不僅要保證可讀性,還要與產(chǎn)品的整體風格相契合。例如,時尚類應用可能會選用富有個性和藝術(shù)感的字體,以體現(xiàn)時尚潮流;而辦公軟件則更傾向于簡潔、規(guī)整的字體,便于用戶長時間閱讀。此外,獨特的圖標和圖形設(shè)計能夠直觀地傳達功能信息,同時增強產(chǎn)品的辨識度。像支付寶的螞蟻森林,通過生動有趣的樹木圖形和動畫效果,吸引了大量用戶參與環(huán)保公益活動,成為支付寶極具特色的功能之一。這些精心設(shè)計的視覺元素共同構(gòu)成了產(chǎn)品獨特的品牌形象,使產(chǎn)品在眾多競爭對手中脫穎而出,讓用戶能夠輕松識別和記憶。

引導用戶行為,促進業(yè)務(wù)目標達成

優(yōu)秀的 UI 設(shè)計不僅僅是美觀和易用,還能夠巧妙地引導用戶行為,幫助企業(yè)實現(xiàn)業(yè)務(wù)目標。設(shè)計師通過設(shè)計合理的界面元素和交互方式,吸引用戶關(guān)注重要信息,引導用戶完成特定的操作。例如,在電商平臺中,將熱門商品、促銷活動等信息以醒目的方式展示在首頁,吸引用戶點擊瀏覽;同時,通過設(shè)置 “立即購買”“加入購物車” 等明顯且易于點擊的按鈕,引導用戶產(chǎn)生購買行為。在內(nèi)容類應用中,通過推薦算法將用戶可能感興趣的文章、視頻等內(nèi)容推送給用戶,并在界面上設(shè)置清晰的閱讀引導,如 “繼續(xù)閱讀”“查看更多推薦” 等按鈕,鼓勵用戶花費更多時間在應用內(nèi),增加用戶的停留時長和活躍度。
 
此外,UI 設(shè)計還能夠通過設(shè)計反饋機制,讓用戶及時了解自己操作的結(jié)果,增強用戶對產(chǎn)品的掌控感。當用戶完成注冊、提交訂單等操作時,系統(tǒng)會及時彈出提示框告知用戶操作成功,并提供下一步的操作建議;而當用戶操作失誤時,也會給出清晰的錯誤提示和解決方案,幫助用戶糾正錯誤。這種及時、有效的反饋機制能夠讓用戶更加自信地使用產(chǎn)品,減少用戶因操作不明確而產(chǎn)生的困惑和流失,從而促進業(yè)務(wù)目標的順利達成。
 
UI 設(shè)計在數(shù)字產(chǎn)品的成功中扮演著舉足輕重的角色。它通過提升用戶體驗、增強視覺吸引力和引導用戶行為,不僅為用戶帶來了便捷、愉悅的使用感受,還為企業(yè)創(chuàng)造了巨大的價值,成為推動數(shù)字產(chǎn)品發(fā)展和創(chuàng)新的重要力量。在未來,隨著技術(shù)的不斷進步和用戶需求的日益多樣化,UI 設(shè)計將繼續(xù)發(fā)揮其關(guān)鍵作用,為我們帶來更加精彩、智能的數(shù)字生活體驗。

探秘用戶體驗設(shè)計公司:創(chuàng)新驅(qū)動,體驗至上

lanlanwork

在當今數(shù)字化主導的商業(yè)世界中,用戶體驗已成為產(chǎn)品或服務(wù)成功與否的核心要素。從日常使用的手機應用,到線上購物平臺,再到復雜的企業(yè)級軟件,用戶對體驗的期望持續(xù)攀升。這一背景下,用戶體驗設(shè)計公司應運而生,它們猶如數(shù)字領(lǐng)域的 “體驗建筑師”,運用專業(yè)知識與創(chuàng)意,為企業(yè)構(gòu)建起與用戶深度連接的橋梁。?
用戶體驗設(shè)計公司的關(guān)鍵角色與價值?
深度洞察用戶需求?
用戶體驗設(shè)計公司的首要任務(wù),是深入挖掘用戶內(nèi)心的真實需求。通過一系列專業(yè)的調(diào)研方法,如用戶訪談、問卷調(diào)查、焦點小組討論以及行為數(shù)據(jù)分析等,全面了解目標用戶群體的行為習慣、心理訴求、痛點與期望。以一款健身 APP 為例,設(shè)計公司可能會訪談不同年齡、性別、健身水平的用戶,了解他們使用健身 APP 的動機 —— 是減肥塑形、增肌,還是單純?yōu)榱吮3纸】?;分析他們在使用過程中遇到的問題,比如課程查找不便、運動數(shù)據(jù)記錄不準確等。基于這些深入洞察,設(shè)計公司能夠為 APP 的優(yōu)化提供精準方向,確保新功能與界面設(shè)計切實滿足用戶需求,提升用戶滿意度與忠誠度。?
塑造獨特且易用的產(chǎn)品體驗?
用戶體驗設(shè)計涵蓋交互設(shè)計、視覺設(shè)計與信息架構(gòu)設(shè)計等多個層面,致力于打造既獨特又易用的產(chǎn)品體驗。在交互設(shè)計上,設(shè)計公司精心規(guī)劃用戶與產(chǎn)品的每一次互動流程,使其流暢自然。例如,在電商 APP 的購物車結(jié)算環(huán)節(jié),簡化操作步驟,減少用戶輸入信息,通過一鍵點擊完成地址選擇、支付方式確認等流程,提升購物便捷性。視覺設(shè)計方面,依據(jù)品牌定位與用戶喜好,設(shè)計公司選擇合適的色彩體系、字體排版與圖形元素,營造出具有吸引力與辨識度的界面風格。如一款面向年輕女性的美妝 APP,可能采用粉色系為主色調(diào),搭配簡潔時尚的圖標與精美的產(chǎn)品圖片,吸引目標用戶目光。信息架構(gòu)設(shè)計則負責合理組織產(chǎn)品的信息內(nèi)容,確保用戶能夠快速找到所需信息。以在線教育平臺為例,清晰劃分課程分類、學習資料、個人中心等板塊,通過導航欄、搜索框等功能,讓用戶輕松在海量課程資源中定位目標課程。?
助力企業(yè)提升競爭力?
優(yōu)質(zhì)的用戶體驗設(shè)計能夠為企業(yè)帶來顯著的競爭優(yōu)勢。在產(chǎn)品同質(zhì)化嚴重的市場環(huán)境下,出色的用戶體驗成為產(chǎn)品脫穎而出的關(guān)鍵。用戶體驗設(shè)計公司幫助企業(yè)打造的差異化體驗,不僅能吸引新用戶,更能留住老用戶,提高用戶口碑傳播。以某知名共享出行平臺為例,其通過與設(shè)計公司合作,優(yōu)化 APP 界面設(shè)計與叫車流程,大幅提升用戶體驗。用戶在使用過程中感受到的便捷與高效,促使他們更愿意向身邊朋友推薦該平臺,從而在競爭激烈的共享出行市場中占據(jù)更大份額。此外,良好的用戶體驗還能提升用戶對品牌的信任度與認同感,為企業(yè)長期發(fā)展奠定堅實基礎(chǔ)。?
用戶體驗設(shè)計公司的服務(wù)流程?
項目啟動與需求調(diào)研階段?
項目伊始,用戶體驗設(shè)計公司與客戶展開深入溝通,全面了解項目背景、目標與期望。客戶需詳細闡述產(chǎn)品或服務(wù)的定位、目標用戶群體特征、業(yè)務(wù)流程以及當前存在的問題。設(shè)計公司則在此基礎(chǔ)上,制定詳細的調(diào)研計劃,綜合運用多種調(diào)研方法收集一手資料。例如,為一家金融機構(gòu)設(shè)計新的手機銀行 APP 時,設(shè)計公司除了與銀行內(nèi)部團隊交流,了解業(yè)務(wù)需求與風控要求外,還會對銀行現(xiàn)有客戶進行大規(guī)模問卷調(diào)查與深度訪談,分析他們對現(xiàn)有 APP 的使用感受、期望增加的功能以及對金融產(chǎn)品的偏好等,為后續(xù)設(shè)計工作提供堅實的數(shù)據(jù)支撐。?
設(shè)計方案制定階段?
基于需求調(diào)研結(jié)果,設(shè)計公司組建跨專業(yè)團隊,包括交互設(shè)計師、視覺設(shè)計師、用戶體驗研究員等,共同制定設(shè)計方案。交互設(shè)計師首先繪制產(chǎn)品原型,通過低保真或高保真原型展示產(chǎn)品的界面布局、交互流程與功能邏輯,讓客戶與潛在用戶能夠直觀感受產(chǎn)品的使用方式。例如,在設(shè)計一款智能家居控制 APP 時,原型設(shè)計會呈現(xiàn)不同房間設(shè)備的控制界面,以及用戶如何通過手勢操作、語音指令等方式實現(xiàn)對設(shè)備的控制。視覺設(shè)計師依據(jù)原型與品牌風格指南,進行界面視覺設(shè)計,確定色彩搭配、字體選擇、圖標設(shè)計等元素,打造出具有吸引力與一致性的視覺形象。同時,用戶體驗研究員對設(shè)計方案進行初步評估,從用戶體驗角度提出優(yōu)化建議,確保設(shè)計既符合用戶習慣,又能滿足業(yè)務(wù)目標。?
方案測試與優(yōu)化階段?
設(shè)計方案并非一蹴而就,需要經(jīng)過反復測試與優(yōu)化。設(shè)計公司通常會開展用戶測試,邀請真實用戶對設(shè)計原型或產(chǎn)品小樣進行操作,觀察他們的行為,收集反饋意見。例如,在一款旅游 APP 的設(shè)計測試中,讓用戶模擬規(guī)劃旅行路線、預訂酒店等操作,記錄他們在操作過程中遇到的困難與疑惑。根據(jù)用戶測試結(jié)果,設(shè)計團隊對方案進行針對性優(yōu)化,調(diào)整界面布局、簡化交互流程或修改視覺元素,以提升用戶體驗。此外,設(shè)計公司還會與客戶保持密切溝通,根據(jù)客戶反饋對方案進行調(diào)整,確保設(shè)計方案符合客戶預期與市場需求。?
項目交付與后續(xù)支持階段?
當設(shè)計方案通過測試與客戶審核后,設(shè)計公司將完整的設(shè)計成果交付給客戶,包括設(shè)計源文件、設(shè)計規(guī)范文檔、用戶體驗報告等。部分設(shè)計公司還提供一定期限的后續(xù)支持服務(wù),協(xié)助客戶在產(chǎn)品開發(fā)過程中解決與設(shè)計相關(guān)的問題,確保設(shè)計在實際應用中能夠準確還原。例如,在 APP 開發(fā)過程中,開發(fā)團隊對某個界面元素的尺寸、交互效果實現(xiàn)有疑問時,設(shè)計公司能夠及時提供技術(shù)支持與指導,保障項目順利推進。同時,設(shè)計公司可能會對產(chǎn)品上線后的用戶體驗進行跟蹤評估,為客戶提供持續(xù)優(yōu)化建議,助力產(chǎn)品不斷迭代升級。?

 

 

lanlanwrok 底部圖.png

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

UI 設(shè)計外包:開啟高效創(chuàng)新設(shè)計之旅

lanlanwork 行業(yè)趨勢

在數(shù)字化浪潮席卷的當下,UI 設(shè)計對于產(chǎn)品的成功起著舉足輕重的作用。從吸引用戶的視覺呈現(xiàn),到便捷流暢的交互體驗,優(yōu)質(zhì)的 UI 設(shè)計是產(chǎn)品脫穎而出的關(guān)鍵。然而,并非所有企業(yè)都具備組建專業(yè)內(nèi)部 UI 設(shè)計團隊的條件,或是在特定項目中,需要額外的設(shè)計助力。這時,UI 設(shè)計外包成為眾多企業(yè)明智且高效的選擇。?
5.png
UI 設(shè)計外包之優(yōu)勢剖析?
成本效益顯著?
組建一支涵蓋不同設(shè)計專長、經(jīng)驗豐富的內(nèi)部 UI 設(shè)計團隊,意味著高昂的人力成本,包括招聘、培訓、薪酬福利以及辦公場地等各項開支。而選擇外包,企業(yè)只需按項目支付費用,無需承擔長期的人員固定成本。例如,一家小型初創(chuàng)企業(yè)若自行組建 UI 設(shè)計團隊,一年的人力成本可能高達數(shù)十萬元;而通過外包完成同樣規(guī)模的項目,費用可能僅為幾萬元,成本大幅降低。此外,外包公司憑借規(guī)模效應,能更高效地利用資源,進一步為客戶節(jié)約成本。?
專業(yè)人才匯聚?
專業(yè)的 UI 設(shè)計外包公司往往匯聚了各類設(shè)計精英,他們擁有多元的設(shè)計風格、豐富的項目經(jīng)驗以及前沿的設(shè)計理念。這些設(shè)計師可能曾參與過不同行業(yè)、不同類型產(chǎn)品的設(shè)計項目,無論是復雜的企業(yè)級應用界面,還是時尚的消費類 APP 界面,都能應對自如。以某知名外包公司為例,其團隊成員來自不同設(shè)計院校,曾為金融、醫(yī)療、電商等多個領(lǐng)域的客戶打造過優(yōu)秀的 UI 設(shè)計案例,能精準把握各行業(yè)的設(shè)計需求與趨勢,為企業(yè)提供高質(zhì)量、個性化的設(shè)計服務(wù)。?
靈活應對項目需求?
企業(yè)業(yè)務(wù)發(fā)展過程中,項目需求往往具有不確定性和波動性。有時會突然面臨緊急項目,需要在短時間內(nèi)完成高質(zhì)量的 UI 設(shè)計;有時則可能需要針對不同產(chǎn)品線或市場區(qū)域,開展多個并行的設(shè)計項目。外包模式賦予企業(yè)極大的靈活性,可根據(jù)項目實際需求,迅速調(diào)配合適的設(shè)計資源。比如,當企業(yè)計劃推出一款新的 APP 時,通過外包能快速組建一個包含交互設(shè)計師、視覺設(shè)計師、用戶體驗研究員等專業(yè)人員的項目團隊,高效推進項目,待項目結(jié)束后,也無需擔心人員閑置問題。?
UI 設(shè)計外包流程全解析?
需求溝通與項目啟動?
這是外包合作的起點,至關(guān)重要。企業(yè)需與外包團隊深入溝通項目背景、目標、功能需求、目標用戶群體、期望的設(shè)計風格以及項目時間節(jié)點等關(guān)鍵信息。例如,一家電商企業(yè)計劃對其 APP 進行改版升級,在需求溝通階段,需詳細說明當前 APP 存在的用戶體驗問題、期望新 APP 具備的特色功能,如個性化推薦、社交分享等,以及目標用戶的年齡層次、消費習慣等特征,以便外包團隊準確把握設(shè)計方向,制定合理的項目計劃。?
設(shè)計方案制定與呈現(xiàn)?
基于前期溝通的需求,外包團隊開始進行設(shè)計方案的構(gòu)思與創(chuàng)作。通常會先制作設(shè)計原型,通過低保真或高保真原型,直觀展示界面的布局、交互流程以及功能模塊之間的關(guān)系。以一款在線教育 APP 的設(shè)計為例,原型設(shè)計會呈現(xiàn)課程列表頁面、視頻播放頁面、互動答題頁面等各個界面的結(jié)構(gòu),以及用戶在不同頁面之間的操作流程,如如何進入課程、如何提交作業(yè)等。之后,根據(jù)原型進行視覺設(shè)計,確定色彩搭配、字體選擇、圖標設(shè)計等,打造出具有吸引力且符合品牌形象的界面風格。?
設(shè)計方案修改與完善?
設(shè)計方案并非一蹴而就,需要與企業(yè)進行反復溝通與修改。企業(yè)根據(jù)自身需求和市場反饋,對外包團隊提交的設(shè)計方案提出意見和建議。外包團隊則依據(jù)這些反饋,對設(shè)計進行優(yōu)化調(diào)整。這一過程可能涉及界面布局的重新設(shè)計、色彩的更換、交互細節(jié)的改進等。比如,企業(yè)在審核設(shè)計方案時,發(fā)現(xiàn)某個操作流程過于復雜,影響用戶體驗,外包團隊便會重新設(shè)計該流程,簡化操作步驟,確保設(shè)計方案不斷趨近完美,滿足企業(yè)和用戶的期望。?
項目交付與后續(xù)支持?
當設(shè)計方案最終確定并通過審核后,外包團隊將完整的設(shè)計成果交付給企業(yè),包括設(shè)計源文件、設(shè)計規(guī)范文檔等。部分外包公司還會提供一定期限的后續(xù)支持服務(wù),如協(xié)助企業(yè)解決在開發(fā)過程中遇到的與設(shè)計相關(guān)的問題,確保設(shè)計在實際應用中能夠準確還原。例如,在 APP 開發(fā)過程中,開發(fā)團隊對某個界面元素的尺寸或樣式有疑問,外包團隊可及時提供解答和指導,保障項目順利推進。?
如何選擇優(yōu)質(zhì) UI 設(shè)計外包合作伙伴?
查看公司過往案例?
通過查看外包公司的過往項目案例,能直觀了解其設(shè)計能力和風格多樣性。重點關(guān)注案例是否與自身行業(yè)或項目類型相似,以及設(shè)計成果是否具有創(chuàng)新性、易用性和視覺吸引力。例如,若企業(yè)是一家金融科技公司,那么應優(yōu)先考察外包公司是否有金融類產(chǎn)品的 UI 設(shè)計經(jīng)驗,其設(shè)計的金融 APP 界面是否能夠清晰展示復雜的金融數(shù)據(jù),同時保證操作流程簡便易懂。?
了解客戶評價與口碑?
客戶評價是衡量外包公司服務(wù)質(zhì)量的重要指標。可通過網(wǎng)絡(luò)搜索、行業(yè)論壇、社交媒體等渠道,收集其他客戶對外包公司的評價。了解其在項目溝通、按時交付、設(shè)計質(zhì)量以及售后服務(wù)等方面的表現(xiàn)。例如,在某知名設(shè)計論壇上,眾多客戶對外包公司 A 的評價是溝通順暢、設(shè)計方案富有創(chuàng)意且能嚴格遵守交付時間,而對外包公司 B 則有客戶反饋溝通存在障礙、設(shè)計修改周期過長等問題,通過這些評價可幫助企業(yè)篩選出更可靠的合作伙伴。?
評估團隊專業(yè)能力?
與外包公司的團隊成員進行溝通交流,了解其專業(yè)背景、工作經(jīng)驗以及對設(shè)計趨勢的把握程度。一個專業(yè)的 UI 設(shè)計團隊應具備扎實的設(shè)計技能,熟練掌握各類設(shè)計軟件,如 Sketch、Adobe XD、Figma 等,同時具備良好的用戶體驗思維和創(chuàng)新能力。例如,在面試環(huán)節(jié),要求設(shè)計師闡述對某個設(shè)計案例的設(shè)計思路和創(chuàng)新點,考察其是否能夠從用戶需求出發(fā),運用合理的設(shè)計方法解決問題。?
UI 設(shè)計外包為企業(yè)提供了一種高效、靈活且具有成本效益的設(shè)計解決方案。通過充分了解外包的優(yōu)勢、熟悉外包流程,并謹慎選擇優(yōu)質(zhì)的外包合作伙伴,企業(yè)能夠借助外部專業(yè)設(shè)計力量,打造出卓越的 UI 設(shè)計,提升產(chǎn)品競爭力,在激烈的市場競爭中搶占先機。
 
 

lanlanwrok 底部圖.png

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

怎么理解用戶動機?如何提升用戶動機?

資深UI設(shè)計者 交互設(shè)計及用戶體驗

用戶動機,是每個設(shè)計師設(shè)計產(chǎn)品時必須考慮的問題。只有激發(fā)用戶動機,才能進一步提高轉(zhuǎn)化率。本篇文章中,作者從福格PAC動機來源模型入手,從3種動機來源介紹如何激發(fā)用戶的動機。不妨來看一看,說不定有幫助哦。

交互設(shè)計是什么?有什么用?

資深UI設(shè)計者 交互設(shè)計及用戶體驗

交互設(shè)計( interaction design, IXD ),從字面上來說,交互即為相互作用相互影響,設(shè)計即為理解與傳達。在互聯(lián)網(wǎng)產(chǎn)品中,交互設(shè)計對用戶體驗產(chǎn)生很大的影響。本文將圍繞交互設(shè)計進行分析,與你分享。

交互設(shè)計思維:用戶目標與交互目標

資深UI設(shè)計者 交互設(shè)計及用戶體驗

前面的文章我們分享了交互設(shè)計思維,這篇文章,我們來看看用戶目標與交互目標。交互設(shè)計的核心,就是幫用戶拆解這些目標并找到最優(yōu)路徑,讓他們覺得“這事兒沒那么難”。

交互設(shè)計思維的流程

資深UI設(shè)計者 設(shè)計管理與成長

在設(shè)計一個優(yōu)秀的互聯(lián)網(wǎng)產(chǎn)品時,設(shè)計流程往往分為幾個階段,每個階段都有清晰的目標和方法。這不僅幫助我們找到真正的用戶需求,也確保設(shè)計思路清晰、可執(zhí)行。下面,我們用簡單易懂的方式來講解整個設(shè)計流程。

交互細節(jié)—令人忽略的操作反饋如何設(shè)計

天宇 交互設(shè)計及用戶體驗

編輯導語:很多產(chǎn)品在使用時,都會有“用戶反饋”這一個設(shè)置,用戶可以將自己的操作體驗反饋給商家,但你真的了解“用戶操作反饋”是怎樣的一個機制嗎?這篇文章詳細講解了“操作反饋”這一設(shè)置,一起來讀一讀吧。

背景

前幾天使用自己產(chǎn)品的時候,點擊作業(yè)列表想要查看作業(yè)詳情,點擊之后沒有反應,然后又連續(xù)點擊了好幾下,過了幾秒鐘,界面開始連續(xù)跳轉(zhuǎn)。后來才知道,因為用戶量比較大,產(chǎn)品稍微會有一些卡頓,導致用戶點擊后,產(chǎn)品沒有實時的反饋給用戶,使得用戶也變得不知所措。

那為什么會出現(xiàn)這種情況呢?主要原因就是沒有用戶操作反饋。一個好的產(chǎn)品需要根據(jù)用戶不同的行為操作,實時給出反饋,告知用戶當前狀態(tài)或建議,消除用戶因為不確定性帶來的不安感和焦躁感。

可以將用戶整個操作流程簡化為:用戶輸入—平臺反饋—結(jié)果反饋??梢钥闯龇答伷鋵嵎譃閮煞N:過程反饋(平臺反饋)和結(jié)果反饋。

可以看到無論Google公司推出的Material Design,還是蘋果公司的iOS設(shè)計規(guī)范,都對用戶過程反饋做了細致的設(shè)計規(guī)范。

國內(nèi)也有很多體驗很好的APP對于用戶反饋方面也做的不錯,例如QQ、飛書。

當然也有很多的產(chǎn)品并沒有做很細致的反饋設(shè)計,操作反饋作為交互設(shè)計中一個很細小的部分不會影響用戶正常使用產(chǎn)品,但是會提升用戶使用產(chǎn)品的體驗。好的用戶體驗在B端對于用戶來說不僅降低了學習成本,也提升了工作效率。那么如何來設(shè)計操作反饋呢?

一、過程反饋

當用戶觸發(fā)界面時,也就是人機交互時,界面給出的變化,這是過程反饋。

當觸發(fā)結(jié)果頁面不能及時告知用戶時,例如點擊操作區(qū)域需要跳轉(zhuǎn)新頁面,或者需要展示彈窗等這一類都需要經(jīng)過一段時間才可以讓用戶看到結(jié)果的場景,需要考慮給觸發(fā)反饋。

那什么時候不需要給觸發(fā)反饋呢?例如點擊收藏,收藏的icon會變成填充樣式,用戶可以實時的感受到觸發(fā)結(jié)果,即不需要再給用戶觸發(fā)反饋。

1. 過程反饋方式

過程反饋的方式主要分為三種。

(1)視覺反饋

用戶操作界面之后,界面通過視覺的變化對用戶進行反饋,比如:顏色、形狀、動畫等。

對于iOS系統(tǒng),以及一些體驗較好的應用程序分析得出主要使用場景包含:列表、宮格、操作Icon、按鈕(控件)。

場景是根據(jù)樣式的不同進行分類的。

a. 列表

樣式:當用戶點擊時給列表一個灰度的背景色,讓用戶知道自己已經(jīng)點擊了觸發(fā)區(qū)域。也告知用戶在當前背景色塊上,點擊任何地方都是可以觸發(fā)的。

b. 宮格

樣式:當用戶點擊時給宮格一個灰度的遮罩,或者是一個灰度的背景色。

c. 操作Icon

樣式:當用戶點擊時,Icon降低透明度。

d. 控件

只根據(jù)控件樣式來進行舉例說明,例如actionsheet,在樣式上可以根據(jù)列表樣式做統(tǒng)一規(guī)范。

Button樣式:當用戶點擊時,按鈕變色,如果是次級描邊按鈕,也可以增加填充的色塊。

e. 步進器

樣式:給點擊區(qū)域一個背景色。

f. 鍵盤

樣式:在點擊時,會給一個填充的背景色、或者進行反色處理。

(2)觸覺反饋

  • 用戶操作界面之后,界面通過作用力、振動等一系列變化對用戶進行反饋。
  • 當觸發(fā)區(qū)域有多個操作方式時,例如ios長按應用會有popup彈出,同時手機會震動響應用戶。
  • Tab 切換時:飛書對于底部Tab切換時,會有震動提醒用戶多選。
  • 例如阿里云盤長按文件進行多選操作時,會有震動提醒用戶。

(3) 聽覺反饋

用戶操作界面后,界面通過聲音對用戶進行反饋。

iOS設(shè)置手機鈴聲時,選擇不同的鈴聲時,會自動播放鈴聲。

2. 過程反饋設(shè)計規(guī)范

過程反饋設(shè)計規(guī)范可根據(jù)產(chǎn)品界面的不同元素制定反饋樣式。這本身是一件比較細致的工作,可能花費較大的工作量,所以在實際工作中也可根據(jù)產(chǎn)品功能的優(yōu)先級,安排迭代順序。

二、結(jié)果反饋

當系統(tǒng)對用戶的操作,或因用戶的行為導致的變化結(jié)果,給出的反饋就是結(jié)果反饋。

由于結(jié)果反饋的文章講解特別多,這里就不再過多贅述,簡單的總結(jié)一些常用的結(jié)果反饋方式。

結(jié)果反饋方式可分為4種樣式:

1. 彈窗反饋

彈窗分為模態(tài)彈窗和非模態(tài)彈窗。

模態(tài)彈窗會打斷用戶當前操作流程,也是一種強提示,用戶必須和彈窗進行交互,才能進行之后的操作。

非模態(tài)彈窗一般出現(xiàn)2-3秒之后,自動消失,不會對用戶造成干擾,屬于輕量級提示。

例如當新建表單時,點擊提交按鈕,toast提示提交成功,這就是使用了非模態(tài)彈窗對用戶的操作進行了輕量級反饋。

若刪除文件時,一般會彈出一個對話框,讓用戶再次確認刪除后的一些影響,是否刪除?這就是使用了模態(tài)彈窗對用戶的操作進行的強反饋。

2. 校驗反饋

一般用做表單的校驗,讓用戶知道自己所填寫項的狀態(tài),例如輸入內(nèi)容是否合理,該如何填寫等提示。

3. 頁面

頁面反饋,相較于彈窗會更重一些。一般也用于比較重要的操作流程的結(jié)果頁面,例如淘寶買完東西的結(jié)果頁面、餓了么下單完成后的結(jié)果頁面。

4. 動畫

動畫的合理使用不僅可以告知當前狀態(tài),還會將用戶帶入當前場景,吸引用戶注意力。例如,微博的點贊,會出現(xiàn)一個點贊的動畫,讓點贊變得更加有趣。

微信圖書,點擊進入書本詳情時會出現(xiàn)一個打開書本的動畫,讓用戶帶入實際看書場景,增強沉浸感。

5. 音效

音效的反饋也比較常見,例如ios下載時,會有叮咚一聲,聲音的反饋不僅提升了用戶體驗,對于加強品牌認知也很有幫助。

三、總結(jié)

以上是我對于操作反饋的一些整理和復盤,其中也借鑒了一些大神的佳作,不到之處,希望和大家一起探討交流。

在實際項目的運用中,也會根據(jù)實際的研發(fā)情況,逐步的去調(diào)整,不斷地完善產(chǎn)品細節(jié)。

本文由 @小太陽不愛吃辣椒 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

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

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

自適應設(shè)計在內(nèi)容上的應用探索

天宇 設(shè)計思維

編輯導語:自適應設(shè)計指能使界面自適應顯示在不同大小終端設(shè)備上的設(shè)計方式及技術(shù)。而內(nèi)容自適應則需要對用戶行為進行預判進而改變設(shè)計內(nèi)容,本文作者將對自適應設(shè)計在內(nèi)容上的應用進行分享,值得閱讀學習。

我們一般說的自適應設(shè)計,多半指的是界面自適應,即為不同的終端設(shè)計不同的界面布局與操作流程。而內(nèi)容自適應,是一種根據(jù)用戶標簽與操作行為預判用戶目標所需頁面內(nèi)容的方式,他的優(yōu)點是既能預測交互意圖,實現(xiàn)信息量的智能輸出,同時也能滿足不同交互需求,改變界面樣式,達到降低人機交互負荷的目的。

以下,是道樂UED團隊 基于查閱的資料以及行業(yè)的積累,帶來的一篇關(guān)于內(nèi)容自適應的分享。

目錄:

  1. 內(nèi)容自適應的界定
  2. 適用場景及案例分析
  3. 利弊分析
  4. 內(nèi)容自適應設(shè)計在金融產(chǎn)品上的應用思考

一、內(nèi)容自適應的界定

目前自適應界面在內(nèi)容上的呈現(xiàn)大致包括兩種類型:

1. 實時自適應

顧名思義,就是根據(jù)用戶當下的操作,實時判斷用戶所需,從而調(diào)整不同的信息展示與布局,他的優(yōu)勢在于能盡量減少頁面上與用戶目標不相關(guān)信息的展示,從而提升用戶操作的效率與準確度

2. 歷史自適應

通過用戶標簽與過往數(shù)據(jù)的分析,調(diào)整頁面內(nèi)容的展示數(shù)量與優(yōu)先級,僅展示用戶感興趣或可能感興趣的內(nèi)容,從而提高用戶在使用產(chǎn)品中的轉(zhuǎn)化率。

總的來說,內(nèi)容自適應更趨向于對用戶行為軌跡的縱向思考,將“用戶尋找信息”的被動服務(wù)模式轉(zhuǎn)化為“信息尋找用戶”主動服務(wù)模式。滿足差異化的用戶需求,提升企業(yè)系統(tǒng)的用戶體驗和人性化服務(wù)水平。

二、適用場景及案例分析

1. 實時自適應

(1)搜索

① Google搜索

自適應設(shè)計在搜索上的應用意味著針對每個用戶的每一次搜索,都會產(chǎn)生一個定制的界面,該界面將自身塑造成所顯示的信息。請看以下示例:如何根據(jù)不同的用例更改搜索結(jié)果頁面。

最近,Google搜索的設(shè)計重點是在用戶點擊搜索結(jié)果之前傳遞信息。為此,Google采用了一種稱為自適應設(shè)計的方法。

Google搜索適應用戶需求的第一種方法是重新安排導航以適應結(jié)果。

  • 在“lizzo”的例子中,搜索框下面的導航是:(按順序依次為)圖片、視頻、新聞、購物、更多;
  • 在“tel aviv”的例子中,導航是:新聞、圖片、地圖、視頻、更多;
  • 搜索“aapl”(蘋果公司的股票代碼),導航顯示:金融、新聞、書籍、購物、更多;

Google有362,880種獨特的方式來排列導航,以適應搜索查詢。然而,自適應設(shè)計的最大例子是搜索結(jié)果本身的布局。結(jié)果頁面是完全模塊化的:根據(jù)搜索結(jié)果,不同的元素出現(xiàn)在不同的配置中。

例如,音樂家Lizzo的搜索結(jié)果集中在媒體上:一組模塊以本機格式顯示視頻,圖片和歌曲。還顯示最近的新聞,推文和即將舉行的活動,以及指向Lizzo在YouTube、Twitter、Facebook、Instagram和SoundCloud上的個人資料鏈接。直到頁面底部,我們才能看到看起來像傳統(tǒng)搜索結(jié)果的元素。

另一方面,以色列特拉維夫市的搜索結(jié)果為旅行者提供優(yōu)先信息。圖片、地圖、當?shù)靥鞖庖约芭c旅行有關(guān)的問題(“特拉維夫?qū)τ慰桶踩珕幔?rdquo;、“特拉維夫以什么聞名?”)優(yōu)先于傳統(tǒng)搜索結(jié)果。模塊促進了特拉維夫的活動以及對附近其他城市的推薦。搜索結(jié)果頁上可能會出現(xiàn)數(shù)千個不同的模塊,從簡單的布局驅(qū)動模塊到完全獨立的應用程序。

例如,“aapl”的搜索結(jié)果頁上,股票代碼模塊顯示了當前價格和交互式歷史價格圖。

通過自適應設(shè)計,所有有關(guān)內(nèi)容、格式和順序的決策都是由算法決定的。設(shè)計人員的作用不再是創(chuàng)建明確的外部布局。

如今,尖端產(chǎn)品的設(shè)計者,以及未來日常產(chǎn)品的設(shè)計者,正在就生成這些布局的規(guī)則做出決策。

② 淘寶搜索

淘寶搜索結(jié)果頁,當用戶往下滑動查看更多時,系統(tǒng)判斷你根據(jù)當前搜索頁沒有找到想要的內(nèi)容,則根據(jù)不同物品展示物品的更細分的篩選,如啤酒會c展示“德國進口啤、國產(chǎn)精釀、比利時精釀”,方便用戶找到目標物品。

③ OTA平臺PC端(去哪兒、攜程等)

攜程/去哪兒pc端中,Tab前置條件是國內(nèi)/國際,在選擇國內(nèi)機票時,默認單程。在選擇“國際/港澳臺機票”時,則默認機票往返。

這樣的功能設(shè)置是基于對用戶需求的深入研究得出的,主要有以下幾個原因:

  • 最優(yōu)方案不同:國內(nèi)單程往返的最優(yōu)方案多半有可能不是一個航空公司,要一個一個查詢,(盡管同一航空公司往返有1+1小于2的規(guī)則),會對客人更有利,因為經(jīng)常會出現(xiàn)1+0.5=1.5的情況。國際票往返的最優(yōu)方案通常還是一家航空公司的便宜,這個基本上是定律,所以這個默認設(shè)定是培養(yǎng)消費習慣之舉。
  • 使用場景不同:國際機票的使用場景下,大都有明確時間區(qū)間,簽證限制了用戶在國外停留的時間。用戶不得不提前計劃。且回程可選擇交通工具有限。相對而言,國內(nèi)機票場景較自由,提前計劃必要性相對較弱。
  • 觀測數(shù)據(jù)證明:根據(jù)同程的國際機票訂購數(shù)據(jù)顯示,70%以上的用戶選擇了往返。

基于以上充分的原因,這個自適應功能設(shè)計就得以開發(fā)并成功提高用戶的使用效率。

(2)根據(jù)用戶靜態(tài)標簽優(yōu)化結(jié)果

靜態(tài)標簽:用戶主動提供的數(shù)據(jù), 指用戶不變的基礎(chǔ)信息,多為用戶固定數(shù)據(jù),如姓名、性別、年齡、身高、體重、職業(yè)、地區(qū)、設(shè)備信息、來源渠道等。

定位地區(qū):大眾點評——切換城市

大眾點評的這個功能經(jīng)常被拿出來說,當你到另一個城市,通過獲取定位申請,判斷你是來這座城市旅游的場景,從而頁面展示中入口就改成了跟旅游相關(guān),這其實也有點內(nèi)容自適應的意思,通過用戶不同的操作展示不同的內(nèi)容。

2. 歷史自適應

歷史自適應主要集中在特定領(lǐng)域的個性化界面定制和推薦等方面。針對不同用戶呈現(xiàn)不同界面,根據(jù)用戶的類型、任務(wù)特點、喜好等提供不同的界面樣式。

(1)根據(jù)用戶動態(tài)/預測標簽算法推薦定制內(nèi)容

預測標簽:平臺介入的數(shù)據(jù),指根據(jù)用戶在平臺內(nèi)的行為數(shù)據(jù)對用戶未來行為或喜好進行預測;是設(shè)計千人千面和運營策略的關(guān)鍵;比如某電商平臺,根據(jù)用戶A“月均消費5單,且有數(shù)額過萬的運動商品”的購物數(shù)據(jù),平臺會給用戶A打“高頻、品質(zhì)敏感性、運動”的標簽,后期會更多推薦高品質(zhì)運動商品及相關(guān)運動品牌活動的精準推送。

用戶標簽是構(gòu)成用戶畫像的核心因素,是將用戶在平臺內(nèi)所產(chǎn)生的行為數(shù)據(jù),分析提煉后生成具有差異性特征的形容詞。即用戶通過平臺,在什么時間什么場景下做了什么行為,平臺將用戶所有行為數(shù)據(jù)提煉出來形成支撐業(yè)務(wù)實現(xiàn)的可視化信息。

① 用戶生產(chǎn)內(nèi)容(UGC)

互聯(lián)網(wǎng)上的許多站點開始廣泛使用用戶生成內(nèi)容的方式提供服務(wù),許多圖片、視頻、博客、播客、論壇、評論、社交、Wiki、問答、新聞、研究類的網(wǎng)站都使用了這種方式。

② 電商平臺

這種平臺一般會隨著用戶的使用,網(wǎng)站會積累及不斷修正及展示最貼近用戶喜好的產(chǎn)品,從而進行推薦。功能上適應了用戶的喜好,會大大增加用戶的粘性。

③ APP Store 應用頁面大變動:不同用戶可看到不同功能與內(nèi)容

自定義產(chǎn)品頁功能讓開發(fā)者可以面向不同用戶展示 App 的不同功能,產(chǎn)品頁優(yōu)化功能則讓開發(fā)者們能夠測試不同的截屏、預覽視頻,甚至 App 圖標。

蘋果指出,得益于 App Store Connect 詳實且注重隱私的分析,開發(fā)者可以了解自己用戶的偏好,從而決定產(chǎn)品頁的展示內(nèi)容。

④ SoulAPP創(chuàng)始人:Sou了APP功能符合不同場景的用戶需求

SoulAPP多種匹配機制,功能符合不同場景的客戶需求。Soul利用AI大數(shù)據(jù),依照性格、興趣等因素,劃分用戶。通過這種精準的方式分類用戶,以便用戶之間能夠更高效地建立連接。第一次注冊SoulAPP,用戶需要通過系統(tǒng)的一些答題測試,以便于生成符合自己的性格報告。接著就是通過上述數(shù)據(jù)采集,劃分專屬圈子,這里就是大家經(jīng)常說的“星球“,這些都是基于SoulAPP的AI功能。

三、利弊分析

1. 優(yōu)點

  • 增強用戶體驗:自適應界面不能讓用戶控制自適應過程。對用戶動機準確的判斷和對應的自適應設(shè)計能有效簡短交互路徑,優(yōu)化用戶的交互體驗。
  • 增強用戶粘性:基于精準人群的需求分析和功能設(shè)計,更容易得到用戶認可,更容易打造產(chǎn)品亮點,提供精準個性化的服務(wù),比如對于社區(qū)產(chǎn)品,內(nèi)容個性化推薦將有效提升社區(qū)粘度。
  • 利于公司可持續(xù)發(fā)展:一方面使公司更具競爭壁壘,及時洞察市場風向,預測產(chǎn)品所占市場規(guī)模及前景發(fā)展,及時優(yōu)化公司戰(zhàn)略,避免過早陷入發(fā)展瓶頸;另一方面沉淀大批用戶數(shù)據(jù),既利于孵化創(chuàng)新產(chǎn)品,也豐富盈利模式(比如與第三方合作)。
  • 提升產(chǎn)品設(shè)計價值:基于精準人群的需求分析和功能設(shè)計,更容易得到用戶認可,更容易打造產(chǎn)品亮點,提供精準個性化的服務(wù),比如對于社區(qū)產(chǎn)品,內(nèi)容個性化推薦將有效提升社區(qū)粘度。
  • 提高運營效率:如今的新用戶獲客成本居高不下的情況下,利用現(xiàn)有用戶畫像,做好存量用戶的維護,通過精準營銷策略,提升存量用戶的留存與活躍。

2. 缺點

自適應界面同樣有一些“小缺點”,違背了一些眾所周知的可用性原則:

  • 缺乏控制:自適應界面不能讓用戶控制自適應過程。
  • 不可預測性:由于用戶不能直接控制界面,用戶不能預測界面接下來的某些行為。
  • 透明度:通常,用戶不能理解在界面中,自適應是如何起作用的。在設(shè)計自適應界面時的其中一個問題就是讓用戶可以見到多少自適應比例。
  • 私密性:用戶必須接受基于用戶模型的一種系統(tǒng),將會一直維持與系統(tǒng)交互的狀態(tài),持續(xù)收集用戶使用行為。
  • 信任度:用戶在系統(tǒng)中的信任是容易改變的,如果自適應系統(tǒng)給予了錯誤的指令。
  • 開發(fā)成本:提供內(nèi)容的自適應度,通常意味著著更多的開發(fā)成本。要把控好自適應性設(shè)計的度,而非一味地增加開發(fā)量。

四、內(nèi)容自適應設(shè)計在金融產(chǎn)品上的應用思考

1. 基礎(chǔ)設(shè)計原則思考

內(nèi)容自適應的核心在于,基于用戶過往的操作以及行為路徑的分析,提前預判用戶下一步需要的內(nèi)容,從而讓用戶能更便捷的使用產(chǎn)品。但是在金融產(chǎn)品的設(shè)計中比較特殊,往往用戶在使用產(chǎn)品的一個核心需求是安全感,產(chǎn)品安全、資產(chǎn)安全、操作安全等都是用戶著重關(guān)注的點,所以如果一味的進行內(nèi)容自適應設(shè)計,會讓用戶產(chǎn)生“信息泄露”的擔憂,從而失去對該產(chǎn)品的信任。

基于以上內(nèi)容自適應的分析以及金融產(chǎn)品設(shè)計的特殊性,我們來看看有哪些可以運用到金融產(chǎn)品的設(shè)計中來。

2. 金融產(chǎn)品設(shè)計思考

(1)金融應用的[截圖]功能

截圖功能可以根據(jù)用戶場景與用戶目標兩個維度進行分析。截圖操作的發(fā)生幾乎會發(fā)生在用戶使用金融應用的各個場景,比如瀏覽金融產(chǎn)品、查看產(chǎn)品詳情、查看持倉資產(chǎn)、收益等等,而不同的場景用戶的目標也有所不同,我們可以根據(jù)用戶不同的操作目標,為用戶提供自適應的內(nèi)容來方便用戶的操作。

截圖常見的用戶目標大致分為兩類:報錯與分享。我們可以為這兩個用戶目標做一些內(nèi)容上設(shè)計。

報錯一般會關(guān)聯(lián)產(chǎn)品的在線客服功能,那么我們在用戶截圖操作發(fā)生后,提供在線客服的入口,同時分析報錯自身的用戶行為,如可能是針對頁面的哪個點或者哪個區(qū)域報錯,那我們可以針對這一點再提供編輯截圖的功能等等。

如此根據(jù)用戶目標拆解用戶行為,設(shè)計對應的功能來滿足用戶操作,從而減少用戶的操作路徑。

分享可根據(jù)用戶場景設(shè)計不同的內(nèi)容,如:

  • 當截圖發(fā)生在產(chǎn)品詳情頁,那此時截圖的分享意圖可能是分享此只產(chǎn)品給好友,我們可以為此設(shè)計一個關(guān)于產(chǎn)品信息的分享頁來便于用戶分享;
  • 當截圖發(fā)生在資產(chǎn)頁,此時的截圖的分享意圖可能是炫耀自己的收益,那我們可以生成收益海報等內(nèi)容給用戶,從而滿足用戶的心理預期。

(2)金融應用的[內(nèi)容管理]功能

買衣服的時候,絕大多數(shù)人在意的是是否合身,對于數(shù)字產(chǎn)品,同樣是如此。在一個金融應用的內(nèi)容管理功能當中,會推送大量的內(nèi)容給用戶,絕大多數(shù)的用戶幾乎沒有時間來掌控所有的信息,導致部分對用戶有用的信息被忽略,這樣意味著內(nèi)容的可定制化是極其重要的。

內(nèi)容的可定制化體現(xiàn)在不同用戶的分層上,基于分層,我們可以為相同類型用戶推送內(nèi)容。如持有私募基金的用戶,我們可能會更多為其推送關(guān)于此類產(chǎn)品的信息以及高端用戶的優(yōu)惠、活動、資產(chǎn)報告等信息。

(3) 金融應用的[搜索]功能

金融產(chǎn)品的搜索,除了具備一般應用該有的內(nèi)容,如最近搜索、熱門搜索、搜索排行榜等,也需要基于產(chǎn)品特性來思考還有哪些可以展示的內(nèi)容。

根據(jù)用戶行為與數(shù)據(jù)分析,一般搜索的關(guān)鍵詞為基金名稱或者基金代碼,而搜索的目的是查看該產(chǎn)品的信息以及收益情況,那么基于此類目的,我們可以當用戶輸入基金名稱后,展示該基金最近的凈值走勢等內(nèi)容,這樣用戶就可以提前了解部分基金信息,可以提前做一個判斷,需不需要進入搜索結(jié)果頁進一步的了解。

除了提前展示該基金部分產(chǎn)品信息以外,我們也可以展示相類似基金,防止用戶因提前獲知產(chǎn)品部分信息而帶來的流失率,當用戶不滿意該只基金的近期表現(xiàn),我們可以為其提供表現(xiàn)良好的基金供其選擇,從而提高產(chǎn)品的轉(zhuǎn)化率。

五、結(jié)語

通過對自適應設(shè)計在內(nèi)容上的應用探究,我們對內(nèi)容自適應的設(shè)計手法及應用場景有了初步的理解,也會繼續(xù)的探究并運用到實際的工作中來,希望這些思考能為大家?guī)硪恍椭?/p>

作者:道樂UED全體成員

原文鏈接:https://www.ui.cn/detail/610302.html

本文由 @道樂科技設(shè)計中心 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

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

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.yvirxh.cn

存檔