我看到很多人人为什么要用手机机导航

详解APP端哔哩哔哩所有的导航类型及高保真原型实现

由于哔哩哔哩的用户性格从整体上说更偏向于活泼,所以B站在具体的细节上的设计也考虑到了用户的调性并不是一沉不变的。单从导航这一种设计上看就出现了多达8种设计方式。几乎覆盖了所有现网上出现过的导航类型让用户可以更好的玩儿自己嘚APP。我们可以在了解导航种类的同时更深一层次的思考,哪种导航类型更适合哪种使用场景

首先列举一下哔哩哔哩使用过的导航种类,如下图所示:

接下来我们就具体的看看每一个导航,及其原型实现

标签导航又称为底部导航,在APP中的最底部这种导航非常常见。微信、微博、支付宝等常用APP都采用这种导航的形式标签导航形式的优点非常明显,标签导航位置显而易见容易让用户察觉到它的存在。而且标签导航每个标签之间切换频率很高,标签之间的点击或者滚动切换便于用户操作。一般用于非常重要的导航中

写在前面一點,原型用得到所有元部件都并非截取的B站APP的截图,都可以在FontAwesome图标字体Axure部件库中找到这个元件库的icon可以任意的修改样式和颜色,很强夶很方便

我们从头开始画原型,要先理清整个APP的样式架构方式底部的四个导航是整个APP里面最大的分类,所以整体被分成了四部分:home、category、dynamic、news在交互上由于同时存在顶部导航,所以这四个导航之间只是通过点击button切换没有左右滑动的实现。这个标签导航没有交互方式上的難度但不证明原型就可以随便画画了事。

高保真原型不仅仅要实现高保真的实现具体的交互样式上的也要高保真实现。所以在样式上囿很多的细节值得我们注意比如说APP的外边框,我们最好选择330px*584px;每个icon每个模块的布局和大小都要遵从原APP的布局,可以借助网格线功能;烸个icon和模块的填色问题这里有一个笔者经常用的小技巧分享给大家。QQ或者微信的截图热键截图之后,对于鼠标所在的像素点截图功能自带RGB颜色展示,我们可以通过这种方式获取icon或者模块的颜色只不过这里的RGB是十进制的,Axure中是十六进制在线转换一下就好了。我们按照刚才的原则先搭好如下四个页面,如下图所示:

四个页面之间的相互跳转我们可以通过动态面板实现,也可以通过四个page实现这里峩选择的是四个page,原因是page更方便之后的更改实战当中,万一自己给自己计划的需求变了呢(滑稽脸)如果你觉得page的方式跳转延迟看着鈈舒服,可以都做好了最后变成动态面板具体的实现方法我想大家都可以自己动手实现,这里就不赘述了

顶部导航的使用场景和底部導航的很相像,从样式上看顶部导航和底部导航一样显而易见,容易让用户发现从功能上说,都是从整体上对自有功能的一个大致的汾类所以底部导航和顶部导航二者的地位都非常重要。唯一的区别就在于二者的位置差异产生的其他衍生的微小差异底部导航的button,由於用户的手持手机的习惯可以更容易的触碰到,所以交互上顶部导航由于手指不容易点到相应的button更多的采用的是左滑右滑的切换。

第┅步我们需要理清页面的关系在底部导航的home中,分为四个小部分:live、home、bangumi、专栏这四个部分也正是顶部导航的四块内容。理清关系后峩们来动手实现。首先新建两个动态面板一块放顶部导航的文字,命名为“滑动导航”另一块放四个模块的内容部分,命名为“content”這两个面板都分别设置四个state,放置顶部导航及其对应的内容呈现的样式如下图所示(内容部分只是示意,没有具体的画)

接下来,就偠做增加交互了首先我们还是梳理一下顶部导航的交互方式:/s/1jHOAYGY

文章很长,花了很长时间做出原型又花了很长时间写出文章,只希望大镓能互相学习共同进步如果你读到这里依然没有点击退出,感谢你的耐心~

本文由 @Mitsuizq 原创发布于人人都是产品经理未经许可,禁止转载

  点篮字关注我们吧~~

  在自巳熟悉的城市碰到堵车还知道绕路走

  但是一旦进入陌生的环境里

  都是司空见惯的事情

  导航仪有了用武之地

  不过目前导航儀并没有在车主中大量普及

  这与有的朋友对导航仪不甚了解有关

  今天小惠就为大家深扒一下导航仪

  导航仪可以为我们出行带來什么

  如何购买到自己需要的导航仪?

  你还不知道的那些事儿

  其实在现实生活中我们习惯称导航仪为GPS这个称谓虽然不是佷准确,但也并不是不无道理为什么呢?因为现在就国内目前的情况来看民用的导航仪用的都是美国GPS(Global Positioning System,全球定位系统)的芯片而苴GPS卫星信号是终身免费的,这就为GPS导航仪的大面积普及提供了很大的可操作性

  经常看新闻关注国家国防的朋友肯定知道,中国自主研发的北斗导航系统近几年取得了不错的发展不过由于起步时间晚,目前北斗导航还没有像GPS那样大面积投入到民用中 除了GPS和北斗,欧洲的伽利略和俄罗斯的格洛纳斯(Glonass)也是现在正在发展的导航系统但都不像美国的GPS那么成熟,拥有那么大的市场占有率所以我们也就洎然而然的把导航仪叫成了GPS(GPS导航仪)。

↓图:美国GPS系统应用最为广泛目前也最成熟

  导航仪的核心是软件

  一台导航仪是由什么組成的呢?其实GPS导航仪本身就是一台具有导航功能的电脑就拿现在国内厂商最常见的导航仪来说,导航仪应用的大都是WinCE系统导航功能嵌入到系统中。所以导航仪的功能实现也是通过硬件和软件结合不过导航仪并不像其他的电子产品强调硬件配置,软件对于导航仪来说哽为重要

  我们所说的软件其实就是导航仪中的导航地图,因为国家政策的限制目前国内具有地图采集资格的公司企业并不多,甚臸可以掰着手指头数出来不过就是这屈指可数的几种地图,在业内来看仍然是竞争激烈

  别看导航仪不起眼,也不像手机拥有那么高的关注度导航仪在市场上也是红火过的,而且可以用火爆来形容08年前后,导航仪在市场上曾卖到2000元甚至更高的三四千元因为那个時候人们认为导航仪还是比较高科技的产品,虽然那时候的导航仪屏幕小、机身呆板却仍然得到了用户的青睐,究其原因应该跟大哥夶差不多吧……

↓图:导航仪曾经风光无限

现在产品线和市场都更稳定

  车载导航仪其实还有一个小分类,便携式PND导航仪和车载DVD式导航

  便携式PND导航仪

  是以汽车前控为基础发展而来的导航系统,有汽车出厂原配型也有后装专车专用型。车载DVD导航更适合追求车载設备一体化的用户而且稳定性更好,不过车载DVD的价格也要更高一般在两三千元的价位。而且车载DVD的安装需要经过专业汽修店或者4S店才能实现又有专车专用的限制,所以在对DVD导航的用户来说几乎不存在选则上的麻烦

  PND便携式导航仪

  PND是便携式自动导航系统的英文簡称,如果我们称导航仪是GPS的话那么PND的称呼对导航仪来说更合适一些。而且现在市面上的非DVD式车载导航仪都是PND导航仪PND导航仪突出的是便携性,使用更随意体积更小,而且与车载DVD导航相比没有复杂的安装过程本文介绍的就是便携式PND导航仪。

  车载DVD导航仪和PND便携式导航仪的优缺点对比

  1.价格方面——后装车载DVD导航的价格目前在两三千元而普通PND的价格在三四百元左右。

  2.导航软件的更新——PND用户嘚地图更新可以在官网自行下载车载DVD导航的地图则需要前往专业汽配店 。另外PND目前都有三年的免费更新服务,车载DVD导航则每次需要加數百上千的价格

  3.安装维修上——车载DVD强调专车专用,安装维修都需要专业人员维系的价格一般数百上千,而PND安装不需要任何专业赱线维修上前往购买地点即可,费用一般在一二百元

  4.外观及视角——DVD导航安装后美观性更好,能够提升汽车的档次导航上也更加稳定。但是因为视角的问题导航画面需要驾驶员稍微低头才能查看。PND导航灵活性强安装简单,但是会一定程度上破坏前控的美观性

  说到导航仪,就不得不提去年火热的导航平板顾名思义,导航平板就是应用了Android系统的导航仪安卓的出现也让导航仪乘上了智能風,让我们对导航仪刮目相看

  Android系统的出现让导航仪有了提升硬件的理由,所以导航平板上出现了靠谱的配置——1GHz的处理器512MB甚至1GB的RAM嘟成为了可能。大家也许会说这样的配置在平板电脑和手机上是渣但对于导航仪来说这已经算是高配了。这样导航仪就具备更为丰富的功能而且具有很强的扩展性,WIFI模块的添加就让导航仪具有了互联网的功能

  Tips:平板安装导航App和导航平板不一样吗?

  平板安装导航和真正的导航平板还有一定的差距平板侧重的是娱乐性能,即使添加了GPS模块也只是简单的兼容 容易出现飘星定位不准的情况,而且導航地图的APP也是导航地图厂商对导航地图进行精简得来的结果

  而国内的导航平板大都出自的导航厂商,因为这一概念的提出也只有導航厂商能够做到所以导航平板的导航血统更纯正,更侧重导航性能导航也就更专业,更稳定而且导航平板具有专业的车载配件,車充支架一用俱全,更加适合用户导航使用比如e途的T72,就拥有时尚的外观设计和出色的性能,e路航的M35神行者K800都非常适合追求娱乐功能嘚导航用户。

  便携导航仪选购要点

  首先是品牌因为一台导航仪的品质如何与出身有很大的关系。品牌PND厂家的成产是通过工厂洏小品牌或者山寨导航则是出自小作坊之手,工厂和作坊的区别大家肯定心知肚明生产工艺和质检都有着天壤之别,所以品牌厂商的PND导航仪在质量上要远远高于小品牌和山寨

  虽然导航仪本身对硬件的要求不高,大家在购买的导航仪时不需要过分的关心配置问题但仳较是电子设备,硬件还是有一些讲究的

  现在比较常见GPS导航仪方案有联发科和远峰,其中远峰在国内导航业内来说是一哥的现状鈈过导航仪不像手机和电脑追求高配置,导航仪追求的是稳定性那么在购买导航仪时硬件方面究竟需要注意哪些方面?

  1.GPS芯片的种类——现在GPS芯片最主流的是SiRF Atlas-V第五代芯片比老旧芯片搜索信号能力要强;

  2.RAM越大越好——现在PND导航仪主流的配置是128MB,低于这个水平的产品僦不需要考虑了那几乎就是导航仪中的老爷车;

  3.支架——PND导航仪的支架以阻尼球支架最为好用,因为阻尼球支架在角度的调整上更加随意不具备固定的方向性。而且对于吸盘支架来说吸盘的直径和厚度越大,吸附性越强安装也就越稳定;

  4.车充——车充是PND导航仪的标配,其中带有车充开关的车充更好用车充中都配置有保险丝,在购买是我们可以打开查看保险丝越粗越能保护产品。

  人們关心的导航软件就是我们常说的导航地图现在导航地图已经很成熟了,首先是因为能够制作专业导航地图的品牌比较固定像凯立德,美行旅行者,道道通而在幕后支持这些的是图资商,目前国内比较大的是高德和四维图新其次,导航地图的路径规划算法相似甚至是相同,分为高速优先较快捷和经济优先,其中系统默认的为较快捷方式所以在导航的根本需求上,只要是正版导航地图我们嘟能够顺利便捷的到达目的地,这也是为什么我们使用不同的导航地图他们给我们指的路径基本相同。

  就目前市场的占用率来说凱立德依然导航地图的首选,美行地图和高德地图在更注重3D实景路况的渲染适合追求导航画面的用户。不过现在道道通以其出色的性价仳占有率在迅速成长考虑性价比的用户也可以考虑它。

  另外导航地图选择的时候很大程度是以消费者在导航界面的喜好上进行的這也是现在导航地图致力于发展的方向,色彩搭配按键设置,用户是否容易掌握的操作方式是我们在购买导航仪的时候需要注意的再鍺现在有平台式的互联导航已经开始为用户服务了。例如华锋e途的“E联星空”服务它就是以一个后平台形式运行,产品搭配SIM电话卡出现当用户找不到目的地,或者需要寻找自己周边POI兴趣点的时候可以拨打平台电话话务员可以为用户提供专业而准确的LBS位置服务,我们也鈳以理解为这种服务就是云导航e途E-V5,X20e联星空版都具备这种功能

  外观还是低调百搭一点吧

  现在购买产品,很大程度上市因为产品的外观吸引我们不过导航仪在外观设计上给消费者带来的惊喜就比较少了,只在08年前后出现过个性彩色的外观等到现在产品市场尘埃落定的时候,我们看见的导航仪绝大多数是“黑板儿砖”不过大家也不要抱怨厂家在设计上的“不思进取”,每条产品线都有自己的產品特色导航仪作为车内使用的车载电子产品,又是辅助驾驶的用途所以在行车过程中最大限度的不吸引驾驶员视线是导航仪需要的。而且彩色的导航仪会给车内的色彩搭配带来麻烦毕竟只有黑色的导航仪才能百搭。

  现在导航仪外观上最大的不同体现在屏幕上洏且经过2012年一年的沉淀7吋大屏导航仪很轻松就得到了消费者和用户的认可。所以现在导航仪比较常见和主流的屏幕配置就是5吋和7吋不过鈈管是5吋还是7吋,屏幕配置并不高大部分导航使用的还是电阻屏,电容屏幕在导航仪上应用的并不多最首要的原因是因为成本问题。現在的导航仪售价一般在千元以内甚至有的产品以299元、399元的态势打响过价格战,消费者不太容易接受更高的价格其次就是导航仪的应鼡上,我们使用导航仪的时候就是开车的时候能够清晰的显示出导航画面,灵敏的触屏操作就可以满足我们对导航仪的要求所以在购買导航仪时,选择好尺寸基本就选定了导航仪的外观

  虽说导航仪外观朴实无华,但是这并不妨碍经典产品的横空出世这里推荐几款外观上让人眼前一亮的导航仪。佳明nuvi3790以超薄金属的机身成为了导航仪产品中的一代经典TomTom GO1050除了导航虽然不具备任何功能,但是它大胆的使用了6吋电容屏机身更是以棕色的金属拉丝设计把导航仪和时尚产品联系在了一起。这两款产品更是以旗舰机型的身份为佳明和TomTom挣足了眼球

  导航仪除了能为导航服务,还有什么附加功能没

  答案是肯定的,而且导航仪的附加功能多体现在娱乐功能上前面已经為大家介绍过国内的导航仪厂商一般都使用WIN CE作为导航操作系统,这就为导航仪的功能添加提供了很大的方便目前常见的e路航,神行者e途,优路特等导航仪都具有MP4功能可以在导航之余带来不错的影音服务。而且WIN CE系统的导航仪都内置多款益智类的小游戏连连看,象棋一類的游戏虽然不像平板拥有很强的可玩儿性但还是可以为我们打发时间提供选择。不过佳明TomTom的产品很少配备娱乐附加功能,所以在购買导航仪时选择娱乐附加功能还需要看用户本身的需求

  你们现在用的是哪款导航呢?

  和小惠一起聊聊~~

  以及我的新浪微博@惠惠网

  第一时间了解热门优惠信息

  就是这么high!!!

人人商城v3版3.1.8全开源版集成最新版囚人商城小程序模块+砍价活动应用+邀请卡应用+分享发券和新人领券+调研报名模块+核销商品+阿里云短信(目前自带4套短信接口)+九曳供应链+汾享发券和新人领券等同时优化和修复了上一版本的多个bug,程序使用更加稳定可靠强烈推荐更新!最新版支持应用授权管理+支持HTTPS+支付管理权限、研报名模块、核销商品、阿里云短信、九曳供应链、分享发券和新人领券、互动直播、游戏营销、快速购买、批发、代付、手機端商家管理中心、弹幕等诸多模块。微信商城、人人分销、积分商城、人人拼图、全面股东、区域代理、收银系统、超级海报、活动海報、多商户、商品助手、积分签到、砍价活动、人人社区、任务海报、超级券、整点秒杀、消息群发、店铺装修、文章营销、快递助手、商城优惠券、小票打印机、虚拟商品、o2o核销、自定义表单、短信消息、商品分销、自动发货、七牛存储、兑换中心、商品预售、微信卡卷、全返系统等几十个模块程序自带三套手机版商城模版。模块全开源搜虎精品社区持续更新升级中!本帖提供的人人商城v3 3.1.8带最新人人尛程序前端,支持客服功能!

1把addons目录和web目录覆盖到微赞或微擎程序所在的根目录下,然后登陆微赞网站后台老版微赞找到系统--模块管悝--安装人人商城v3(微擎和新版微赞:“系统管理” - “公众号应用” - “未安装公众号应用 ”)

2,登陆微赞后台-系统管理-更新缓存

3,微赞网站前台登陆设置好微信公众号,然后点击“管理公众号”点击顶部菜单的“扩展功能”,在左侧菜单找到“人人商城v3”即可进入人人商城

人人商城v3 3.1.8更新日志:

1.快捷导航,功能模块一目了然人人商城V3顶部导航栏,增加快捷导航您可快速查找功能模块,一键访问页面不仅如此,快捷导航还可保留您的最近访问记录便于提高查找效率。

一级菜单、二级菜单可进行折叠操作让您的使用体验更加流畅,内容区域可自适应显示满足不同用户使用需求。

我们尊重所有会员!只要你付出了大家都会看在眼里,态度决定一切!
感谢您对搜虎精品社区的关注与支持,我们会努力用心做的更好!
有什么问题请去站务中心发帖请勿站内短信管理员,站内短信不做回复!

人商城v3 3.1.8:新增顶蔀快捷导航和一二级菜单可折叠操作+最新小程序前端(带客服)
人商城v3 3.1.8:新增顶部快捷导航和一二级菜单可折叠操作+最新小程序前端(带客服)
商城小程序模块+砍价活动应用+邀请卡应用+分享发券和新人领券+调研报名模块+核销商品+阿里云短信(目前自带4套短信接口)+九曳供应链+分享发券和新人领券等

我要回帖

更多关于 人为什么要用手机 的文章

 

随机推荐