在《觸動(dòng)人心的Iphone設(shè)計(jì)》中看到介紹平鋪頁(yè)面的導(dǎo)航方式。使用平鋪頁(yè)面悬秉,是由于沒有信息層級(jí),沒有組織結(jié)構(gòu)冰蘑,所有頁(yè)面都沒有按類型分組和泌,而是全部摞成一套,挨個(gè)翻閱懂缕。適合于瀏覽并發(fā)現(xiàn)的方式允跑。平鋪的頁(yè)面通常在下方會(huì)顯示“小圓點(diǎn)”頁(yè)面分頁(yè)控件。
書中指出搪柑,在設(shè)計(jì)時(shí)內(nèi)容應(yīng)該盡量一屏顯示聋丝,無滾動(dòng),因?yàn)閼?yīng)用信息如果展示在一屏工碾,可以使用戶每次訪問弱睦,內(nèi)容和操作都保持在原來的位置上,不用停下來思考渊额。當(dāng)然對(duì)于新聞?lì)惪瞿荆瑑?nèi)容類,文章旬迹,郵件火惊,不可避免地需要滾屏。書中還強(qiáng)調(diào)奔垦,在平鋪界面里滾屏更不可取屹耐,因?yàn)轫?yè)面分頁(yè)控件黏附于屏幕底部,會(huì)突然間截?cái)酀L屏內(nèi)容椿猎。橫豎兩個(gè)方向均可滾動(dòng)時(shí)惶岭,滑動(dòng)方向稍微帶點(diǎn)斜度寿弱,卻把下一張頁(yè)面給滑進(jìn)來,兩個(gè)方向滾屏需要更多精度按灶,需要用戶付諸更多努力症革。
頓時(shí)想到公司的天氣APP既有左右滑又包括卡片滾屏,找到華為也是如此鸯旁。再找iPhone竟然也是如此噪矛。嘗試了一些,感覺實(shí)際并不需要付出額外精度羡亩。覺得很困惑
再嘗試發(fā)現(xiàn)手勢(shì)上似乎是區(qū)別的摩疑?上下方向是滾屏,左右其實(shí)是拖動(dòng)畏铆?但是又不確定是不是手勢(shì)的差異雷袋。
或許是左右滑是非連續(xù)性操作,滾動(dòng)到一定程度即可達(dá)到行為辞居,上下滾動(dòng)是連續(xù)的楷怒。一個(gè)明顯的例子,如果兩個(gè)方向都存在滾動(dòng)條瓦灶,將會(huì)很難操作鸠删。
亦或只是兩方都滑動(dòng)并不會(huì)帶來很大的不良體驗(yàn)。
還有待后續(xù)再思考
此外我注意到一點(diǎn)為了避免滾動(dòng)概念和頁(yè)面分頁(yè)控件給用戶傳達(dá)的概念相悖(因?yàn)榉猪?yè)控件在下方似乎有打斷滾動(dòng)的感覺)贼陶,華為和我司的將分頁(yè)控件置于頁(yè)面上方固定住刃泡,蘋果將其置于下方固定用分割線將其與滾動(dòng)部分隔開。有效的將分頁(yè)和滾動(dòng)在視覺上分隔開
有待后續(xù)跟進(jìn)
End