您好、欢迎来到现金彩票网!
当前位置:双彩网 > 信息结构 >

作为新人的你应从信息架构、交互流程和交互细节去了解设计

发布时间:2019-06-04 02:23 来源:未知 编辑:admin

  线上课程 产品新人如何快速提升Axure能力?这样学,标准低保真/高保线日

  零基础学产品,BAT产品总监带,2天线年在线课程,全面掌握优秀产品经理必备技能。了解一下

  交互设计严格上来说是没有什么套路而言,但是,对于初入行者还是需要有一些需要具体客观的知识点去学习。就像笔者当年刚入行学习工业设计的时候,对工业设计的内涵与外延始终搞不太懂。老师们也没有一直强调工业设计的定义,而是从琐碎的知识点开始,一点点讲解,让我们掌握。当我们掌握了足够多的知识点,工业设计也自然在我们的知识框架中形成。

  交互设计(Interaction Design)顾名思义,是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的;狭义的交互设计则是指人与机之间的互动,机器需要对人的感情、动作等的投入给予相应的反馈,能够让人与机器之间有不间断的互动。

  人机交互设计的三要素人、环境、机器,人作为交互设计的中心,也是当前所提倡的以人为中心的设计或者以用户体验为中心的设计的原因。目前交互设计的概念不断扩大,机器的概念也扩大到了包括应用、服务以及越来越热的VR与AR的和人有互动的事物中。相较于交互的三要素而言,另外反馈的时机也很重要,有人专门对PC端点击反馈的时间进行了研究,过快或者过慢的响应都会降低用户的体验。

  举一个饱含血泪的例子:曾在做一个项目的过程中,有一个需求是要将一个应用的数据展示做一下调整,使之能够查其三个月之内的数据。当时,自以为已经很了解需求,只是将时间限制放开到三个月,同时,数据的展示限制在一个月内。也就是说,可以查看三个月内任意小于三十天的时间段。有两个优点,一是满足了需求;二是页面显示效果比较好。但是,自己是没有真正的理解需求,用户要查看三个月的数据,更多的是要查看三个月所有的数据,而不是三个月中的一段数据。发现用户的真正需求后,我们又做了相应的调整,数据的可查时间范围不变,但是显示范围可以是一个可以页面显示并能够之间交互操作的时间轴。这样,产品的交互效果和显示效果都得到了很大的提高。相似的功能需求,交互解决方案如图所示:数据展示页面窗口大小保持不变,而用户可以通过调节X轴的滑块来查看某一时间段的数据。

  交互设计的第二个着力点是竞品分析。人们常说,如果一个人要走的快,那就一个人走;如果要走的远,那就一群人走。在中国当前的环境下,你很容易就能找到三五个相似的产品,充分的竞品分析与调研能够找到你的产品方向,能够补充你的需求以及用户场景,同时能够很好地了解用户习惯,尊重用户的习惯是以用户体验为中心的交互设计的第一要务。在尊重用户习惯的前提下,结合自身的优势与自己产品与竞品的定位差异,很容易就得到了你产品大致的信息架构。当然,这不是最终的信息架构。

  要得到自己的信息架构,并能够有自己的特色与创新,还要一个着力点,那就是卡片分析法。如何对卡片分析法结果进行处理,这是关键。不过,在这里要注意“层”和“度”的平衡。所谓的“层”就是你的产品的层级有多深。以移动端的应用为例,移动端的层级最好不要超过五层,因为移动端的应用没有类似PC网站的面包屑导航,如果层级太深,用户很容易在其中迷失,不能找到自己想要的功能。所谓的“度”就是产品功能的分类。产品功能分类的好坏,可以深刻的影响到用户的体验以及用户能不能顺利的找到自己想要的功能。这也是为什么使用卡片分类法的原因所在,卡片分类法能够将目标用户内心的心智模型表现出来,有利用用户顺利的寻找到目标。

  在信息架构设计中,最后一个着力点是对信息架构的应用。通过对产品的“层”和“度”的整理,对其进行重要度的分级。如果有若干一级标签属于第一优先级,那么,这种类型比较适合使用标签式导航。因为用户在相同优先级标签之间的切换比较频繁,这样的导航强调若干相同优先级的标签之间的切换,使用户能够方便的浏览到不同分类的信息,这一类的应用比较多,如QQ、淘宝、天猫、京东等。

  好的流程设计不仅能够提升产品的用户体验,同时能够更加顺利的完成业务目标。作为两大国民应用的支付宝和微信,在产品的交互流程上的经验也充分说明了这一点。通过与春节联欢晚会的合作,微信不仅实现了全民数百亿次摇一摇的互动,同时实现了在两天之内完成了两亿张银行卡绑定的业务目标,这可是支付宝数年才完成的目标。这就是得益于微信红包的好的流程设计,相反支付宝的效果就没有那么明显了。这也就是要做好交互流程设计的原因。

  交互流程是依附于产品解决任务的过程而存在的,脱离任务来讲流程是不恰当的。因此,要做好交互流程设计,首先要明确的是围绕什么样的具体任务来展开。任何一个应用都有一个或者若干功能点,来解决某些问题。针对这些功能点来解决任务的过程就是任务,同一个任务可能有不同的用户场景。比如,同一个打电话任务就有若干不同场景:从未接电话开始、联系人开始、拨号开始等。所以,根据不同的任务,梳理出不同场景。因此,

  完成任务与场景的梳理以后,就要进第二步,就是要针对一个任务的一个主要场景梳理出用户与产品存在的交互点(InteractionPoint),也就是用户在完成任务过程中,与产品之间存在的物理与心理的互动关系。我们以通过微信找到好友并发送消息为例,来说明该任务中存在的用户与产品之间存在的交互点。在这个过程中,通过对交互点的整理,可以清楚的看到完成某项任务的难易程度,以及对于用户可能存在的交互障碍,需要在具体的界面设计时,对用进行引导,来避免用户出现困惑或者错误。

  接下来就要将业务流程添加到交互点中,与相应的页面融合。添加业务目标的方法一般有两种,第一种是将其放置在核心任务流程结束的地方,比如,饿了么、美团外卖等,用户在完成一次订餐后,会提示用户将连接分享给朋友可以获得相应的优惠券。其业务目标就是让用户帮助应用推广应用,这样的好处是不影响用户完成其任务,在完成其任务以后,即使用户不分享也不会影响其体验。

  在完成以上任务后,就可以进行相应的流程设计,针对不同的任务与场景制作不同的流程,其中必然会有一部分的交互点重叠,这样就可以将同一任务、不同场景下的交互流程整合到一起,完成核心功能的交互流程设计。相信大家对具体的流程设计的制作步骤都已经很熟悉了,在这里就不赘述了。很多同学,觉得到这里,似乎流程以及大功告成。但是,远远不够;至少还有两件事情要完成。

  交互流程设计的意义更多在于,从功能角度模拟用户的使用过程减少用在功能操作中的障碍,提高用户体验。但是,无论信息架构设计还是流程设计都只是逻辑上的模型,只有将这些逻辑表现在具体的界面上,这些逻辑才会有意义,才会为用户了解、接受。这就牵扯到页面的布局、Icon的大小、交互动效和控件等等,也就是交互设计的第三个要素——交互细节设计。

  交互细节设计是在前两个要素指导下的设计实践,也是交互设计可视化与形象化的关键。相对于前两个要素的完整性和系统性,作为第三个要素的交互细节设计就显得琐碎和零散。根据交互设计由浅入深的渐进,交互细节可以分为布局、控件、适配、音效与动效、流(目光与手指的循迹)等等。接下来,我们就从布局开始聊一聊交互细节设计。

  在交互细节设计中,页面布局与前两个要素之间的联系最为紧密。布局的依据就是通过卡片分类法获取的并通过流程设计优化过的交互设计信息架构。根据得到的信息架构,我们就可以知道页面导航应该采用什么样的导航方式,抽屉式导航还是标签式导航,以及每个页面应该有哪些相关元素需要体现和体现的程度。笔者在页面布局中主要坚持格式塔心理学的设计原则。

  格式塔心理学派断言:人们在观看时眼脑共同作用,并不是在一开始就区分一个形象的各个单一的组成部分,而是将各个部分组合起来,使之成为一个更易于理解的统一体。当一个格式塔单元中包含了太多互不相关的单位,眼脑就会试图将其简化,把各个单位加以组合,使之成为知觉上易于理解的整体。格式塔理论明确地提出:眼脑作用是一个不断组织、简化、统一的过程,正是通过这一过程,才产生出易于理解、协调的整体。由此产生出了格式塔的一些基本原则(适用于布局和界面设计):主要包括接近原则、连续原则、相似原则和闭合原则。

  说到控件,更多的是指移动端应用、Android和ios应用。控件的作用有两个,一是采用同一类型的控件可以使得应用的风格鲜明、有个性,赋予应用一种独特的气质;二是以不同平台为基础的控件,在开发的时候减少工作量,做到拿来就用。控件包括按钮、开关、输入框和进度指示器。控件还可以根据自己的需要来自己定义。有些应用在开发的过程中,制作设计规范的同时,会制作相应的控件,便于在后期的开发过程中减少工作量。

  不同终端之间的界面适配包括不同分辨率手机之间的适配、移动端和PC端的适配。适配有一个更专业的名称叫响应式设计(Responsive Design)。响应式的设计分为三个等级,第一等级是最弱的适配,就是没有适配,手机端会等比例缩小,需要放大才能查看,但是不会出现图片破损的状况;第二个等级是轻度适配,可以实现移动端的正常预览,文字大小不变,图片等比例缩小;第三等级是图片、文字、元素位置以及显示方式等等,都会随着显示屏幕的大小而适应屏幕显示,达到显示效果的最优化,提高用户体验。

  响应式设计,第一要考虑兼容设备的范围以及相应的分辨率。这样就可以确定出几套交互稿和效果图;第二是根据不同的尺寸以及设计规范来设计交互原型;第三是对相应的元素和模块进行调整。在响应式设计中,有两点需要特别注意:一是菜单,PC端的页面足够大,能够将菜单全部展开来显示,但是移动端就要把菜单收起来或者以抽屉的形式放在左侧;二是图表,图表是做所有的页面中最难处理的。目前笔者还没有找到通用的有效方法,多采用PC与移动端不同的设计,PC上采用列表,移动端采用内容单元的形式,即将列表中的一个项目单独成为一个内容单元,以瀑布流的形式向下滚动。但是这种方法就丧失了列表的一项重要功能,就是项目之间的对比。

  说到这里我们不得不把百度和Google拉出来说一说。通过研究发现,用户对于搜索的结果查看集中在前几条,从上到下进行阅读。Goolge的搜索结果就是这样布局的符合用户的视觉流,当用户从上到下浏览完成以后,自然而然就要翻页到下一页,所以底部是翻页操作。百度的设计也符合这一规律,但是百度将用户的视觉热力图的重点以竞价方式做了广告,这也是百度竞价排名遭人诟病的原因。所以,大家用百度搜索都形成了习惯,直接跳过前几条,从后面开始。

  视觉流要符合用户的视觉习惯,或者引导用户去浏览产品想让用户浏览的内容。操作流需要考虑在任务的背景下,系列操作的连贯与自然可以引导的手指毫不费力地进行点击。另一方面要顺应用户的手指点击习惯,保证足够的容错性,不要让用户用自然的操作却达到了非预期的目标。在我们操作一款应用的时候,会因为网络、内存等原因,造成反应不及时,用户会产生多次点击的情况,如果多次点击的位置出现其他功能操作的button,就会出现误操作,严重降低用户体验。视觉流又提供了从另一个角度来审视页面布局的新视野、新方法。在以用户体验为中心的设计风潮中,这种方法会越来越受到重视。

  干货| 如何利用Social Listening从在线垂直社区提炼有价值的信息?

  产品经理周报第 69 期|抖音推出首个家长管理系统;B站至6月6日暂时关闭弹幕功能

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

http://indiacrazy.com/xinxijiegou/108.html
锟斤拷锟斤拷锟斤拷QQ微锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷微锟斤拷
关于我们|联系我们|版权声明|网站地图|
Copyright © 2002-2019 现金彩票 版权所有