|
您的位置: 首頁 > 網(wǎng)站資訊 > Web APP與原生APP有哪些交互設(shè)計區(qū)別? |
Web APP與原生APP有哪些交互設(shè)計區(qū)別?發(fā)布日期:2017/5/20
@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)航自己占用一部分屏幕空間),更大的信息記憶負擔 移動設(shè)備的屏幕要小得多。這種如同透過門縫進行的閱讀增添了認知的負擔。人腦的短期記憶是不穩(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)品上上海塑料托盤,好顯明且核心的:
>>>>> Web App導(dǎo)航怎樣設(shè)計? 一、常見的幾種Web APP導(dǎo)航樣式 1.1頂部底部導(dǎo)航的設(shè)計: 1.2導(dǎo)航快捷鍵設(shè)計: 美團:頂部欄固定位置 淘寶:懸浮圓圈–可睜開的按鈕 優(yōu)酷:非首屏時頁面右側(cè)懸浮 二、有用的導(dǎo)航設(shè)計
PS:Web APP更加需要畫頁面跳轉(zhuǎn)的流程圖,摸清各個頁面的入口,尤其是頁面返回的流程;有些簡化的返回按鈕,可以特殊注明返回到的頁面 >>>>>>>>> 怎樣指導(dǎo)用戶下載APP? 在哪里出現(xiàn)指導(dǎo)? 一般首頁、核心義務(wù)的頁面(如 電商Web APP的商品詳情頁 、視頻Web APP的視頻觀看頁) 二、指導(dǎo)下載APP有哪些形式? 頁面頂部放置下載條 頁面底部懸浮層指導(dǎo) 融合在頁面首屏中 下載按鈕形式 底部Foot里含客戶端下載入口 |
其他相關(guān)文章 |
|
|
|
||||||||
Copyright 2012-2025 上海蒙狼網(wǎng)絡(luò)科技有限公司 m.bjyzy.net.cn All Rights Reserved |