App產(chǎn)品原型背后要交代的細(xì)節(jié)或要理解的原則(四)

9 評(píng)論 6965 瀏覽 60 收藏 10 分鐘

本文接上一篇《App產(chǎn)品原型背后要交代的細(xì)節(jié)或要理解的原則(三)》,接著跟大家講講產(chǎn)品原型背后要交代的細(xì)節(jié)和要理解的原則。

十五、左右滑動(dòng)切換Tab頁(yè)簽

很多App的Tab頁(yè)簽,支持左右滑動(dòng)切換。那么是不是在設(shè)計(jì)Tab頁(yè)簽的時(shí)候都要這樣規(guī)劃呢?

筆者認(rèn)為在確定這個(gè)方案時(shí),產(chǎn)品經(jīng)理需要考慮如下:

(1)明確滑動(dòng)切換頁(yè)簽的優(yōu)缺點(diǎn)

操作步驟上,點(diǎn)擊切換和滑動(dòng)切換都是1個(gè)動(dòng)作事件。只是通常來(lái)看,滑動(dòng)操作比點(diǎn)擊操作難度稍低,畢竟點(diǎn)擊需要找到觸發(fā)區(qū)。

另一個(gè)方面,支持滑動(dòng)切換可以覆蓋更多用戶(hù)的操作預(yù)期——假設(shè)用戶(hù)普遍習(xí)慣滑動(dòng)切換的操作方式。

但是滑動(dòng)切換頁(yè)簽的操作本身也有弊端。比如有時(shí)候本來(lái)是想上下滑動(dòng)的,但是手指一不小心就滑歪了,于是無(wú)意識(shí)觸發(fā)了滑動(dòng)事件,跳到了另一個(gè)頁(yè)面去,可能就打斷用戶(hù)沉浸式體驗(yàn)。

(2)基于以上,筆者建議如下

①沉浸式的瀑布流,比如抖音的視頻流,不推薦滑切Tab頁(yè)。

如果非要做,則將滑動(dòng)切換觸發(fā)靈敏度降低。

②內(nèi)容長(zhǎng)度有限,或者閱讀速度快的Tab頁(yè)簽,可以使用滑切。比如電商商品的【參數(shù)】、【評(píng)論】之間的切換。

③除了左右滑動(dòng)切換Tab,還可以結(jié)合下翻切換:如果頁(yè)面內(nèi)容較短,那么在下翻至Tab頁(yè)內(nèi)容結(jié)束的時(shí)候,緊接著就切換下一頁(yè)的內(nèi)容。比如:

最后要注意,不管做不做滑切,產(chǎn)品經(jīng)理都要給予開(kāi)發(fā)人員明確的說(shuō)明。

十六、分享功能的“借尸還魂”

(1)分享的原理

第三方平臺(tái)提供了分享接口,目標(biāo)App對(duì)接后,獲取了對(duì)應(yīng)權(quán)限和功能支持。

因此在分享事件中,目標(biāo)App分享出去的內(nèi)容是“客隨主便”:第三方支持什么,分享出去才能做什么。

通常,內(nèi)容分享出去之后,會(huì)在第三方平臺(tái)中以一定的格式展示。這種格式不由產(chǎn)品經(jīng)理設(shè)計(jì),而是第三方平臺(tái)規(guī)定的。(產(chǎn)品經(jīng)理需要確認(rèn)要展示的內(nèi)容)。

在第三方平臺(tái)中打開(kāi)分享的內(nèi)容后,就會(huì)基于第三方平臺(tái)內(nèi)置環(huán)境進(jìn)行功能展示。通常都會(huì)引導(dǎo)用戶(hù)觸發(fā)打開(kāi)App,或到應(yīng)用市場(chǎng)下載App。

(2)技術(shù)實(shí)現(xiàn)方面

第一步:接口對(duì)接,實(shí)現(xiàn)第三方系統(tǒng)的授權(quán)

未授權(quán)的情況下做分享,會(huì)有類(lèi)似下圖的提示:

第二步:實(shí)現(xiàn)功能需求

以分享小視頻到微信為例,若要在微信H5中實(shí)現(xiàn)視頻播放、點(diǎn)贊等功能,則要基于H5寫(xiě)相關(guān)的代碼。

當(dāng)然也可以使用SDK(SDK通常本身支持多個(gè)系統(tǒng):電腦、安卓、ios、H5等)。

而前面提到的跳轉(zhuǎn)到APP或應(yīng)用市場(chǎng)的邏輯,就是校驗(yàn)到本手機(jī)沒(méi)有App則跳轉(zhuǎn)到應(yīng)用市場(chǎng)下載,校驗(yàn)到已經(jīng)安裝則打開(kāi)App。

但是在實(shí)現(xiàn)的時(shí)候,要了解第三方分享接口是否支持喚醒App。若不能支持,那么就要借助其他方式間接實(shí)現(xiàn)需求。

(3)產(chǎn)品經(jīng)理要確認(rèn)的

①確定分享的場(chǎng)景或業(yè)務(wù)位點(diǎn)

比如,操縱完成或得到結(jié)果時(shí)提示分享(如截圖后、完成拍照和攝像時(shí))、打開(kāi)App時(shí)出彈層提示分享、勝利完成任務(wù)時(shí)提示分享(比如王者榮耀連勝的提示“炫耀一下”)。

②確定分享的形式

主要有:文字或鏈接地址的分享(比如天貓和淘寶的“淘口令”)、圖片分享(靜態(tài)圖片、GIF動(dòng)圖)、音視頻類(lèi)行形(標(biāo)記它是音頻或是視頻,并且可以直接在當(dāng)前頁(yè)播放);網(wǎng)頁(yè)分享(帶有網(wǎng)頁(yè)縮略圖的)。

其中網(wǎng)頁(yè)分享是最常見(jiàn)的。以分享到微信為例,分享過(guò)去的網(wǎng)頁(yè)有自己的格式。比如:同一個(gè)內(nèi)容,從APP或外部瀏覽器分享到微信,會(huì)顯示APP的名稱(chēng)和縮略?xún)?nèi)容,從微信內(nèi)置瀏覽器分享的就不會(huì)展示這些信息。

另外注意:分享網(wǎng)頁(yè)和分享鏈接是不同的分享形式。前者帶有網(wǎng)頁(yè)自身的縮略?xún)?nèi)容,后者屬于文本范疇的分享,簡(jiǎn)單原始。

③用戶(hù)打開(kāi)的效果是什么

如果將分享理解為“借尸還魂”引流的話(huà),那么打開(kāi)分享鏈接之后,可以以最基礎(chǔ)的靜態(tài)畫(huà)面呈現(xiàn),再次點(diǎn)擊頁(yè)面,則引導(dǎo)跳轉(zhuǎn)到App,或引導(dǎo)到應(yīng)用市場(chǎng)下載App。

但是,產(chǎn)品經(jīng)理需要知道,某些第三方的應(yīng)用不給提供便利,不支持跳轉(zhuǎn)到App。比如微信。

因此設(shè)計(jì)時(shí)候考慮增加提示“使用本地瀏覽器打開(kāi)”(假設(shè)瀏覽器是支持的)。這樣就借助一個(gè)新的橋梁“假途滅虢”實(shí)現(xiàn)需求了。如下圖這樣:

④最后,讓分享自然甚至驚喜

比如:讓用戶(hù)獲得優(yōu)惠,得到好處(如「哈羅單車(chē)」通過(guò)分享獲得紅包);輔助業(yè)務(wù)實(shí)時(shí)共享(如「滴滴」可以分享行程給他人共享實(shí)時(shí)位置);邀請(qǐng)好友,分享快樂(lè)(如「王者榮耀」邀請(qǐng)朋友一起組團(tuán)開(kāi)黑);分享成就(如游戲獲得了九連勝等)。

十七、【消息】模塊設(shè)計(jì)的關(guān)注點(diǎn)

(1)必要時(shí)提供消息歸類(lèi)

讓目標(biāo)信息曝光增加,同時(shí)讓消息有條理。

就好像微信的【訂閱號(hào)消息】一樣,進(jìn)行歸類(lèi),給予總?cè)肟凇?/p>

(2)未讀消息提示數(shù)字或紅點(diǎn)

為了不給用戶(hù)負(fù)擔(dān),不是很要緊的消息盡量使用紅點(diǎn)。

消息數(shù)的消除以打開(kāi)為準(zhǔn),即打開(kāi)就視為已讀。

(3)歷史消息保存留時(shí)長(zhǎng)

永久保存在服務(wù)器,用戶(hù)可以通過(guò)加載,分批查看歷史消息。

(4)聊天消息記錄的操作

①已發(fā)出的文字和表情(包括發(fā)送失?。?/strong>

長(zhǎng)按可以轉(zhuǎn)發(fā)、刪除、復(fù)制。

②已發(fā)出的音頻、圖片和視頻(包括發(fā)送失敗)

長(zhǎng)按,可以轉(zhuǎn)發(fā)、刪除,但不能復(fù)制(系統(tǒng)不支持);

點(diǎn)擊,打開(kāi)預(yù)覽大圖,長(zhǎng)按大圖,彈出保存按鈕。

③發(fā)送失敗的內(nèi)容

增加重復(fù)發(fā)送按鈕,或者點(diǎn)擊發(fā)送失敗的按鈕實(shí)現(xiàn)重發(fā)。

④長(zhǎng)按消息記錄,彈出的操作框開(kāi)口方向

就近原則,若消息在屏幕上方,則操作內(nèi)容在下方;

反之,長(zhǎng)按后的操作框展示在內(nèi)容上方。

(5)消息通知方式

根據(jù)緊要程度,選擇橫幅通知、鎖屏通知、菜單通知。

建議只對(duì)主要的信息用音效,盡量不要騷擾到用戶(hù)。

(PS:但是根據(jù)經(jīng)驗(yàn),一般老板都會(huì)要求“騷擾”用戶(hù)。)

?(待續(xù))

相關(guān)閱讀

App產(chǎn)品原型背后要交代的細(xì)節(jié)或要理解的原則(一)

App產(chǎn)品原型背后要交代的細(xì)節(jié)或要理解的原則(二)

App產(chǎn)品原型背后要交代的細(xì)節(jié)或要理解的原則(三)

 

作者:唧唧歪歪PM;公眾號(hào):唧唧歪歪PM(ID:jjyypm)

本文由 @唧唧歪歪PM 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 來(lái)自湖南 回復(fù)
  2. 哈,看完還是不太會(huì)?你可能需要從Axure基礎(chǔ)開(kāi)始學(xué)

    這里推薦你加Axure實(shí)戰(zhàn)班的助教小可愛(ài)@CC-起點(diǎn)學(xué)院(微信:qidiancc520),回復(fù)關(guān)鍵詞:大禮包

    ?? 領(lǐng)取適合產(chǎn)品新人的原型設(shè)計(jì)大禮包哦,cc還會(huì)不定期分享Axure免費(fèi)視頻課程呢!

    來(lái)自廣東 回復(fù)
  3. 多謝陜前輩分享,很受益

    回復(fù)
  4. 來(lái)自湖南 回復(fù)
  5. 回復(fù)
  6. 謝謝前輩分享,長(zhǎng)知識(shí)啦 ??

    來(lái)自上海 回復(fù)
  7. 我很想了解更多你的文章

    來(lái)自廣東 回復(fù)
  8. 我要給你留言

    來(lái)自廣東 回復(fù)
    1. 我這是落地層面的,視野低。

      回復(fù)