pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

抽屜式導航 讓用戶專注于核心的功能

抽屜式導航 讓用戶專注于核心的功能  三聯教程

  【編者按】本文轉載自@kentzhu 的個人博客。導航是產品設計的重頭戲,Web端設計的時候是在考慮如何將操作展示給用戶,而Mobile的設計更多的時候則是考慮如何將操作巧妙的隱藏起來。但這種隱藏實際上是為了核心功能的突出。

  iOS導航模式基本都是基于iOS系統自身的一些模式,隨著iOS新產品的不斷出現,新的導航方式也隨之更新。在這里,說一下“抽屜式”的導航方式。

  當然,抽屜式導航是作者自己給這種導航方式取的名字,至于學名叫什么,小編也不知道。這種導航模式一般采用將導航主體隱藏在app側邊的方式,以一個按鈕來呼出導航,在使用完成之后在使用相同的按鈕隱藏起來。一拉一縮,從形象上與抽屜類似,于是就這樣稱呼他。

  根據不完全的考證,這種導航方式始于Facebook。在最早的Facebook App中,一直采用了比較保守的九宮格導航方式,隨著FB的發展,這種很重的導航方式會導致用戶Timeline的展示被很大程度上弱化,雖然FB也曾嘗試在用戶進入App的時候直接進入Timeline而不是這個九宮格導航。

  但是,顯然這種優化還不是足夠好。于是,在2011年11月左右,FB發布了新的iOS和android客戶端,其中一個重要的變化就是導航模式的變化,推出了新的抽屜式的導航,同時強化了對Timeline的展示。

  FB推出這種新的導航模式不久,Gmail的iOS版本同樣采用了這種導航模式,再之后path 2.0版本也采用了這種抽屜式導航并將其演變到極致。至此,這種抽屜式的導航模式迅速竄紅與iOS產品設計中。

  簡單的定義

  一般控制抽屜的把手出現在App的左上角,以按鈕的形式出現,點擊按鈕之后抽屜被拉開,按鈕被拉到App的右上角,左側區域被拉開(抽屜)后顯示出導航內容。

  導航的內容可以是以列表形式展示的常規2級導航,也可以將一些非常用的快捷操作入口直接放進來,如FB的搜索。具體形式如下圖

  當然,這種抽屜也存在一些變種,目前以Path和Sparrow較為突出。Path不僅將主導航作為一種抽屜,同時底部的操作按鈕也是一種變種的抽屜;而Sparrow則增加了抽屜的層級,在一級抽屜被打開之后還可以再繼續拉開一層抽屜。另外,米途訂酒店則將全部的酒店預訂過程化作一種抽屜,也是一種很不錯的形式。

  另外,對于一些需要用到消息提醒的應用,抽屜的出現會給消息的展示帶來新的麻煩,因此,很多的抽屜導航會將消息展示在Title區域里,以一個入口的形式來展示。典型的如Facebook、快捷酒店管家。

  抽屜導航的核心思路

  抽屜式導航的核心思路是“隱藏”。隱藏非核心的操作與功能,讓用戶更專注于核心的功能操作上去。個人認為,隱藏的思維是移動產品設計中最核心的一個思想。上周在極客公園分享了關于如何應用縮小、隱藏、賦加的思路來做移動產品設計的話題,而這個思路中最最核心的恰恰是隱藏。

  Facebook中,用戶核心的操作是閱讀Timline,所以抽屜里隱藏了所有其他的操作;Path中,用戶的核心操作還是看好友的 Timeline,所以抽屜里隱藏了其他的操作,同時UGC的操作又必不可少,因此Path在左下角也用了一個抽屜;在Sparrow里,用戶看新郵件的頻率大于查看歸檔郵件的頻率,因此抽屜里隱藏了郵件類型等操作,同時為了平衡發郵件的需求,在右下角單獨留了一個入口;在快捷酒店管家里,用戶的核心操作是通過地圖尋找附近的快捷酒店,所以抽屜里隱藏了切換城市等其他操作……

  這種導航方式會逐漸流行,推測的依據就是隨著移動產品設計的演進,越來越多的產品設計師開始認識到只有讓核心更突出才能提高整體產品的體驗,只有不斷降低用戶的干擾才能不斷提高用戶的使用效率。

  而不適合抽屜式導航的App則有

  需要用戶不斷在導航間進行切換的App、沒必要有太多導航的App、或者核心功能就是一堆入口的App。

  原文鏈接:說說抽屜式導航

  (Warlial 供雷鋒網專稿,轉載請注明來自雷鋒網及作者,并鏈回本頁)

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 杭州翻译公司_驾照翻译_专业人工翻译-杭州以琳翻译有限公司官网 组织研磨机-高通量组织研磨仪-实验室多样品组织研磨机-东方天净 | 翅片管散热器价格_钢制暖气片报价_钢制板式散热器厂家「河北冀春暖气片有限公司」 | 双工位钻铣攻牙机-转换工作台钻攻中心-钻铣攻牙机一体机-浙江利硕自动化设备有限公司 | 橡胶弹簧|复合弹簧|橡胶球|振动筛配件-新乡市永鑫橡胶厂 | 深圳昂为官网-气体分析仪,沼气分析仪,动态配气仪,气体传感器厂家 | 企业管理培训,企业培训公开课,企业内训课程,企业培训师 - 名课堂企业管理培训网 | 恒温振荡混匀器-微孔板振荡器厂家-多管涡旋混匀器厂家-合肥艾本森(www.17world.net) | 纳米二氧化硅,白炭黑,阴离子乳化剂-臻丽拾科技 | 大功率金属激光焊接机价格_不锈钢汽车配件|光纤自动激光焊接机设备-东莞市正信激光科技有限公司 定制奶茶纸杯_定制豆浆杯_广东纸杯厂_[绿保佳]一家专业生产纸杯碗的厂家 | 全自动面膜机_面膜折叠机价格_面膜灌装机定制_高速折棉机厂家-深圳市益豪科技有限公司 | 电动手术床,医用护理床,led手术无影灯-曲阜明辉医疗设备有限公司 | 哈尔滨京科脑康神经内科医院-哈尔滨治疗头痛医院-哈尔滨治疗癫痫康复医院 | 北京印刷厂_北京印刷_北京印刷公司_北京印刷厂家_北京东爵盛世印刷有限公司 | 工作心得_读书心得_学习心得_找心得体会范文就上学道文库 | 丹佛斯压力传感器,WISE温度传感器,WISE压力开关,丹佛斯温度开关-上海力笙工业设备有限公司 | ICP备案查询_APP备案查询_小程序备案查询 - 备案巴巴 | 郑州巴特熔体泵有限公司专业的熔体泵,熔体齿轮泵与换网器生产厂家 | 河南中专学校|职高|技校招生-河南中职中专网 | 高防护蠕动泵-多通道灌装系统-高防护蠕动泵-www.bjhuiyufluid.com慧宇伟业(北京)流体设备有限公司 | 撕碎机,撕破机,双轴破碎机-大件垃圾破碎机厂家 | 杭州月嫂技术培训服务公司-催乳师培训中心报名费用-产后康复师培训机构-杭州优贝姆健康管理有限公司 | 安徽华耐泵阀有限公司-官方网站 安德建奇火花机-阿奇夏米尔慢走丝|高维|发那科-北京杰森柏汇 | 加气混凝土砌块设备,轻质砖设备,蒸养砖设备,新型墙体设备-河南省杜甫机械制造有限公司 | 健身器材-健身器材厂家专卖-上海七诚健身器材有限公司 | 粘度计NDJ-5S,粘度计NDJ-8S,越平水分测定仪-上海右一仪器有限公司 | TwistDx恒温扩增-RAA等温-Jackson抗体-默瑞(上海)生物科技有限公司 | 河南中整光饰机械有限公司-抛光机,去毛刺抛光机,精密镜面抛光机,全自动抛光机械设备 | 大_小鼠elisa试剂盒-植物_人Elisa试剂盒-PCR荧光定量试剂盒-上海一研生物科技有限公司 | 电磁流量计厂家_涡街流量计厂家_热式气体流量计-青天伟业仪器仪表有限公司 | 北京普辉律师事务所官网_北京律师24小时免费咨询|法律咨询 | 杜康白酒加盟_杜康酒代理_杜康酒招商加盟官网_杜康酒厂加盟总代理—杜康酒神全国运营中心 | 磁力轮,磁力联轴器,磁齿轮,钕铁硼磁铁-北京磁运达厂家 | RO反渗透设备_厂家_价格_河南郑州江宇环保科技有限公司 | 锻造液压机,粉末冶金,拉伸,坩埚成型液压机定制生产厂家-山东威力重工官方网站 | 防潮防水通风密闭门源头实力厂家 - 北京酷思帝克门窗 | 美国PARKER齿轮泵,美国PARKER柱塞泵,美国PARKER叶片泵,美国PARKER电磁阀,美国PARKER比例阀-上海维特锐实业发展有限公司二部 | 食药成分检测_调料配方还原_洗涤剂化学成分分析_饲料_百检信息科技有限公司 | 学叉车培训|叉车证报名|叉车查询|叉车证怎么考-工程机械培训网 | 二次元影像仪|二次元测量仪|拉力机|全自动影像测量仪厂家_苏州牧象仪器 | 曙光腾达官网-天津脚手架租赁-木板架出租-移动门式脚手架租赁「免费搭设」 | PAS糖原染色-CBA流式多因子-明胶酶谱MMP-上海研谨生物科技有限公司 |