交互设计及用户体验

交互设计的职能

蓝蓝

Ⅰ. 先了解一下交互设计的基本概念:

交互设计是一种目标导向设计,所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为,让用户更方便更有效率的去完成产品业务目标,获得愉快的用户体验。

Ⅱ.交互设计在项目流程中的位置和任务:

项目前期的流程和节点:

了解交互设计

蓝蓝

4.交互设计如何开展和融入开发流程

我们先来梳理一下之前流程上遇到的两个问题:1.使用者模型不完善;2.沟通障碍

▎使用者模型不完善 ;

如何改善使用者模型,需要经历两个过程:

①业务模型框架化

在产品的概念阶段时期,交互设计师需要基关注用户界面和整体结构,这个过程被称作“框架设计”,框架设计就是一种基于用户目标的导航架构和流程设计。这个阶段交互的产出物主要有导航架构图,流程图和低保真线框图。

上述的产出物都需要和产品经理反复确认,以保证业务模型的完整。

②.框架界面化

在定义完功能模块的页面结构和流程后,交互设计师还需要设计规划使用者的操作,这些包括页面元素的主次关系,小部件的处理,元素的组织,界面的引导等等。这个阶段交互设计师需要提供原型demo:

原型demo 是一个过程,主要用于具象的表达业务需求和定义界面模型,是一种目标导向的设计过程。这个过程可以是多次迭代的,是提炼产品质量的主要手段。有了这个过程,我们之前所讲的完善使用者模型才能够得到解决,用户体验设计的理念才可以真正得到实施。

▎沟通障碍

在产品开发过程中,各个部门的合作与沟通存在着障碍,而产生交互职位之后,这些问题都能够得到解决。

①产品与设计的沟通

在框架阶段,交互设计师利用信息架构图和流程图能够将业务需求确定下来。

在框架界面化阶段,对于用户的操作和界面元素也能够用原型demo表达出来,而且修改成本低,可以快速的迭代。

②产品、设计与开发、测试的沟通

交互设计师利用原型demo做评审测试是个非常的方法,这样的方法能够不仅能够直观的表达需求,而且可以提供早期的用户测试,让很多之前无法预见的问题及时的抛出来,原型demo是贯穿概念阶段和实现阶段的最佳表达方式,而这些都对于交互设计提出了更高的要求。

5.小结

写了这么多内容,主要是想说明一下为什么要有交互设计和交互设计能够解决什么问题。如果决策者不能够明白这些道理,UCD的方法很难开展起来;如果从业者不能够明白这些道理,所做的工作也会是盲目和无效的。我想通过这篇文章帮助一些新手明白自己工作的任务和目的,少走些弯路。

下个章节讲「交互设计的职能」,会具体到交互设计的工作是如何展开和结束…


效率优先 适度设计——网盟投放平台体验优化项目总结

蓝蓝

零:项目背景

百度网盟推广平台是配合网盟推广用户的在线营销平台,推广客户可以在平台上实现全方位的推广管理,包括搭建账户结构、配置预算、定向方式、监控账户投放效果等等复杂的账户操作。但是由于系统的复杂度和功能性的增加,原有的系统对新功能的支撑显得有些捉襟见肘,所以在今年8月份,我们开始了对系统体验的分析和优化工作。

国际QQ新版官网项目总结

蓝蓝

项目总结:腾讯QQ国际版官网改版总结,互联网的一些事

  项目背景:

  国际QQ官网是宣传国际QQ品牌的主力站点、下载国际QQ的重要入口。旧版国际QQ官网更加偏向于一个门户类网站,重点提供相关新闻资讯,互动社区,群组推荐等基础服务,而对于产品本身的功能介绍,品牌推广以及下载服务提供的版面较少。虽然网站提供的相关社交服务能够更好的提高产品活跃度,不过由于国际QQ的用户群体与QQ的用户群体存在着很大的差异,很大一部分使用国际QQ的用户并没有用过QQ,对于产品本身甚至是功能使用还不是很熟悉。而新版国际QQ官网的主要目标是以宣传和推广国际QQ品牌为主,相应的加入适量的社交服务。减少网站后期的运营压力,强化品牌风格,并且旧版官网整体视觉风格已经相对过时。在这个背景下,有必要对国际QQ官网进行一次大改版。

“设计之变”--从iPhone应用到iPad应用

蓝蓝


在做APP的iPad版本设计时,我们常常需要考虑:如何在延续iPhone版本设计特色和优点同时,充分利用iPad的特性更好地进行设计。本文从iPad和iPhone的差异性入手,试图总结这一设计过程中需要注意的问题。

搜索引擎用户体验分析

蓝蓝

搜索能够帮助用户在海量的数据库中实现大海捞针,是产品最核心的模块之一。本篇是从设计的角度介绍搜索模块,包含Web和ios两个平台,下面直接开始正文:

1.快速搜索

搜索是帮助用户简单快速的匹配相关内容,最简单的search box主要包含两个元素:①文本框   ②按钮(可以隐藏用回车代替)

你的产品是用户心里最想要的吗?

蓝蓝

你的产品是用户心里最想要的吗?,互联网的一些事

  编者按:本文作者 Nir Eyal 在NirAndFar.com上撰写心理学、科技和商业的交叉内容的文章。

  想象这样一个场景。当你走进一个繁忙的百货公司,有人走进你伸手向你要钱:“请问可以给我一些零钱搭公共汽车吗?”如果这个人不是乞丐,而是一个博士呢?

  作为法国研究的一部分,研究者想要知道,只是通过一些特别推敲的话,他们是否可以改变人们给予一个陌生人多少钱。他们发现了一个简单而有效的方法可以让人们给出双倍的钱。

  这个词句的改变不仅增加了人们给陌生人搭公共汽车的钱,也有效地提升了慈善捐款和志愿调查的参与度。事实上,最近一个包含 42 项研究、涉及超过 22000 名参与者的总结分析指出,在请求最后附上的只字片语可以获得人们的认同,使接受请求的可能性提高一倍。

  那么,研究者发现的神奇词句究竟是什么呢?那就是“但是你可以自由选择接受或是拒绝”。

  这个发出请求的技巧表明了,如果我们确信选择是自由的,则更有可能被说服。这种效果不仅在面对面的互动中被观察到,也存在于电子邮件交流中。尽管研究没有直接关注产品和服务如何运用这种方法,但是研究提供了几个具有操作性的观点来指导公司影响用户行为。

16点优化用户界面的方法

蓝蓝

优异的用户界面可以让用户用得顺心,从而提高转化率(conversion rate),换言之,好的 UI 在使用与销售层面上形成双赢。本文整理了16点优化用户界面的方法,希望对大家有所帮助。

  单栏型式优于多栏

  单栏型式让你更能掌握自己的内容,从顶部到底部一气嗬成,用故事引导读者,最终是要诱引他们「采取行动」(call to action,下称 CTA,意指下载或消费等目的);而多栏反而可能导致读者分心。

16点优化用户界面的方法,互联网的一些事

  

如何设计出优秀的 App 导航栏

蓝蓝

【导读】为了在手机屏幕给定的范围内展示出更多内容,优秀的导航栏设计将起到关键性作用,对于不同的操作也当因地制宜地选则不同的设计方案。

  导航的设计是 App 设计发展过程中很值得玩味的地方,由于移动设备特别是智能手机的屏幕尺寸有限,设计者们通常会将屏幕空间尽量留给主体内容,优秀的导航设计会让用户轻松到达目的地而又不会干扰和困惑用户。

  经典导航:tabbar

  Tabbar 的导航方式是由谁发明的笔者不得而知,不过相信大家都同意是由苹果将其传播开来。不仅很多苹果的官方应用采用了这种设计,苹果同样大力推荐应用开发者优先采用这种方式。从某种角度来说,tabbar 基本就是导航的标准设计。

如何设计出优秀的 App 导航栏?,互联网的一些事

蓝蓝设计提供专业整体UI设计服务_UI设计

蓝蓝

蓝蓝设计(北京兰亭妙微科技有限公司)是一家专注而深入的设计公司 ,为期望卓越的国内外企业提供卓越的界面设计、网站建设、用户研究、交互设计服务。

近年来一直为国内外的优秀企业提供视觉与品牌的设计与咨询服务,涉及电子、IT、饮品等多个行业,并建立了良好的口碑,积累了丰富的经验。 

蓝蓝设计秉承设计优秀,不断超越的理念,诚信敬业、专业耐心的工作作风,一直坚持注重用户心理体验及“设计与营销”等领域的理论与实践相结合。十余年专注努力,近百案例磨练。我们对网站策划,用户体验与交互设计,视觉传达,前后台应用系统,国际化标准和流行趋势,进行不断的研究和实践。 

主创设计师若干,毕业于清华大学美术学院、林业大学,先后在广告公关公司工作,现在是IT软件行业的界面设计者。从业十年,热爱设计,对包装设计、网站与UI可用性优化有深刻理解。 前端工程师有丰富经验,div+css优秀,js/jquery/ext/Bootstrap精通,可兼容各浏览器,符合w3c标准,程度开发稳定,代码简洁清晰。 愿以所爱所长,享受工作的快乐,成就卓越。 

软件界面设计及开发

提供BS、CS、Flex、OA、GIS、CRM、Jquery、Ext、Bootstrap UI设计、Flex 皮肤开发、Mfc图形实现、 Qt图形开发、Jquery easy ui开发设计


移动产品界面设计及开发

IOS/Android/win8 APP交互设计、视觉设计、html5开发、Axture交互原型设计、ui规范文档、竞品分析、可用性分析、图标设计


网站、平面、展览展示设计
提供标志设计、企业网站、大中型门户网站交互设计、视觉设计、宣传册、展览展示、室内装饰设计

欢迎访问,开始愉快的合作! 


网站:www.lanlanwork.com


点击查看原图



点击查看原图

点击查看原图点击查看原图



日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档