谷歌的设计师是极简主义的忠实粉丝,这个已经不是什么秘密了,从谷歌这些年的界面设计和产品设计上可以看得出谷歌设计师一直在极简风格上出精品。谷歌刚刚发布一段视频,从视频画面上看,谷歌重新设计风格上将之前的丰富多彩的美学转变为几乎全白的界面。。
谷歌手机地图“神”在哪里?——浅谈设计与用户体验的结合
——浅谈设计与用户体验的结合韩世明(冠图) 手机得天独厚的优势就是能够随身携带的,处于移动中,不像台式机总是固定在一个位置。所以,移动的特性造成了手机经常处于不同的位置。这种天然的位置属性,造就了“我的位置(我在哪里)”功能的出现,看看现在我在哪里?而这点是台式机无法做到的,并且在定位过程中,手机带有GPS功能,会使定位更为精准,即使是不带GPS,那么也可以根据基站来定位,只不过这个位置会相对宽泛一些。既然是位置,就一定会伴随着信息,既然我们要做位置服务,就一定要搞清楚怎样将设计与用户体验相结合,并结合好的问题。讲到用户体验。就不得不提到移动用户与桌面用户的区别,看看二者的“身材”就明白了。对于用户使用来说,桌面会是屏幕超大、便于浏览的,而且用户可以有更多的时间搜索网页、发掘信息,十分方便;但是移动的话则正好相反,虽然现在手机的趋势是大屏幕、触摸屏,但是相对于桌面来说,还是小,浏览信息并不方便,并且搜索时的输入会比较麻烦,这是手机的一个缺点。由于输入比较麻烦,手机就更适合成为“查看器”而不是“搜索器”,也就是说移动用户希望无论是搜索什么东西,最希望在手机第一屏幕上就能看到这些信息;因为知道在手机上输入比较困难,所以有的时候移动用户拿出手机搜索,并不是想寻找特定的信息,很可能是打发时间;这个时候用户会关心不是我想找什么,而是在互联网上现在什么东西最热门,大家都在关心什么样的东西……这点造成移动用户对信息的及时性、有效性的需求,相对于桌面搜索来讲会更高。而怎样能尽量减少用户的输入,直接就能让他获得想获取的信息,就成为移动产品设计的指导方向之一。比如谷歌在搜索功能中,按照使用者的使用习惯,将最为常用的“搜索历史”和“热门搜索”与搜索框结合,考虑到手机输入不像PC机输入便利,给了使用者尽可能的选项,而避免了手动输入的麻烦,与手机作为查看器的突出功能特点相重合;在地图上直接标识了快捷键,让用户使用的时候一目了然,切换至结果列表时也十分的便捷。鉴于移动和桌面的不同用户体验,二者的设计是一定会趋向不同方向的。我们再来说一说展现方式的不同。传统的地图产品是以地图上的信息或者是导航为主进行展现,例如纸质地图一样打开是个平面,或者根据一个已知的关键词来搜索,在结果中获取位置;用户的操作过程一般是:搜索关键字——获得结果列表——选择搜索结果——获得位置。但其实用户想吃饭,也许并不想去这周围最好的馆子,也许只是需要离的最近的馆子,走就能到达的某个菜馆,再或者说,用户出差在外,到达一个自己不熟悉的地方,关心一下自己置身何处,周围哪能吃饭,哪能住宿,哪能买车票,我自己都不清楚自己在哪里,还要输入,搜索,岂不是太费劲了么?为什么我就不能一打开地图,就能看到自己的位置,就能顺便的知道自己周围的建筑物,知道衣食住行都在什么地方可以实现呢?这样的用户体验不也是我们自己作为用户的心理,不也是我们做位置服务的千方百计要为用户提供的么?所以,要贴合移动用户体验,实实在在地以帮助到用户平时的需要应为第一要任,就要转变为以地图为主的展现方式——也就是说,转变为在手机的第一屏幕中就显现用户需要的信息,那么这个流程就会是:打开地图——在地图上呈现相关的位置信息——用户挑选——获得相关信息。我个人认为,这个流程设计将会成为地图产品的演变趋势。谷歌的流程也是朝着手机这个“便携查看器”的方向设计的,比如:谷歌把餐饮、电影等东西直接放在地图上,只要与用户当前有关的位置信息,尽可能地在产品里提供给用户;餐馆里面会有地址、电话,甚至包括在每个餐馆里面的推荐菜,这是菜系的范畴,还有每个菜系的特殊的评论等信息。目的同样在于希望用户通过这一个软件就可以找到他所想要找到的绝大多数的信息。也就是说,在同样大小的地图界面上承载更丰富和密集的实用信息也将成为移动产品的更新换代的方向之一。 权限:公开 来自:labs 声明: 本文仅代表作者个人观点。其原创性及文中表达的意见、判断、数据、观点和陈述文字等内容均与中国移动研究院无关。
谷歌的全新产品理念
在今年的谷歌I/O开发者大会上,谷歌设计部门副总裁马提亚斯·杜亚特向世界各地的开发者们展示了其全新的设计语言Material Design。这个设计在Android 5.0 中首次亮相。率先搭载Lollipop的设备分别是Nexus 6智能手机和Nexus 9平板电脑,这两款设备在上个月月初亮相,而这预示着Material时代正式的到来。
“Material”中文译为“材料”,它代表着物质的组成成分,如果放在手机系统设计中,这个词会让人很容易的联想到手机系统的界面风格设 计,比如拟物和扁平风格。不过此次谷歌的Material design并不是一种系统界面设计风格,Material design其实是单纯一种设计语言,它包含了系统界面风格、交互、UI等,此外对于谷歌来说,Material design还有着非常伟大的使命,那就是打造一个横跨所有设备的统一的设计语言,像是手机、桌面端、可穿戴设备等今天就请大家跟随这小编的脚步,来看看 这次谷歌全新设计理念Material design。
系统界面风格
“鲜明、形象、深思熟虑”,Material design此次的界面风格设计用这几个词语来形容是再合适不过了。Material design为安卓提供了新的视觉语言,在基本元素的处理上,借鉴了传统的印刷设计、字体版式、网格系统、空间、比例、配色、图像使用。在这些设计基础上 下功夫,从而能够构建出视觉层级、视觉意义以及视觉聚焦。精心选择色彩、图像、选择合乎比例的字体、留白,力求构建出鲜明、形象的用户界面,使得新的系统 界面是如此的漂亮。
而在色彩的选择上Material design的原则是“大胆、图形化、有意义”。在Material Design中,UI配色提倡一种主色,一种互补色。在区域较大部分的色彩采用主色的500色调,区域较小的部分例如状态栏采用深一点的色调。如此巧妙的 色彩搭配使得应用看起来非常的大胆、充满色彩感,凸显内容。
Material design对于界面的排版非常的重视。众所周知,好的排版会让界面看起来非常的清爽,不会有杂乱无章的感觉,而要将排版做好,“基线”绝对是必不可少的 一样东西。谷歌官方文档《Material Design排版边距》中就有提到基线的摆放位置,由下图中我们可以看出,Material Design将第一基线放在距离边界16dp的地方,与文本项对齐的第二基线被摆放到距离左边界72dp的地方,这种对齐规则让界面看起来清爽、具有印刷设计的阅读节奏感。让用户得以快速阅读信息,比较符合格式塔原则。
整体来说,Material design为安卓带来一次改革,系统的界面风格和布局都有了很大的改变,安卓系统自身的风格也渐渐显露雏形。终于不会在有人说安卓原生系统难看了。
令人愉悦的交互设计
Material design的交互设计上采用的是响应式交互,这样的交互设计能把一个应用从简单展现用户所请求的信息,提升至能与用户产生更强烈、更具体化交互的工具。接下来我们选择几个简单的动态图,来看下Material design独特的交互设计。
以上两张图展现的是响应式交互中的表层响应,当用户点击屏幕时系统会立即在交互的触点上绘制出一个可视化的图形让用户感知到,比如在上图中,当用户点击屏幕时、使用麦克风时,或者键盘输入时,会出现类似于墨水扩散那样的视觉效果形状。
以上两张图展现的响应式交互中的点击浮动交互,可以看到当卡片元素或可分离元素被激活时,应该浮起以表明正处于激活状态。
实践说明
从上面的介绍来看Material design看起来非常的美好,接下来我们就来看看一款基于Material design设计的APP——Inbox。它完全展示出了Material的设计。充满各种图层、大胆的色彩和直观的动画。
浅析地图相关产品设计(上)——地图的基本因素设计
现阶段,如果有人说想做出一个媲美于高德、谷歌、百度地图的地图类产品,估计不会被大多数人看好。再去研究一个地图本身没有太大的意义,但 将地图的地点与生活中的需求联系起来就会得到非同凡响的影响 。比如说现在依然大热的共享单车行业,就是将交通工具同地理位置进行结合,再一次让出行成为了热点。
反过来想一想,衣、食、住、行等民生行业,方方面面,都少不了对地理位置的依赖。以下是关于地图本身状态的思考脑图,然而难点不在地图(因为这一块现在市场上已经又相对比较成熟的产品),在于 将地图同新的需求联系起来而产生的多种化学反应 。今天先来谈谈地图本身的基本功能设计。
在地图的操作中主要有, 放大、缩小、上下左右的滑动 ,基于去寻找自己所要的地点信息去进行最直接的查找方式。
在地图的放大和缩小的功能上,Pinch(捏合手势)比相对于放置于地图上的“+”、“-”button来说,使用的更加频繁。有的地图APP,甚至在首页上默认不出现这样的button,比方说走简洁风格的Google Map,这样做显得画面更加干净,反而让用户沉浸在地图的查看体验中,未尝不是一种好的选择。当然,还有个便捷的放大操作就是双击需要放大的地点。
默认情况下,地图会 先加载首屏的数据 ,当用户进行上下左右滑动到其他地方的时候,再进行加载其他区域的数据,这样能保证优先显示最重要的区域。
并且视觉中心是 屏幕的中心 ,当用户在选择其他区域的时候不改变视觉中心点,避免频繁查看地点过程中,加载情况导致视觉一直变化给用户带去的眩晕感。放大缩小后,还可以进行考虑的就是,地点的聚合,缩小到一定程度之后,距离近的地点就变成一个具有更统筹一点的地理位置信息,一是因为点击区域变小不方便用户进行点击;二是方便对同一层级信息的归纳与管理。
地点主要分为 查找、选择、返回、新增、报错 五大范畴,而与用户紧密相连的还有,人的定位以及影响范围的考虑。
查找 一个地理信息,是最常用、最便捷的方式。模块主要是分为搜索和智能推荐两个部分。楼主会在以后的文章进行两部分说明。
选择地理位置 的场景分为两种,一是用户一屏以内就可以发现有其他的地方可以选择,或者说看起来比较符合用户的需求;二是用户在移动或者缩小地图看到更多的区域之后有符合自己需求的地点信息,于是点击进行选择了。两者情况的共同点就是找到符合自己需求的地点,进行选择。
而其中的关键点在于随着比例尺的变化,推荐给用户的地理信息。比方说做饮食推荐的地图,就突出显示餐厅的地理信息与周围的标志性建筑,正常显示其它的信息。
返回到现在的地点 也是常用的功能之一。当用户移动到其他地点的时候能够快速找回自己的出发点,这一点的功能有点像Web端的导航系统中“回到首页”的功能,当用户打开到足够多的层级或者说跳转比较强烈的时候,在网页上迷路,那么一键回到首页重新开始就是个不错的选择。但在这一点的操作上,国内的APP操作主要放在左下角,国外Google Map放在右下角,而iOS自带的Map则放在了右上角。不同的map培养了用户不同的操作习惯。还有一个小的细节就是,再次点击会进入3D模式的指南针界面。
新增、报错 的使用场景都是在用户没有找到自己想要的地点下产生的需求,它需要用户额外去填充一些信息,对用户来说,付出的劳动力比较大,所以受众比较小。主要以运营或者组织方为主。
切换模式,地图的产品主要有 卫星图、2D平面图、3D俯视图 三种模式。卫星地图是卫星拍摄的真实的地理面貌,所以卫星地图可用来检测地面的信息,你可以了解到地理位置,地形等,对抗灾或者地貌比较合适,在有些运动里面,比如说打高尔夫也需要地形图的参考,可能也会用卫星图。2D因界面的简洁直观,适用范围更加广泛。3D模式的模型图下,对于寻找建筑物和方位来说更有利。
Corner Case是一些极端情况下的考虑,主要是地理信息 未授权、网络慢地图未加载完全的空状态显示、无网络情况的现实情况 。未授权的情况一般用弹出框进行提示,给两个选项,如下图。
以上只是对单纯地图的功能分析,完整的地图功能还有很多可以进行描述,比如说比例尺、收藏、线路规划等等。但当地图与其他部分功能进行结合时,就会产生不同种类的功能增减。
比方说在共享车的应用里面,地点就不能进行点选,只能在地图上进行定位的移动。这样做的好处就是使定位更加精准,比方说同一个楼有东南西北四个门和四个出口,每个出口可能都有很多单车,而你恰好在北门站着,推荐给你的单车就更应该偏北方一点,以你人为中心进行推荐,而不是以你所在的楼为中心。
地图只是整个产品的一部分,下一篇文章将介绍地图同体育场馆进行结合,怎样开始一场基于场馆地理信息的球赛。也将介绍在真实的项目中怎样进行功能的删减操作。
今天也读到另一段对楼主影响比较大的话:
对于什么样的知识有用,什么样的无用,我觉得能够改变我们自己的现状,能够创造更好的未来,能够帮助更多的人,那么能学就都学,就算很难,你学了并没有进步很大,你也比很多没有学习的人要强。**学习的知识多了,内心就充实了,头脑里的存量多了,思考就清晰了,考虑问题就周到了,幸福感就提升了。
**
Sophia的tips:
怎样提高思维,首先做的就是提高脑袋里面知识的存量,不断地做实事!
相关文章
《创业公司设计师怎样从0到1设计一款APP(一)——概述》
谷歌地图值得购买吗
谷歌地图是一款非常实用的地图应用程序,它可以帮助用户找到准确的路线、交通状况、地点评价等信息。对于那些需要经常出行或需要查找特定地点的人来说,购买谷歌地图可能是一个不错的选择。此外,谷歌地图的更新速度也非常快,可以及时反映交通状况的变化,让用户更快地到达目的地。不过,是否购买谷歌地图还要根据个人的实际需求来决定,如果你只是偶尔需要使用地图应用,可以使用免费版本,如果你需要更多的功能和更精确的路线规划,购买谷歌地图可能会更加适合。