WebAPP與原生APP有哪些交互設(shè)計區(qū)別？

@ChM_CuoreAzzurro ：Web App和原生APP同為移動端中心，很少有時間研究這兩項的交互區(qū)別，好近公司做了一次從原生APP到Web App（HTML5 ）的移植，故總結(jié)一下期間碰到的問題及不同點總結(jié)。

從使用場景上，Web App用戶面臨比原生APP用戶更嚴峻的問題：

1、頁面跳轉(zhuǎn)更加辛苦，不穩(wěn)定感更強

思考點：如何削減跳轉(zhuǎn)（扁平結(jié)構(gòu)、頁面布局技巧），增添數(shù)據(jù)及展示的流暢流程及穩(wěn)定性（技術(shù)）

2、更小的頁面空間（因為瀏覽器的導(dǎo)航自己占用一部分屏幕空間），更大的信息記憶負擔(dān)

移動設(shè)備的屏幕要小得多。這種如同透過門縫進行的閱讀增添了認知的負擔(dān)。人腦的短期記憶是不穩(wěn)定的，用戶在滾動屏幕的過程中需要一時記憶的信息越多，他們的體現(xiàn)就會越差。——《貼心設(shè)計：打造高可用性的移動產(chǎn)品》

思考點：排版更清晰、信息更簡練 （可在原生APP基礎(chǔ)上去掉一些雄厚、復(fù)雜的視覺體現(xiàn)）

3、導(dǎo)航不顯明，原有底部導(dǎo)航消逝，有用的導(dǎo)航碰到挑戰(zhàn)

思考點：如何有用的提供導(dǎo)航？有哪些形式？

4、交互動態(tài)效果收到限制，影響一些頁面場景、邏輯的理解。

思考點：比如登錄注冊流程的彈出、完成及異常退出，做好文字提醒。

針對以上困境網(wǎng)站優(yōu)化公司，解決方法總結(jié)如下：

首先，從APP到WAP版，在產(chǎn)品上上海塑料托盤，好顯明且核心的：

1、精簡功能，只將核心的義務(wù)實現(xiàn)，非核心的枝節(jié)可考慮刪減。

2、做好新的Web App導(dǎo)航.

3、增補從Web App 對 下載原生APP 的指導(dǎo)。

>>>>> Web App導(dǎo)航怎樣設(shè)計？

一、常見的幾種Web APP導(dǎo)航樣式

1.1頂部底部導(dǎo)航的設(shè)計：

1.2導(dǎo)航快捷鍵設(shè)計：

美團：頂部欄固定位置

淘寶：懸浮圓圈–可睜開的按鈕

優(yōu)酷：非首屏?xí)r頁面右側(cè)懸浮

二、有用的導(dǎo)航設(shè)計

1、基本的快捷導(dǎo)航中包括 返回常用頁面（如 首頁 我的 等）的快捷體例

2、出現(xiàn)深層架構(gòu)時 及時增補返回主要層級頁面的快捷體例

3、情境式導(dǎo)航，方便用戶快捷跳轉(zhuǎn)到ta想去的頁面，如購買結(jié)束時提供查看訂單詳情的按鈕。

PS：Web APP更加需要畫頁面跳轉(zhuǎn)的流程圖，摸清各個頁面的入口，尤其是頁面返回的流程；有些簡化的返回按鈕，可以特殊注明返回到的頁面

>>>>>>>>> 怎樣指導(dǎo)用戶下載APP？

在哪里出現(xiàn)指導(dǎo)？

一般首頁、核心義務(wù)的頁面（如 電商Web APP的商品詳情頁 、視頻Web APP的視頻觀看頁）

二、指導(dǎo)下載APP有哪些形式？

頁面頂部放置下載條 頁面底部懸浮層指導(dǎo) 融合在頁面首屏中 下載按鈕形式 底部Foot里含客戶端下載入口

分享名稱：WebAPP與原生APP有哪些交互設(shè)計區(qū)別？
新聞來源：http://www.muchs.cn/news49/277349.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、電子商務(wù)、營銷型網(wǎng)站建設(shè)、面包屑導(dǎo)航、網(wǎng)站設(shè)計、動態(tài)網(wǎng)站

廣告

聲明：本網(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)