關(guān)于平鋪式導(dǎo)航的思考

在《觸動(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í)際并不需要付出額外精度羡亩。覺得很困惑


IPhone


我司



華為



再嘗試發(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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末碉怔,一起剝皮案震驚了整個(gè)濱河市烘贴,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌撮胧,老刑警劉巖桨踪,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異芹啥,居然都是意外死亡锻离,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門墓怀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來汽纠,“玉大人,你說我怎么就攤上這事傀履∈璩妫” “怎么了?”我有些...
    開封第一講書人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)卧秘。 經(jīng)常有香客問我,道長(zhǎng)官扣,這世上最難降的妖魔是什么翅敌? 我笑而不...
    開封第一講書人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮惕蹄,結(jié)果婚禮上蚯涮,老公的妹妹穿的比我還像新娘。我一直安慰自己卖陵,他們只是感情好遭顶,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著泪蔫,像睡著了一般棒旗。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上撩荣,一...
    開封第一講書人閱讀 51,365評(píng)論 1 302
  • 那天铣揉,我揣著相機(jī)與錄音,去河邊找鬼餐曹。 笑死逛拱,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的台猴。 我是一名探鬼主播朽合,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼饱狂!你這毒婦竟也來了曹步?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤嗡官,失蹤者是張志新(化名)和其女友劉穎箭窜,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體衍腥,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡磺樱,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了婆咸。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片竹捉。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖尚骄,靈堂內(nèi)的尸體忽然破棺而出块差,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布憨闰,位于F島的核電站状蜗,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏鹉动。R本人自食惡果不足惜轧坎,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望泽示。 院中可真熱鬧缸血,春花似錦、人聲如沸械筛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)埋哟。三九已至笆豁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間定欧,已是汗流浹背渔呵。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留砍鸠,地道東北人扩氢。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像爷辱,于是被迫代替她去往敵國(guó)和親录豺。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354