如何成为优秀的网站建设交互设计师下篇

  人气:2518   发布时间:2016-05-20 16:32:12 【
基础篇

适合刚入行并开始接触项目的设计师学习 :

1.设计的美学知识。

2.交互设计的基本原则,如一致性、减少输入和减少操作步骤等等,这些原则容易理解,通过学习案例和阅读通俗易懂的书籍迅速地掌握。此阶段适合泛读《交互设计精髓》等书籍,不宜精读,没有项目经验的话,读完之后不知所云。

3.平台特性及其设计规范,通过阅读平台的设计规范对设计思维的形成非常有帮助,特别是Microsoft和Apple的文档。

4.做交互设计方案的方法,如绘制流程图、原型图和撰写交互设计规范文档,难度不大,只是需要多次的练习。但这种文档很少会对外分享,学生很难学习到这部分内容,这会影响到他们表达自己的设计想法。

进阶篇

适合有3个月以上项目经验的设计师学习:

1.特定控件设计,如标签栏、标签栏、列表界面和弹窗口等,汇总已有设计的优缺点和网页设计规律。

2.特定界面设计,界面中如何呈现特定的信息,如应用程序首页、个人资料或者数据流界面。

3.独立常用功能设计,如注册登录、刷新和功能引导,需要了解功能背后的技术知识和产品策略,需要绘制流程图,组织线性的操作流。你需要调研已有产品,并试图区分它们的优缺点。与技术人员沟通是学习技术的有效途径,你可以有意为难产品经理,让他们讲解各种产品策略,掌握更多的信息对于做出正确的设计决策和扩展眼界非常有帮助。

中阶篇

适合具有一个以上完整项目经验的设计师学习:

1.多项功能设计,一个界面融合单独的功能,需要应用到设计方法和架构的思路。设计方法是挖掘用户需求和推动设计优先级的情景故事法、卡片分类、人物角色、访谈和问卷等。这些方法的学习不是必须的,你可能工作两年从来没有使用过它们,但也设计出了不错的产品。这些方法可以作为了解性知识,当有需要时再深入学习,方法只能帮助设计师发现问题和避免问题,但不能对结果起到决定性作用。

2.方法和已有的设计风格研究,以总结为主,最好能应用到自己的设计当中去,千言万语不如动手实践。

3.竞品和优秀产品分析。这件事情看起来很普通,如果没有相关的设计知识和分析能力,只能生搬硬套大概念,无法综合多种因素分析,压根找不到切入点。

4.最新的系统和产品分析。之前的学习都知识的深向发展,但是这一条需要设计师具备较为广阔的知识面,不仅仅限于自己参与过的产品。如果每两周专注研究一个方向,你将比八成的人更熟悉。

通过不定期下载多种同类应用程序,查阅资料,已经研究过输入法、LBS、个性推荐、语音输入和阅读类等产品,虽然从来没有参与过这些项目,但从中可以加深对设计的理解,做好知识积累。

5.掌控技术。网页设计师需要对技术有掌控能力,就像工业设计师掌握各种材料的特性才能游刃有余,这也是尝试弥补自身不足。web端交互设计师要求会写html和 css,一是便于设计,二是锻炼逻辑思维能力,而手机交互设计师对技术普遍缺乏了解。早期交互设计师是从程序员中分离出来的职位,用来弥补程序设计的不足。所以我更喜欢听技术讲座。

纯粹的技术路线比较难,如果你对社交、搜索和电子商务等领域有深入的理解,这可以增加个人在职场的不可替代性。

高阶篇

个人还在探索,还是以能做出好产品为目标,主要方向是:

1.产品架构,web端已有架构的理念,手机端也会面临这个问题。

2.设计趋势研究,比如操作方式,做预测是最难的。

3.产品发展趋势,如未来LBS产品在手机端如何设计 ,如何为用户的生活带来便利,这需要设计师具备预见能力和判断力。

……

注意事项

学习中需要注意以下几点:

1.学习宜由浅入深,知识需深入浅出,早期可以挑一 些简单的产品研究,如阅读类产品,先形成适合自己的学习方法。题目不宜太难,有位学弟想研究手机支付,资料很少,无从下手,会打击到自信心。

2.工作太忙,也要抽空学习,这影响到长期发展。挑选工作时,尽量加入学习型团队。每家公司都会对你许诺发展空间,甚至是期权,你完全可以忽略。

3.给自己找个好老师,如果你的运气足够好的话。

4.少扯淡,这种忽悠外行人的伎俩对你没有好处,纯粹是浪费时间。

5.理论不是必须的,不要看到别人写博客有心理压力,貌似自己不这么做无法体现自己的专业能力。如果你能动手设计出优秀的产品,理论完全可以忽略,实践甚于理论。

6.不要迷信相信理论和从这博客中看到的,保持独立思考。设计团队中最可贵的人才是经常提出自己不同见解的,合理地质疑设计方案。

7.不要瞎编造和固执,当你试图以某种理论设计产品或者说服他人时,确保自己能举三个以上的案例。

三、在校大学生篇

现在这一代的交互设计师,除了留学回来,或者西安交大等几所国内大学科班出身的,基本都是从各种其他专业转过来的,从相关设计专业转过来的,也寥寥可数。

基本上每个人都有自己成长的不同路径,不同方法,找到属于自己的那条路是最重要的。

专业上的提升,其实我觉得不是问题,只写写我觉得对于“非设计专业”的同学进入“设计”领域可能比较重要的几点。

1. 理解什么是设计

非常多的人入行后会关注”交互设计”前面的”交互”,却容易忽略后面的”设计”。

但只有理解什么是”设计”,才能更好地理解什么是”交互设计”。

1)阅读《现代设计史》、《什么是产品设计》这类书能帮助你理解设计;

2)至少你得看看《关键设计报告》,看看那些著名的交互设计是怎么设计出来的;

3)空闲时阅读一下《设计中的设计》之类设计思考的书;

4)经常想想,自己每天究竟是在做什么。

2. 学习关注人,而非仅仅是产品

我在工作了很久之后才反思到这点(就是因为对设计的理解不深)。

设计原本就是为人服务的,而交互设计尤其强调”交互”的过程。要学习不只关注产品,还要关注人。

1)不要只盯着产品,留意观察周围到人是怎么使用产品,他们的行为是怎样的;

2)学习心理学,反思自己的体验,了解体验是如何发生的;

3)你可以不懂用户研究的所有事情和知识,但一定要有所了解,至少不要误用他们的报告。

3. 提升自己的品位,对美的感受力

品位有多重要?看看Jobs和Gates的差别就知道了。 不要忽略设计专业出身的人的优势:对美的鉴别和感受能力, 这会影响一个人的品位。

许多 非设计专业的人因为接触相对较少,也没有经过系统的训练,在感受力和鉴别力方面会显得比较弱。表现在设计中就是缺乏美感。

1)大量的去看、去接触、去感受那些美好的东西。不只产品,所有艺术相关的事物都应该接触;

2)看展览是非常好的事情,能和一个设计专业的朋友一起去就更好了;

3)有兴趣的话,可以学习摄影。

有人可能不理解”交互设计师”为什么也需要。我想说,只要是设计师,就必须拥有好的品位。

4. 多读书,完整地读书

很多人觉得读书没有用,非常理论,无法实际运用……对于新人来说的确是这样的。
但是,非科班出身的人面对的一个非常大的挑战,就是缺乏完整的知识和思维体系。
所以,读书不仅仅是为了关注具体的理论或内容,更重要是去感受和了解作者的体系是怎么样的。

1)多读书,了解不同的设计思维体系,建立自己的思维体系;

2)类似《Don’t Make Me Think》,你也会发现它是按照Web开发过程来写的:认知心理-设计原则-内容-导航-细节-用户测试-开发

3)作为设计师, 其实是应该读更多不同专业的书的….

5. 尽可能地扩展知识面

尤其是在互联网产品设计流程中,现在的交互设计师扮演了一个承上启下的关键角色。

1)了解和你工作流程相关的所有事情,无论多远;

2)了解你的同事们是怎么工作的,不只是事情本身,还有人;

3)接触在不同设计领域工作的人。

四、平面转行篇

平面设计的理念这个词有点广。让我啰嗦点解析一下思路,然后试者回答如何进行”转换”理念…怕听来有点理论,所以加上一些例子来比较。

逻辑上来说…

1)首先,平面设计的理念可以有不同层级:观点、视觉沟通:布局(Layout)、表现手法等。

2)细节、美工等设计元素应是这个以观察或阅读为主的沟通体验的重要接触点。有点类似人机界面里的具体元件,让用户可以接触与操控的东西。

3)这个观察与阅读体验不见得完全被动,想想一些”活动”贴纸、t-shirt、收集签名…
这个体验要刊登的媒体一样必须有整体的考量。对谁说、跟多少人说都算是策略规
4)划的东西…就像交互体验里的接触点:手机、装置、网站、服务人员等

理念不变,变化的只是媒介与工具的角色

所以说如果一个海报传达一个设计者的理念,那交互设计只是另一种手段,转变的都是”阅读”与”使用”体验本质跟媒体的差异。可以看一些平面设计师涉足交互设计或互动艺术的案例。

比较极端但经典的例子是Joshua Davis跟Processing的创始人。<- 被”媒介”转化而启发的设计经典

设计元素的共通性

如果”理念”是像其他朋友提到的视觉、逻辑、流程…其实平面是有类似的元素。比方说报纸的导读、字学跟”阅读行为”为主的交互体验是习习相关的。只是这个平面设计的项目性质、成本是否与这些相关。

你看好的报纸、杂志设计,它的网站或iPad App也不会差到哪里去。FastCompany, NYTimes… Weird (迟疑中)

1)设计理念当然适用于交互设计中,很多是延展并演化,交互设计是众多学科的综合且不断的自我演化。Apple的例子应该很明显的回答了你的问题。

从两个极端的角度来看,中间的转换

1)很多平面设计师、品牌公司的网站,大多从展示页面的观念出发来形成这个网页的体验。较不偏重从这媒体上、从与用户交流带给自己什么。

2)不过可以看看Muji的网站跟其他数字体验。

3)相对来说,Jonathan Harris 的 We feel fine 这样的体验,就根源于网路生态的特性,把交互设计里面一个截取分享、策划整合(curate)、从新视觉化成一种影像。完全是非常有意思的转化过程。

影响力:(或许是共通却无法比较的)

平面设计不见得只强调视觉上的愉悦。好的平面设计比任何非线性的交互设计更有效率的传达情感、信息与发挥影响力。用户体验与情感真的能被设计吗?really?

你看经济学人在最近日本大地震后做出的封面,没有任何一个交互设计项目可以在这么短的时间发挥感染力。

有好的平面設計水平(sense)進入交互设计之后,能用更视觉化的方式”看见”体验的痛点,并提出更人性的设计观点。

说平面设计背景出身的只能做UI? 想想TED的创办人–Richard Saul Wurman,他给这个世界带来的TED体验。

五、职场篇

1,求职篇

有很多同学问我,学校没有用户体验设计相关的课程,怎么才能把自己培养成一名合格的用户体验设计师。咱们不妨从了解和分析企业的要求入手,这里以创新工场为例

2,职业发展篇

如何从新人蜕变为大牛?

首先,交互设计师要具有如下特质

1)逻辑思维能力强

2)数据分析能力好

3)有同理心

4)有激情

5)有审美眼光

6)有创新意识

7)有良好的沟通能力

8)有敏捷的执行能力

9)胆大心细

10)有大局观

11)善于观察

12)仔细倾听

在欠缺的方面,需要去弥补,比如我就要弥补数据分析能力、沟通能力、观察和倾听能力。

其次,要有自己信仰的设计原则,最好自己去总结

比如我的原则就是缩减、隐藏、附加、组织,每次拿这个原则去套用,检查我的手机产品设计是否足够的简单可依赖。

第三,掌握很好的流程和方法

有自己擅长的设计工具和设计方法。遇到问题可以先明确需求,了解角色、场景、任务,再细分去做流程。交付的东西足够专业,有说服力,有很强的表意能力和演示性。

第四,要用项目来证明自己

一切都是空谈,唯有拿得出手的产品,才是你的能力证明。所以,在你有选择权的时候,要去选择合适的产品,可以为足够多的人,提供有意义的服务,可以体现自己设计价值的产品。不要为了赚钱,做一些乱七八糟的事情。要懂得,自己的职业生涯需要有意义。怎么去谱写,把握在你自己手里。

第五,要有积极总结和分享的精神

交互真的是一个要活到老学到了的职位了,你要持续关注最新产品,最新交互设计方法,保持自己的精力充沛和创业无穷是很难的。在每个阶段性的时间里,都要沉淀自己的案例,积累自己的理论,乐于总结和分享,这对你自己来说是个莫大的促进作用,对比人来说也是好事情。
第六,要有自己的品牌意识

这个我没什么发言权,但是我觉得这个最重要。包含了你的工作方式,设计理念,为人处世,等等,最高境界,也就不过如此。你的作品,可以被称之为XX出品。

3,职场沟通篇

与产品经理意见不一致怎么办?

1.不要认为意见不一是坏事,交互设计师从设计体验的角度为你的产品把脉,你从产品未来规划的角度为产品建模。有意见才能检验彼此的观点是否正确。

2.如果按你所说,交互对产品没有做分析,产品形态和通用规则他不了解,那他在公司就是混饭吃的,你可以不搭理他,找别的设计师合作,实在绕不过认命吧。

3.如果按你所说,交互不了解产品未来规划,那就是你的不对。前期调研和产品规划你不给他分享,不让他参与,设计师只能凭经验和感官设计,这是不符合”以用户为中心的设计”,交互设计必须尽早介入项目才对项目发展有推动作用。

4.对于A/B方案,最好的方式就是测试,让用户测。

5.交互设计是一门有严谨方法论的科学,希望你能多和设计师沟通,没有设计师的支持,你的产品即使功能框架没有偏差,糟糕的体验也会害了你。绕过交互设计这个环节,未来再去重视体验,是补不回来的。

交互设计行业起步晚,流程正在逐步完善,不要低估这个行业的价值。

六、工具类

Mockup Builder:

杀手级的原型工具 MockupBuilder最近才发布,很值得期待。他有非常多的功能:UI模型,交互的线框图,页面布局,客户端原型甚至站点地图和屏幕导航。

Tiggr:

协作制作原型图 Tiggr的思想是给你需要做成最终稿的所有资源。你可以设计很多的元素,然后分享,其他的协作用户会帮你制作相应HTML/CSS代码,以达到最快生成。

Frame Box:

轻量级原型在线制作 FrameBox并没有多么特别的特色。你可以拖放、设置大小、复制粘贴这些UI组件,但是他的特色在于你可以非常轻松的通过它的拖拽很容易就完成你的原型制作。

SimpleDiagrams:

免费版(Adobe Air App) simplediagrams是一个非常小巧的Adobe Air程序,通过他你可以非常轻松的实现自己的想法。拖拽组件,添加图片或者便签,导出PNG图都是他的特色,通过添加一些小功能就能实现一个非常不错的原型图。

iPhone Mockup:

iPhone原型制作,在iPhone Mockup里面你可以使用铅笔模式,也可以使用图表模式的编辑器。不管你选择什么,功能都是一样的,都可以很简单很方便的生成iPhone上的应用原型。你也可以分享给别人,就算你更改了设计,别人通过那个链接也一样可以看到。

FluidIA:

fluidIA是一个在线的但是可以下载的富用户界面原型设计工具。它基于面向对象的理念,可以让你快速完善。它设计的基本思想是团队中的任何成员,无论是设计师还是工程师都可以自由的设计自己的原型。最近fluidIA的更新稍微慢了点,但是它仍是一个非常优秀的线框图工具。.

Pencil Project:

FireFox插件 Pencil Project是一个原型界面设计的Firefox插件,通过它内置的模板,你可以创建可链接的文档,并输出成为HTML文件、PNG、OpenOffice文档、Word文档、PDF。还有什么可说的呢?这么优秀的插件,是每个设计师和开发人员必备啊。
CogToolWin MAC下应用程序 CogTool是一个强大原型生成工具,他与别的工具还有一些不同,他可以对你的设计自动根据人类认知模型进行评估。你可以通过一些图标啊按钮啊图片,生成一个描述,然后点击评估的按钮,他就会对你的设计进行人类认知模型的评估,他会告诉你一般人需要多久才能理解你的意图。

Prototype Composer:

Prototype Composer可以让你在真正的代码编写之前就看到网站是如何运行的。以前的那些无数的文字入口,复杂的数据结构以及技术含量不低的UML图,这个工具可以让你很方便的协作完成一个看起来能运行的程序。
DUB – DENIM(跨平台应用程序) DENIM是一个跨平台的桌面程序。他自己的介绍是为早期网站设计提供帮助的非正式工具。

它有很多理念来自于纸笔设计原型。你可以快速的画出草图,保证重要的功能优先。但是跟纸笔的草图不同的是,他还可以有交互和动画。

图盛网络,专业广州网站建设公司,广州网络公司领先网络品牌,3年网站建设经验,超过5000家成功案例,作为广州网站建设公司,广州网站设计公司和知名广州网站制作公司,提供:广州网站建设,广州网站制作,广州网站设计,广州做网站,广州建网站,广州建站等服务专业资质获得广大客户的认可。
更多网站资讯,微信轻松扫一扫关注图盛网络(www.tusheng88.com)。

[返回]

免费咨询

  • 张小姐: QQ
  • 姚经理: QQ
  • 赵先生: QQ
  • 16602060624