你最近看過你的網(wǎng)站分析嗎?機會很大一部分 - 甚至可能超過一半 - 您的用戶通過移動設(shè)備訪問您的網(wǎng)站。
無論您是將移動工作重點放在網(wǎng)站還是應(yīng)用程序上,您都需要確保設(shè)計為每一位移動用戶創(chuàng)造出卓越的用戶體驗。你不必從頭開始做。思考移動用戶以及他們?nèi)绾闻c設(shè)計交互將有助于塑造您的界面的外觀和功能。
創(chuàng)新互聯(lián)在成都網(wǎng)站建設(shè),網(wǎng)站設(shè)計制作方面屬高端品牌,網(wǎng)站制作公司的領(lǐng)軍,提供的網(wǎng)站設(shè)計制作,公司網(wǎng)站制作,成都建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁制作公司,建網(wǎng)站公司,企業(yè)建站,成都網(wǎng)絡(luò)公司與品牌網(wǎng)站策劃運營服務(wù)。
以下是五個設(shè)計技巧,可以幫助您使用戶喜愛的移動用戶體驗。
1.簡化導(dǎo)航
那些老派的大型導(dǎo)航菜單不會對你有任何好處 - 特別是在移動設(shè)備上。移動用戶可能擁有任何用戶群的最短關(guān)注時間。他們想打開網(wǎng)站或應(yīng)用程序,并立即找到他們需要的東西。
只需幾個選項設(shè)計導(dǎo)航菜單 - 查看您的分析,以查看大多數(shù)用戶首先查找或?qū)Ш降膬?nèi)容。
更少的選項將占用更少的屏幕空間,使您可以在設(shè)計中融入更多空間,這對于觸摸和可讀性來說非常理想。
雖然我們不會在此討論漢堡包圖標的優(yōu)點,但彈出式導(dǎo)航是用戶習(xí)慣的模式。只要確保您打算彈出或滑出導(dǎo)航菜單,就可以為用戶提供清晰的視覺標識。
Ebates應(yīng)用程序使用兩個級別的導(dǎo)航:一個是他們最熱門的交易列表,另一個是您最喜歡的商店的書簽列表(在漢堡/心臟圖標中)。這兩個選項都不重。它幾乎看起來像內(nèi)容一樣運作。整個設(shè)計都是導(dǎo)航而不會感到壓倒性的。
2.思考手勢(和觸覺)
移動用戶與其設(shè)備的互動與桌面用戶完全不同。你的用戶界面應(yīng)該解釋這一點。
設(shè)計應(yīng)該利用手勢來執(zhí)行某些操作。使用通用和直觀控件的界面將取悅用戶。
這些手勢包括:
點按并雙擊
按
保持
拖放
滾動(單指和雙指)
放大和縮小
刷卡
拂去
當(dāng)涉及到移動手勢是新的點擊。
當(dāng)你在考慮觸摸交互時,不要忘記觸覺。來自可穿戴設(shè)備的微妙“碰撞”或手機在口袋中的振動是觸覺通知,使用振動或運動的機械模擬觸摸。
觸覺的訣竅是這種相互作用是微妙的,非常不顯眼。雖然用戶可能知道有通知,但其他人通常不會。觸摸界面一直在變得越來越普遍,似乎得到了用戶的積極響應(yīng)。
例如,Two Dots游戲每次以某種方式清除點時會使用凹凸。無聲的選項使得游戲更加謹慎,并為用戶提供愉快的體驗。
3.使其成為會話
人們喜歡覺得他們在與其他人交談并互動。幸運的是,對于設(shè)計師來說,人工智能和聊天機器人可以幫助您創(chuàng)建這些互動,因此您無需一天24小時進行實時聊天。
有三種方法可以創(chuàng)建會話用戶界面:
在整個界面中寫入更具個性色彩的副本。從長文本塊到微小片段,文本應(yīng)該具有個性,例如上面的WTFWeather應(yīng)用程序。應(yīng)該以人們說話的方式閱讀。在你的消息傳遞中小心聽起來過于正式或機器人。
使用消息傳遞功能或聊天機器人與用戶建立即時交互。這可以成為一個偉大的客戶服務(wù)工具,并且如果有人隨時幫助他們解決問題,那么這也可以幫助創(chuàng)造客戶忠誠度。
將語音用戶界面集成到設(shè)計中。由于語音界面,Siri和Alexa是家喻戶曉的名字。整合語音命令的另一個好處是什么?這將使您的網(wǎng)站或應(yīng)用程序更容易訪問。
4.動畫
似乎你幾乎訪問過的每個網(wǎng)站上都有動畫元素。這是設(shè)計。動畫可以將設(shè)計帶入生活。
動畫元素非常吸引人,因為它們吸引用戶的注意力,并可以幫助向用戶展示如何更好地與設(shè)計交互。(它可以追溯到創(chuàng)建設(shè)計時的“show,do not tell”的經(jīng)典理念。)
例如,Google地圖包裝了很少的動畫。請注意下次使用它。
用于UX Planet的Nick Babich在移動UI設(shè)計中有很好的動畫使用入門。他概述了如何使用運動的三個關(guān)鍵用途。
對于系統(tǒng)狀態(tài):使用動畫顯示加載狀態(tài),刷新內(nèi)容和通知。
對于導(dǎo)航和轉(zhuǎn)換:使用動畫幫助用戶在不同類型的內(nèi)容之間移動,以在元素之間建立視覺層次結(jié)構(gòu)并顯示狀態(tài)變化。
對于視覺反饋:使用動畫顯示確認操作或幫助可視化操作結(jié)果。
5.正確使用表格并正確使用表格
特別是對于應(yīng)用程序,入職對用戶忠誠至關(guān)重要。
想想你下載的最后一場比賽。你跳進去了嗎?或者您是否需要快速教程來確保成功?
交互式應(yīng)用的入門體驗將幫助用戶學(xué)習(xí)如何充分利用用戶體驗中包含的功能。一個有趣的選項將幫助他們轉(zhuǎn)換為忠實的用戶。保持入門教程的簡短,并確保包含常見問題或幫助部分,以便用戶在遇到問題時可以返回該部分。
隨著移動網(wǎng)站入職不是主要關(guān)注的問題,但注冊或注冊表單可能是一個問題。移動設(shè)備上的表格必須簡單易用。用戶不喜歡龐大復(fù)雜的表單。
簡化手機表格以增加轉(zhuǎn)化次數(shù)。(您以后可以隨時要求提供更多信息。)
看看上面GoodRx的簡單起點。它只是要求你想了解更多的藥。表格是重點,它非常簡單。
只需要一點信息 - 一個電子郵件地址。這就是你需要與用戶建立關(guān)系的全部內(nèi)容。如果您的網(wǎng)站或應(yīng)用需要登錄,請使用電子郵件地址和密碼。
設(shè)計表格以便容易填寫(從尺寸的角度來看),并考慮放棄任何自動完成功能以減少錯誤輸入電子郵件地址的機會。還有一個竅門?盡可能使用社交登錄表單來簡化流程。用戶習(xí)慣于這個過程,這對他們來說很容易......并且不太可能對您產(chǎn)生錯誤。
結(jié)論
移動用戶體驗是構(gòu)建網(wǎng)站或應(yīng)用程序時需要考慮的最重要的事情之一。移動用戶需求一直在不斷變化。
創(chuàng)建一個易于使用的界面,并利用現(xiàn)代技術(shù)和功能創(chuàng)建用戶一遍又一遍想要參與的內(nèi)容。
本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)
標簽:公司網(wǎng)站制作,成都建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁制作公司,建網(wǎng)站公司,企業(yè)建站,重慶網(wǎng)站建設(shè)公司,成都網(wǎng)頁設(shè)計公司,成都網(wǎng)站設(shè)計公司,企業(yè)網(wǎng)站建設(shè)
網(wǎng)頁名稱:如何使您的移動用戶體驗大放異彩的5種技巧
URL分享:http://jinyejixie.com/news20/170870.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有用戶體驗等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)