購(gòu)物app界面設(shè)計(jì)要遵循哪些原則?

作者: 影子 發(fā)布時(shí)間:2020-08-10 18:09

  購(gòu)物app為我們的日常生活帶來(lái)了極大便利,不用出門(mén)就可以購(gòu)買(mǎi)到自己想要的商品。對(duì)于想要做好電商的企業(yè)來(lái)說(shuō),進(jìn)行app商城開(kāi)發(fā)也是能夠擴(kuò)寬渠道的有效途徑。那么今天就和HiShop小編來(lái)看一下在進(jìn)行購(gòu)物app界面設(shè)計(jì)時(shí)要遵循哪些原則。

購(gòu)物app界面設(shè)計(jì)要遵循哪些原則?

  一、信息多通道

  桌面平臺(tái)購(gòu)物網(wǎng)站的物品信息主要是圖片和文字,然而圖片在手機(jī)上是沒(méi)有優(yōu)勢(shì)的,所以應(yīng)從移動(dòng)設(shè)備的特征進(jìn)行考慮,將多通道運(yùn)用到物品信息展示方面,這樣一方面可節(jié)省空間資源,另一方面會(huì)使手機(jī)端有更好的體驗(yàn)。

  可以通過(guò)移動(dòng)客戶(hù)端語(yǔ)音通道,進(jìn)行物品簡(jiǎn)介和物品屬性的展示。用圖片與聲音的結(jié)合來(lái)體現(xiàn)產(chǎn)品屬性。因?yàn)閳D片具有環(huán)境性和時(shí)間性,可通過(guò)合適的音頻效果來(lái)展示物品的形象。物品信息可動(dòng)態(tài)展示。經(jīng)常會(huì)有人抱怨買(mǎi)的東西和網(wǎng)上的不一樣。如果將物品信息進(jìn)行動(dòng)態(tài)展示,就可以從各個(gè)角度和情境下對(duì)物品有一個(gè)準(zhǔn)確的認(rèn)識(shí)。

  二、顯示趣味化

  移動(dòng)平臺(tái)屏幕的局限性影響物品的展示數(shù)量和展示效果,雖然通過(guò)設(shè)計(jì)很難改變這種現(xiàn)象,但是仍然可通過(guò)趣味設(shè)計(jì)讓用戶(hù)在信息瀏覽中,得到與桌面平臺(tái)不同的體驗(yàn)。

  移動(dòng)端的一個(gè)特點(diǎn)是可探索性,而且體驗(yàn)感比較強(qiáng)。用戶(hù)在用手點(diǎn)觸、化動(dòng)過(guò)程中就會(huì)觸發(fā)動(dòng)作,這些動(dòng)作又會(huì)帶來(lái)相應(yīng)的反饋,如果在頁(yè)面一些地方設(shè)計(jì)上驚喜的反饋方式,會(huì)給用戶(hù)帶來(lái)很多的樂(lè)趣,并且會(huì)鼓勵(lì)用戶(hù)進(jìn)行很多頁(yè)面的操作行為。

  三、圖片流加載預(yù)體現(xiàn)

  不論是在購(gòu)物網(wǎng)站中還是在移動(dòng)購(gòu)物應(yīng)用中,圖片是物品展示的一種必要元素。但是對(duì)于移動(dòng)應(yīng)用來(lái)說(shuō)網(wǎng)速的不穩(wěn)定性,經(jīng)常導(dǎo)致圖片在加載過(guò)程中造成不良體驗(yàn),在這個(gè)問(wèn)題上可將圖片進(jìn)行預(yù)加載設(shè)計(jì)。

  1、顏色預(yù)加載。在設(shè)計(jì)時(shí)可以先展現(xiàn)圖片的色彩趨向,或者加載模糊的圖片,讓用戶(hù)了解到圖片正在慢慢地展現(xiàn)出來(lái)。

  2、文字預(yù)加載。在物品展現(xiàn)列表內(nèi)不會(huì)只有單獨(dú)的圖片展示,同樣重要的還有文字的展示和圖片相關(guān)信息的說(shuō)明,文字加載速度很快。因此在圖片加載過(guò)程中可以先將文字展示出來(lái),先讓用戶(hù)對(duì)圖片內(nèi)容有一個(gè)簡(jiǎn)單的了解,然后再展示圖片內(nèi)容。

  3、先加載后展現(xiàn)。 一般情況下圖片加載均是先顯示出一個(gè)圖框區(qū)域,然后再慢慢加載圖片,大片的圖框顯示會(huì)讓用戶(hù)抓狂,用戶(hù)會(huì)覺(jué)得好多內(nèi)容需要加載,需要等待很長(zhǎng)的時(shí)間,容易形成焦躁的情緒。圖片加載完后再顯示就不一樣了,沒(méi)有空白的圖框展示,這樣的方式會(huì)減輕用戶(hù)的煩躁情緒,對(duì)圖片瀏覽體驗(yàn)是一個(gè)很好的改善。

  4、驚喜的加載動(dòng)畫(huà)效果。加載就是等待的過(guò)程,為了讓用戶(hù)在這時(shí)間不定的等待過(guò)程中不感到煩躁,可以將注意力放在加載動(dòng)畫(huà)上面。

  在進(jìn)行移動(dòng)購(gòu)物APP界面設(shè)計(jì)時(shí),應(yīng)堅(jiān)持界面的有效性、易用性和用戶(hù)體驗(yàn)的情感性等要素,作為檢驗(yàn)交互是否合理的衡量標(biāo)準(zhǔn)。以上是app商城開(kāi)發(fā)的相關(guān)內(nèi)容,更多資訊歡迎點(diǎn)擊HiShop移動(dòng)云商城查看。

  申明:海商HiShop網(wǎng)站原創(chuàng)文章,發(fā)布時(shí)間:2019-10-28 9:40:41

標(biāo)簽:

猜你喜歡

【本站聲明】 1、本網(wǎng)站發(fā)布的該篇文章,目的在于分享電商知識(shí)及傳遞、交流相關(guān)電商信息,以便您學(xué)習(xí)或了解電商知識(shí),請(qǐng)您不要用于其他用途; 2、該篇文章中所涉及的商標(biāo)、標(biāo)識(shí)的商品/服務(wù)并非來(lái)源于本網(wǎng)站,更非本網(wǎng)站提供,與本網(wǎng)站無(wú)關(guān),系他人的商品或服務(wù),本網(wǎng)站對(duì)于該類(lèi)商標(biāo)、標(biāo)識(shí)不擁有任何權(quán)利; 3、本網(wǎng)站不對(duì)該篇文章中所涉及的商標(biāo)、標(biāo)識(shí)的商品/服務(wù)作任何明示或暗示的保證或擔(dān)保; 4、本網(wǎng)站不對(duì)文章中所涉及的內(nèi)容真實(shí)性、準(zhǔn)確性、可靠性負(fù)責(zé),僅系客觀性描述,如您需要了解該類(lèi)商品/服務(wù)詳細(xì)的資訊,請(qǐng)您直接與該類(lèi)商品/服務(wù)的提供者聯(lián)系。

電話(huà)咨詢(xún) 微信咨詢(xún) 預(yù)約演示 0元開(kāi)店