![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
交互设计
文章平均质量分 74
养有道
专注设计领域
展开
-
小技术:原型设计图片素材寻找方法
画图——这项古老而精细的做法,是一代代产品狗们得以传承的立足之本。草图、线框图、思维导图、PPT插图、数据汇报图表、低/高保真原型图,甚至UI视觉图……真是一图未完一图又起。而工作时间越久,就越发现其中的奥妙:好的东西,总是最后几乎一样,那么我又何必每次造车轮子呢?将各种最好用的图片资源,以及获取这些图片资源的方法掌握以后,我们就可以将精力放在更深一层的设计上,而不会因为某个返回箭头巨丑,心里一直转载 2014-12-03 15:41:43 · 2093 阅读 · 0 评论 -
专业设计师有哪些必知的设计流程
一、设计师如何参与一个具体的项目用户体验设计首先是要解决用户的某个实际问题,其次是让问题变得更容易解决,最后是给用户留下深刻的印象,让他在整个过程中产生美好的体验。因此,用户体验设计的目标可以归纳为:解决用户需求减少用户理解和操作的成本给用户留下美好而深刻的印象在具体工作中,为了达到这个设计目标,设计师不仅需要有理性的思维、巧妙的创意,还要在项目中学会与其它角色协作转载 2014-08-20 09:16:48 · 564 阅读 · 0 评论 -
书单:交互设计书籍推荐
交互设计(Interaction Design)作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔•莫格里奇在1984年一次设计会议上提出。 从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并转载 2013-09-11 11:47:12 · 2955 阅读 · 1 评论 -
聊聊交互原则那些事儿
为什么需要设计原则?设计原则其实就是对一些设计过程中基于人类的认知规律对设计做出的一些指导性原则,并且对已经成为行业共识的设计经验做个总结,用来指导设计师界定问题、提高效率。经常用的设计原则有哪些?先来抛一个老D在早年刚接触交互设计的时候最为大家所认可的几条设计原则:1. 可学习性目标用户在已有的知识和经验基础上,能正确理解产品界面,无需要思考而一目了然;或转载 2014-11-05 11:20:12 · 506 阅读 · 0 评论 -
手机设计指南(二):界面交互方法与技巧
我的第一个手机是Nokia 5110(1988年买的),它的功能非常少,所以我只用它来打打电话、玩玩贪食蛇。但是随着厂商不断的技术革新,传统手机使用方式被完全颠覆了。现在我们都在使用大尺寸的触屏手机,并且出现了“应用商店”的新型平台。设计师也受益于这个时代,所以尽快掌握移动设计模式也成了我们的责任和义务。转载 2014-11-05 10:14:36 · 1507 阅读 · 0 评论 -
教你从零开始成为优秀交互设计师(三):入行篇
在校大学生篇转载 2014-11-05 09:39:15 · 2530 阅读 · 2 评论 -
教你从零开始成为优秀交互设计师(一):交互设计师修炼指南
交互这个说法来自于国外,交互的名词形式是interaction,形容词是interactive,交互设计的英文则是 Interaction Design。问题是到底什么是交互?这里不给任何学院派高深的解释。在我看来”交互”其实很简单。“你来我往”谓之”交互”;这里的”你来”指的是”输入(input)”,”我往”是”反馈(feedback)或输出(output)”。如转载 2014-11-05 09:28:29 · 794 阅读 · 0 评论 -
交互基础知识:最热门的12种导航模式
探讨导航设计模式的重要意义,并以当下最热门的几个移动应用为例详细进行讲解——在UXPin的免费电子书《移动UI设计模式2014》中还提供了更多有关导航模式设计的示例,以及多达45种其他移动应用设计模式的详解。转载 2014-11-05 09:57:21 · 3596 阅读 · 0 评论 -
手机设计指南(一):如何理解移动信息架构?
大约在1993年,我父亲带回家一部体型硕大、形似砖头的移动电话。当时,我们全家人都对这个稀物表示难以置信的兴奋,但是没有人会认为它会对我们的生活产生巨大影响。几年后,当我的一些朋友决定购买它时,我仍然会把它看作是一种花样和噱头。如今全世界共有60亿移动订阅用户,意味着如果人手一部移动电话,那么世界上87%的人便拥有移动电话。然而,将近有30亿人使用台式电脑,这和移动电话使用情况差别很大。转载 2014-11-05 10:07:31 · 559 阅读 · 0 评论 -
教你从零开始成为优秀交互设计师(四):工具资源
工具类Mockup Builder:杀手级的原型工具 MockupBuilder最近才发布,很值得期待。他有非常多的功能:UI模型,交互的线框图,页面布局,客户端原型甚至站点地图和屏幕导航。Tiggr:协作制作原型图 Tiggr的思想是给你需要做成最终稿的所有资源。你可以设计很多的元素,然后分享,其他的协作用户会帮你制作相应HTML/CSS代码,以达到最快生成。转载 2014-11-05 09:42:19 · 676 阅读 · 0 评论 -
教你从零开始成为优秀交互设计师(二):一天是怎么度过的?
发现一天做的事情竟然这么杂,概括起来的话可以又这些吧:一,计划整理:1,刚到公司第一件事就是整理一下昨天的事情,哪些完成了哪些没完成,接下来要怎么跟进的;2,检查邮件,制定计划表,今天可能会来什么需求,什么会议,什么问题,提前做好准备;3,看看发出去的东西是否收到反馈,检查一下项目进度表哪些可以去对效果了,加入计划表;4,约人,包括有PM要来提需求,以及约别转载 2014-11-05 09:30:28 · 680 阅读 · 0 评论 -
交互设计起步指南总结
交互设计起步指南1.需求分析(用户研究,场景剧本,人物角色):《交互设计指南(原书第2版)》《用户体验要素:以用户为中心的产品设计(第2版)》2.信息架构(流程图,信息架构图)《高效沟通设计之道(原书第2版)》《锦绣蓝图:怎样规划令人流连忘返的网站(第2版)》3.流程设计(心理学,逻辑学)《设计心理学》《情感化设计》4.原型设原创 2014-11-13 11:19:36 · 628 阅读 · 0 评论 -
好的交互设计师是怎样成长的?
设计是一门艺术,天赋有很大的决定因素。不是每个人练习百米跑的都能跑进10秒以内的, 不是每个人都能唱出碧昂丝的水准。那些伟大艺术家,设计师,固然后天很努力,但先天就有无以伦比的艺术才华是他们成功的关键。如何才能成为一名优秀的设计师。转载 2014-10-28 15:01:14 · 733 阅读 · 0 评论 -
新人入门:交互设计师的知识架构
如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书、学了一大堆软件、画了一大堆图之后还是感觉心里不踏实,总害怕自己还缺点什么,恨不得要有本《交互设计学习大纲》就好了。出现这个问题有两个原因,一是交互设计师没有可视性强的产物,交互设计师的产物一般是线框图、流程图、信息架构图、说明文档等等,但这些东西既不如视觉设计稿华丽精美,也不如程序代码高贵冷艳,在外行人看来初转载 2014-07-16 11:40:06 · 1715 阅读 · 1 评论 -
交互设计师的自我修炼
好的设计师 VS 糟糕的设计师优秀的设计师什么样?糟糕的设计师又是什么样呢?我们都想知道如何评价一个设计师工作的好坏,但它又没有一个固定的衡量标准。于是我把这些年在实际工作中遇到的一些典型特征总结下来,希望能帮助更多从业者,让大家对设计师的衡量标准有一个大致的认识。好的设计师对设计充满兴趣和激情:有的人一说到设计就满眼放光,讲起好的设计案例时滔滔不绝、如数家珍,平时积累了各转载 2014-08-20 09:10:16 · 709 阅读 · 0 评论 -
设计师完全自学指南
我不是毕业于设计学系,但我得到了一份设计师的工作。我想换工作,成为一位设计师,但我没有四年和十万元美金让我回到学校上课,所以我决定自修。起初,我相当怀疑一个人到底能不能靠着自修来找到相关的工作。答案是:可以转载 2014-07-17 09:45:43 · 840 阅读 · 0 评论 -
如何设计出一个好界面
有时候常常有一种困惑,尤其是大面积或者频道改版时,往往凭意识在设计页面,一是因为要设计的页面太多了,二是知道了需要哪些功能放哪些模块,但对于侧重却把握不好。当你在设计内页时,会感到特别的无助和迷茫。一张列表页,我什么位置该放什么内容?用户来这个页面,对什么内容会感兴趣?怎么样可以加强用户的需求表达?目的!!!做任何一件事,都会有一个目的为出发。即使是吃饭、起床这样的事情,也是有目的转载 2014-12-03 15:45:52 · 787 阅读 · 0 评论 -
产品早期的原型设计与用户测试
产品在原型阶段的设计与测试工作,是决定一款移动应用能否成功的重要因素。提到原型设计和用户测试,人们往往容易产生厌倦与回避的感觉。这也不奇怪,在很多实际项目中,这方面的工作似乎就是“随意性强”,“耗时”,“高成本”一类的代名词。不过在我看来,它们其实是整个设计流程里最重要的环节。无论你或你的团队在用户界面视觉设计等方面有多高的造诣,我都建议各位对原型环节的相关工作提高重视。基于高保真原型的用转载 2014-12-03 10:24:35 · 3750 阅读 · 0 评论 -
关于交互Demo设计的6条建议
为方便产品经理、设计师、开发及项目相关人员能够看到直观的效果,进行更有效的沟通;提供直观的产品设想,说明用户将如何与产品进行交互,在交互设计的过程中一定会产出各种各样的产出物,如流程图、思维图、纸上的草稿、甚至高保真演示稿。这里简单分享下自己在项目过程中的交互Demo设计的一些心得。 Axure制作交互Demo的软件有很多,个人比较喜欢且习惯的就是Axure转载 2014-12-03 14:42:25 · 883 阅读 · 0 评论 -
线框图和原型的区别及设计工具的选择
线框图并非是原型,但即使是经验丰富的设计师也可能会将两者混为一谈。实际上,两者的差别还是非常多且明显的,那么就让我们通过这篇文章分辨清楚这俩概念,一劳永逸。线框图线框图是产品设计的低保真呈现方式。它有三个简单直接而明确的目标:1、呈现主体信息群2、勾勒出结构和布局3、用户交互界面的主视觉和描述正确地创建了线框图之后,它将作为产品的骨干而存在。转载 2014-12-02 14:00:51 · 1355 阅读 · 0 评论 -
线框图、原型和视觉稿的区别
两三年以前,我发现很多搞信息技术的朋友们(非设计师)交付设计时,用着上面列出的词汇。他们以为线框图 (Wireframe)、原型 (Prototype)和视觉稿(Mockup)是一个东西:表达自己创意的线框手绘设计稿。混淆概念便带来麻烦:他们分不清用户体验设计师的作品,常常感到困惑。「这按钮他妈的怎么点不了?」「我不知道这个地方可以按啊!」类似这样的问题在用户体验的项目中屡见不鲜。误把线框转载 2014-12-02 13:21:43 · 1278 阅读 · 0 评论 -
线框图:UED和PD对于线框图不同的定位
应几位PD的需求,他们也要学习如何设计线框图,所以想更加高效进行入门。在场的有UED,有PD,我发现,对于两者都要画线框图,引发了一些讨论,这也是我事先预想到可能会引发争议的部分。其中有个PD讲,有一次,老板是要求她来画线框图给他看的,她花了很多心思在线框图上,结果交付给交互设计师的时候,交互设计师不知道如何进行发挥了,交互设计师说:你都画这么好了,我不知道画什么了。之后,交互设计转载 2014-12-02 11:48:21 · 610 阅读 · 0 评论 -
线框图:那些必要的理论和前提
这是一篇老生常谈的问题,所以若有人已经了解,请自动忽略好了。这也是在一次和PD的交流培训会上再次提出的老问题:究竟线框图为什么要画,以及如何画。至于线框图为什么要画,就不在这里聱述了。相信已经有很多人写过类似的文章,当然,如果你还有疑问,可以给我写邮件。现在就是如何画的问题。这不是很简单吗?一个简单的线框图,断不得比一个精美的视觉图更花费时间吧?也不需要美学的基础,也不需要转载 2014-12-02 12:03:30 · 698 阅读 · 0 评论 -
线框图——为线框图多留点时间
线框图是交互设计师必不可少的产出物,它在交互设计师的工作中扮演了如此重要的角色,以至于交互设计师经常被认为是个画线框图的,但是无论是设计师本人还是项目组成员,对于线框图存在的意义未必有足够的认识。项目为何需要线框图?为什么不缩短周期,直接跳转到视觉设计呢?对于设计师而言,疑问一样存在:线框图给我们带来什么价值?在我们想进行线框图培训时,疑问有:不就是画个转载 2014-12-02 11:54:55 · 586 阅读 · 0 评论 -
经典再现交互设计那些事儿(一):设计必备知识
@Heidixie(阿里巴巴资深交互设计师) :这是一次内部分享,新部门的同学们希望我聊聊我过去从事的交互设计,做个了面对入门者等级的PPT,和各位简单聊了聊。发到微博上,也敦促自己对交互设计从业经历做个简单总结。一. 什么是交互设计要谈什么是交互设计,先要了解这几个概念。网页设计年代,大概是从2004年开始热起来了,等到我毕业的2006年,满大街都已经是电转载 2014-10-22 13:37:49 · 1162 阅读 · 0 评论 -
交互设计那些事儿(二):开发人员必备知识
《交互设计那些事儿》之一完工后,承蒙各位抬爱,在微博时代被大量转发和分享,也让我收到一些邮件,询问我下篇为何还不出来?请原谅我的惰性,每个周末都给自己找了不少借口一拖再拖,上个周末又在家里养了两天的病——在此提醒朋友们,换季季节,多喝水,多休息,少生病哈。一. 理论前提1. 人机交互与人类信息处理机制理论既然产品设计出来不是给设计师用的,而是给用户用的,他们如何理解、认知、使用产品才是转载 2012-06-29 17:14:29 · 1567 阅读 · 0 评论 -
经典再现交互设计那些事儿(二):交互常用的工具和方法
一. 理论前提1. 人机交互与人类信息处理机制理论既然产品设计出来不是给设计师用的,而是给用户用的,他们如何理解、认知、使用产品才是最重要的。因此”定义用户”,”了解用户”,”研究用户”是交互设计前需要做的重要工作。要了解三种不同的”模型”:实现模型,用户心理模型以及表现模型。在《交互设计精髓》书中(英文名:about face3.0),作者Alan Cooper写道:设计转载 2014-10-22 13:43:24 · 6722 阅读 · 1 评论 -
什么是交互设计?搞懂3个关键要素:目标,任务,行为
先讲个故事,小鹏是个销售员,下午出去拜访客户,完事后发现已经六点多了,非常饿,小鹏想回家自己做饭吃,但是实在是太饿了,回家又要做好久的地铁,还不如就在附近找家小饭馆吃了呢,于是环顾四周,发现马路对面左前方200米有个麦当劳,于是就穿过马路,沿着道路走了过去,到了麦当劳要了一份套餐,风卷残云地吃完了。问题来了,这个故事里面:什么是目标?小鹏饿了,想把自己填饱,这就是目标;转载 2014-08-18 09:58:13 · 946 阅读 · 0 评论 -
交互界面设计的思考-设计入门
界面不该成为用户浏览内容或达成目的的障碍。达成目的之前,用户根本没必要经历那些UI陷阱和胡乱编排的导航。转载 2014-07-11 09:31:11 · 675 阅读 · 0 评论 -
交互设计那些事儿(一):开发人员必备知识
这是一次内部分享,新部门的同学们希望我聊聊我过去从事的交互设计,做个了面对入门者等级的PPT,和各位简单聊了聊。发到微博上,也敦促自己对交互设计从业经历做个简单总结。——类似的文章,貌似自己在三年前也写过……一. 什么是交互设计要谈什么是交互设计,先要了解这几个概念。网页设计年代,大概是从2004年开始热起来了,等到我毕业的2006年,满大街都已经是电脑培训机构,记得当时北大青鸟的转载 2012-06-29 17:10:12 · 2785 阅读 · 1 评论 -
交互设计师成长指引-从平凡到卓越
一、什么是交互?超星网产品总监@张淼程 :交互这个说法来自于国外,交互的名词形式是interaction,形容词是interactive,交互设计的英文则是 Interaction Design。问题是到底什么是交互?这里不给任何学院派高深的解释。在我看来”交互”其实很简单。“你来我往”谓之”交互”;这里的”你来”指的是”输入(input)”,”我往”是”反馈(fe转载 2014-07-11 10:01:51 · 3213 阅读 · 1 评论 -
成为一个高级前端交互工程师的基本条件
一,具备基本知识与技能储备1. 负责公司Web端的交互设计和开发工作,建立交互框架和规范;2. 与产品经理、市场和技术部门合作,不断提高用户体验,保证用户价值的最大化实现;3. 按照项目需求进行定性的用户研究,定义用户角色及创建使用场景;4. 协调UED相关资源,完成负责项目的各种设计任务(可用性测试、用户研究、视觉设计、原型制作等);5. 跟踪和分析已有产品的用户体验;原创 2013-08-09 12:51:20 · 1970 阅读 · 0 评论 -
交互设计之草图、线框图和原型
草图 线框图 原型 草图通过草图来构思,扑捉想法,探索设计方法:每次构思几小时,然后让大脑推迟做决定,去做自己喜欢做的事,放松下来并保持积极的心态。构思时 只关注最重要的问题,不要在每个想法上话很多时间,不要纠结细节。如:用户为了从一家网上商店买一件衬衫需要 采取哪些步骤呢?技巧:采用思维导图,草图版来思考线框图利用线框图来使想法成型,主要包括原创 2013-07-26 17:11:13 · 6947 阅读 · 0 评论 -
大巧不工:web前端开发修炼总结
前不久读了《大巧不工:web前端设计修炼之道》有感而写的笔记。一,前端开发的总体内容一览调研:用户角色 目标 情景剧本设计:1.信息架构(流程图) 2.交互设计(可用性设计 原型设计) 3.视觉设计(UI设计)编码(html+css+js)优化:性能优化二,需要掌握的技术1.原创 2013-07-11 15:40:49 · 810 阅读 · 0 评论 -
雅虎十四条 - 14个优化网站性能提高网站访问速度
相信互联网已经越来越成为人们生活中不可或缺的一部分。ajax,flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实现的功能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的,在性能方面,根据yahoo的调查,后台只占5%,而前端高达95%之多,其中有88%的东西是可以优化的。- 14个转载 2013-07-11 17:13:57 · 871 阅读 · 0 评论 -
交互设计小故事1
客户:帮我设计一个花瓶。小A设计师就直接去做花瓶去了。小B多问了几句:多大的花瓶?什么材质的?什么时候要?预算是多少?小C则问:你要花瓶做什么的?是放鲜花还是做室内装饰用的?结论:小A肯定做出了花瓶,但是未必是顾客想要的。小B也做了花瓶,顾客也买单了,已经合格了。但是小C则有可能让顾客惊喜。顾客表面要的是花瓶,但是实际上是在寻求一种解决方案。他要解决的问题有可能是风水问题,有可能是翻译 2013-07-12 09:04:39 · 788 阅读 · 0 评论 -
学习业务流程图绘制方法(下)
业务流程图具体怎么做呢?我应该注意什么呢?……|1. 业务流程图的“烹饪三部曲”在绘制业务流程图前,思考如何精美,如何交互,使用什么工具,都不应该是重点。真正重点的是将业务流程图的关键要素给搜集一番。请试图回答清楚以下几个问题,否则不要开始绘制流程图:整个流程的起始点是什么?整个流程的终结点是什么?在整个流程中,涉及到的角色都是谁?在整个流程中,都需要做什么事情?(可是是一个会转载 2013-06-24 11:20:02 · 2386 阅读 · 0 评论 -
学习业务流程图绘制方法(上)
前言本文会包含几块内容:1. 什么是流程图?流程图和其他图表(如线框图,概念图,架构图,用例图)有什么不同?2. 为什么需要流程图?3. 流程图的分类?4. 如何绘制流程图?5. 流程图绘制工具。视篇幅情况,会在行文时略加划分为系列,敬请关注并多多交流。|第一部分:什么是流程图?1. 定义我 们因为厌恶十年教育,厌恶背各种定理和定义,所以转载 2013-06-24 10:46:32 · 8038 阅读 · 0 评论 -
用户体验设计师、UI 设计师和交互设计师之间的区别,如何挑选图书?
“用户体验设计师、UI 设计师和交互设计师有什么区别?”因为他发现有公司同时有以上 3 种或两种职位,不知道具体区别是在什么地方。如果你也不清楚这三者之间的区别,不妨看看他的回答:首先,不同的公司对不同职位都有自己的理解和定位,名称相似的职位在不同的公司文化中通常职责不尽相同。比如 Google 会要求用户体验设计师有 “专家级的 XHTML,HTML,CSS 和 Javascript 能转载 2013-07-08 15:58:50 · 1645 阅读 · 0 评论 -
交互设计师,你要懂视觉
交互设计师之所以要懂得视觉语言,主要体现在原型制作的工作部分,因为输出的虽然是低保真原型,但低保真原型的设计过程其实也是一个视觉化过程。废话少说,直接解释吧(大致按照动手的时间顺序,以数字媒体界面为例)。1 设计界面框架要懂视觉在定好功能,搭好信息架构之后,一般进行单独界面的框架设计(鬼扯,真实的操作顺序谁知道!)框架设计是元素在界面上的大致布局,界转载 2013-05-08 09:06:07 · 736 阅读 · 0 评论