美文网首页iDesign
交互设计入门完全指南

交互设计入门完全指南

作者: Kince_X | 来源:发表于2017-01-24 17:50 被阅读158次

    准备好涉足交互设计了吗?

    相较于网页设计波澜不惊的开端,交互设计的成长之路漫长而曲折。最初,网络设计师(web designer)这个术语更像是描述一个”平面设计师“(graphic designer):一个关注于文字和图面编排的设计师。但是现在,大多数网站和在线应用程序都是互动的。因而,现在的网页设计师不再像以前传统的平面设计师一样,而是需要做出哇暖不同的考虑。未来弥补这种差距,交互设计学科应运而生。

    一、学习计划

    阶段一:什么是交互

    (一)交互设计概念

    仅在数十年前,第一个互动系统首次亮相,交互设计也就由此产生。新的界面带来了新的挑战,涌现出一批新的设计师来接受这个挑战。

    交互设计,就像用户体验设计(user experience designer),为促进人和环境的互动不断发展。但不像用户体验设计包含了所有用户的软件和系统,交互设计师仅考虑用户和电脑之间的互动。这样的定位被称为”人机交互“。

    (二)哪些理念引领交互设计

    2.1目标驱动设计

    虽然交互设计师并不严格要求进行用户研究,但全面的用户研究结果是最佳导向设计必不可少的。在每一个设计学科领域,艺术家首先必须承他们的缺陷,然后设计一个解决方案。设定清晰的用户目标,以使得形式和功能完美结合。

    2.2神奇的界面

    理想状态下界面不应该在用户的脑海中出现——他们应该简单地看到界面作为底层系统的扩展。为此,最佳交互设计并不存在:他们不会花很长时间去加载或回应;他们不会让用户去思考;他们不会给用户增加烦恼。只给用户需要的,然后走下一步。

    2.3实用性

    交互设计师必须考虑他们设计的界面的实用性。界面使底层系统易于被理解和使用。

    2.4启示性

    剪刀的设计让不熟悉剪刀的人一下子就明白哪里是手持,哪里是剪切。交互设计也一样。形式服从于功能。链接就应该像链接,按钮就应该像按钮,搜索框就应该像搜索框。启示性代表了参与者与他们周围环境之间的可能性行为。

    2.5可学习性

    大量用来组织用户界面的都是熟悉的组件,这与用户习惯和界面使用习惯有关系。当面临相似的设计挑战时,优秀的设计师不会花时间去重新设计一个组件,相反他们会寻找网上优秀的交互设计。交互设计师应该花大力气让这个界面易于掌握和学习。这一点需要对当下的设计惯例、启示性及网络整体的实用性都非常的熟悉。

    (三)交互设计师做什么

    3.1组织宣传设计策略

    一个交互设计师需要知道他/她为谁设计,以及他们的目标是是什么。而这些信息则有信息架构师和用户研究人员来提供。接下来,交互设计师将评估设计目标,展开设计策略。设计策略则帮助团队成员之间在什么样的交互能够帮助用户实现目标方面,达成共识。

    3.2确定和构建交互框架

    当交互设计师有一个刺激他/她设计的好想法时,他/她会开始构思这个界面,用它来辅助必要的交互活动。可能会通过便签本,写字板来绘制互动设计;或者专业软件工具;团队合作;独立工作,等等。

    3.3交互雏形

    创建雏形的方式:xhtml/css雏形创建模式,纸面雏形创建模式,protocasting。

    3.4随时关注

    经常性的在网络上搜索新的交互模式利用新技术(比如:CSS3/H5)来适应这种变化,然后推动媒体不断向前发展。

    (四)知名交互设计师

    Cennydd Bowles

    致力于使网络变得更好,他在电子商务、政府和社区网络设计方面有数年的经验。作为一个Clearleft用户体验师,他非常努力地思考、记录和实践信息架构、交互设计和注重实用性,好像没有明天一样。Cennydd在他的博客中写了关于用户体验和交互设计的相关内容。

    Nathan Curtis

    是EightShapes的创始人和主要负责人,EightShapes是一个位于华盛顿的用户体验咨询公司。Nathan从1996年开始从事包括用户体验在内的不同工作。他感兴趣的领域包括信息架构,交互设计,可用性研究和前端开发。他从2006年开始创建EightShapes,自此他帮助改善了华盛顿及全美国的客户的用户体验。

    Tim Van Damme

    是一个24岁的界面设计师,他在比利时长大和工作。当他不再为他的公司Made by Elepant工作时,他会四处旅行或出席会议。Tim的个人博客在。

    Theresa Neil

    是一个在德克萨斯州奥斯汀市的用户体验顾问。从2001年起,她领导设计了超过80个实时网络、桌面和移动应用程序。她最近的客户包括Zenoss, Innography, PayPal, Pervasive,和OneSpot。

    Bill Scott

    是在加州Los Gatos的Netflix公司的用户界面设计主管。他把界面设计和设计手法结合在一起。Scott之前是Yahoo! Ajax的传播者以及Yahoo!图库的管理员。他对设计实用型产品技术上和创意上独到的见解为IT界写下了一段迷人的历史。欢迎关注BillScott的博客Looks Good Works Well。

    (五)交互设计工具

    请记住当网页界面最终创建好时,需要用诸如CSS、HTML、Flash等面向用户的(前端)技术来完成。

    BALSAMIQ MOCKUPS是一个非常棒的Adobe Air应用程序,使构建交互变得非常容易。Balsamiq团队做得非常出色,为用户提供了大量实用的应用设计的交互设计模板。此外,用户可以很快地跟客户分享构建框架,建立起框架与更多方面间的联系。

    Omnigraffle是一款适用于Mac OS X系统的出色的绘图软件。交互设计师可以利用像Omnigraffle这样的绘图软件创造出温和的美感。Omnigraffle加载了一系列值得称道的功能,包括:点击即可显示功能(例如,你可以展示一个模式如何运作),绘制bezier曲线等。

    尽管最早InDesign是一个页面布局的应用程序,主要是平面设计师在使用它,但它在交互设计中的实用性不容忽视,特别是它引入了EightShapes Unifyframework(见下文)。它是Adobe creativeSuite中的一员,InDesign可能是将工作流程简单化的一个理想工具,它使你的团队工作起来更加容易。

    最后但也是相当重要的,我们不要忘了永远忠诚的Moleskine笔记本。用铅笔和纸来绘制给架构过程增加了一点人文因素,这是其他软件工具所不能比拟的。再者,所有人都可以参与。即便是最差的设计师都能画“方框和箭头”。记得花钱买一些这样的笔记本,然后在跟客户第一次见面的时候带上他们,特别是当白板不是那么方便的时候。

    (六) 相关资源

    用Balsamiq Mockups建立的Mockups To Go,是一个由用户提供,可以马上使用的交互设计组件和设计模式的合集。如果你发现自己在做一些现在已有的东西,你应该立刻去查看这个设计库;他们或许有和你的设计非常接近的模板。

    OmniGraffle version 5.x.Konigi公司免费提供了一系列制作线框(低保真网页设计图)的图形。它包含了大多数你需要用来创建用户界面的基本元素。

    Unify使你的用户体验设计更统一。简介如下:EightShapesUnify是一个模板、图库和其他组件的合集,它使用户体验设计师的设计更统一,有效和快速。这个系统使用了AdobeCreative Suite,最主要的一点,InDesign是其中至关重要的一个制作工具。

    总之,EightShapes尝试规范交互(和用户体验)设计师的工作流程。它的信息非常全面,同时有教学视频,你可以马上开始自学。

    (七)有关交互设计师的书单

    《Designing WebInterfaces:Principles and Patterns for Rich Interactions》

    《The Principles of Beautiful Web Design》

    《Designing the Obvious:A Common Sense Approach to Web Application Design》

    《About Face 3: The Essentials of Interaction Design》

    《Sketching User Experiences:Getting the Design Right and the Right Design (InteractiveTechnologies)》

    阶段二:交互原型设计

    原型设计

    阶段三:用户体验设计

    用户体验

    阶段四:产品设计

    产品设计

    阶段五:信息架构设计

    高级交互设计师

    二、学习渠道

    1、网站

    2、官方Q群

    3、官方微信“

    相关文章

      网友评论

        本文标题:交互设计入门完全指南

        本文链接:https://www.haomeiwen.com/subject/bpcskttx.html