IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

那些经典交互设计流程与方法,真的足够好吗?

震天下 • 2017-05-25 14:05 • 交互设计

在传统的交互设计 流程中,比较看重从设计目标建立到最终方案推导过程的逻辑性、终端用户体验与用户心理认知模型的匹配性等,相关的 UCD 设计方法 很多,而基本框架则是大同小异。在规模较大的公司与设计团队里,作为交互设计 师的我们也习惯了运用这种按部就班、环环紧扣的推导方式,帮助自己有理有据地应对各种「为什么这么做」的挑战。

文章目录[隐藏]

  • 相关文章

那些经典交互设计流程与方法,真的足够好吗?

在传统的交互设计流程中,比较看重从设计目标建立到最终方案推导过程的逻辑性、终端用户体验与用户心理认知模型的匹配性等,相关的 UCD 设计方法很多,而基本框架则是大同小异。在规模较大的公司与设计团队里,作为交互设计师的我们也习惯了运用这种按部就班、环环紧扣的推导方式,帮助自己有理有据地应对各种「为什么这么做」的挑战。

但在实际工作中,并不是每一个项目都是按照理想化的线性设计流程执行,除去日常迭代类的需求,即使在相对完整的项目里,依靠某个灵光一现的想法或者老板一句命令而启动的情况并不少见,当遇到这种情况时,有些交互设计师会尝试进行一些反向推导(先有结论,再找支撑结论的原因)来强行圆回自己习惯的设计流程,降低在评审中遭到挑战的可能性,即使自己内心并不认同这样做。

可是,被我们奉为圭臬的那些经典交互设计流程与方法,真的足够好吗?当我还原了一下自己在工作中处于沉迷运用各种方法阶段时的状态时,我开始意识到:我之所以喜欢这么做,更重要的原因是为了减少自己在设计中犯错和遭到挑战的概率、增强对别人的说服力、完成自己的专业沉淀等,而不是设计出真正令用户喜欢的产品。再回顾那段时间的设计产出,虽然貌似专业正确,却多少存在循规蹈矩、缺乏惊喜、创新性不足等缺点,没有灵气和触动人心的感觉。而随着改变这种局面的冲动感越来越强,我开始感到传统交互设计思维可能并给不了我想要的答案,甚至可能就是造成这种桎梏的原因,我需要从中跳出来,寻找全新的出路。

突破惯性束缚

作为交互设计师的我们,常常把「设计原则」、「平台规范」、「用户习惯」一类词汇挂在嘴边,对各种常见组件和设计模式熟稔于心,致力于降低用户认知和学习的成本、提高产品可用性等。这样做是我们的安身立命之本,当然没有错,却也可能造成一些潜在问题:体验趋同、缺乏亮点、审美疲劳等。

举个已经烂俗的海报设计例子,在我们的认知习惯里,海报通常都会用各类色彩来营造强烈视觉冲击力,但当一整面墙都贴满了五颜六色的海报,再加一张有着绚烂色彩的海报,就远不如一张黑白海报冲击力强了。在我们的设计工作中也会有相似的情况,比如很多官网、APP 都喜欢用一个通栏大 Banner 来渲染气氛,清一色的首屏布局等,从设计原则、用户习惯的角度来看这样做并没有什么错,可却看不到什么差异化的创新亮点。

APP 「表态」是我觉得做得比好好的一个案例,很多投票、话题类的 APP 都喜欢用封面图、大色块等渲染气氛,表态却坚持轻量设计的理念,在标题区进行大块留白,整体风格都是轻色彩、轻字体、轻背景,反而能更好地吸引用户注意力。

那些经典交互设计流程与方法,真的足够好吗?

另一方面,设计原则、用户习惯并非一成不变,我们需要保持对最新设计趋势的关注,而不是陷在一些陈旧的思维框架里面。比如说「首屏线」,在以前 PC端页面设计时非常重要,但近年来随着不同屏幕尺寸的终端设备日益丰富、用户滑屏浏览习惯逐渐养成,已经迅速成为了一个过时的概念。

随着用户体验设计标准化趋势的增强,只会沿袭既有设计模式、对用户习惯唯唯诺诺,而不能洞察问题本质、关注趋势变化、敢于突破常规的交互设计师,空间恐怕只会变得越来越小。

学习视觉思维

交互视觉岗位界限的模糊化也是现在的一个趋势,作为一个实习生时期就在出各种高保真设计稿的交互,我一直以为自己还是算懂一点视觉的,后来才意识到我所谓的懂,不过是一点技巧层面的东西,在思维方式上我仍然是彻头彻尾的交互设计。

最近读了几本美国视觉设计学院用书,书中的一些网站设计案例给了我较深的印象,在设计流程上,区别于我们工作中常常根据产品/运营限定的内容来做梳理分类、优先级划分进而出方案、测试获取反馈等,这些案例先集中于创意发散,设计开发出几种完全不同风格的方案,在创意确定通过后,再和客户一起编辑填充内容。工作实践中,有时候虽然业务需求还没有完全明确,作为设计师我们也可以考虑适当抢跑开始探索,围绕核心目标尽可能多地发散想法、出概念稿等,而如果总是被动等到需求确定,在内容优先级的梳理取舍上可能就要花去大量沟通精力,也不会有多少探索不同创意的时间了。

视觉设计师们在工作中经常会定义一些品牌基调、设计关键词等,我觉得这个其实在交互设计阶段就可以考虑和渗透进去,思考怎样在合适的场景以合适的行为传达给用户相应认知,融入更多的感性思维,赋予最终方案更多的「灵性」,而不只满足于出一份仅仅是推导完整、逻辑架构清晰、符合可用性原则、考虑特殊场景的交互设计稿。

那些经典交互设计流程与方法,真的足够好吗?

灵感驱动设计

我们在设计流程中讲究目标驱动、用户驱动、业务驱动等,但其实还有一种不那么符合规矩的「灵感驱动」,好的设计方案并不一定是通过某种固定的方法流程推导得出,也可能是不知什么时候灵光一现而促成。

灵感并非唾手可得,经历过「想法枯竭」和「想法爆棚」两种不同状态的我,感觉很重要的一点是需要养成随时随地思考记录的习惯,事实上,这半年来我产生的几个最喜欢的设计灵感,很少有在工位电脑前敲敲打打得出的,印象比较深的是有一次洗澡时突然想到一个点子,然后一洗完就迅速打开电脑画原型做 Demo,把想法快速记录表达出来。

还有一些小技巧比如使用纸笔而非软件、限定时间等,都可以起到一定的激发灵感作用,不过最重要的还是多看多想,培养丰富的阅历和活跃的思维。

总结

从传统交互设计流程中适当跳出并不意味着背道而行,相反,传统交互设计思维也可以反过来帮我们纠正过去剑走偏锋的地方,避免做出一些过于注重创意表达、突破常规却违背了基本可用性原则、用户认知理解困难,「为设计而设计」的方案,让理性与感性形成合力,做出真正触动人心的设计。

欢迎关注阿里CCOUX团队的微信公众号:

37.2qr

「设计师思维好文」

  1. 让你脑洞大开的创新思维方法系列:水平思维
  2. 让你脑洞大开的创新思维方法系列:奔驰法
  3. 为什么设计师需要理解产品业务?聊聊结构化思维的应用

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

相关文章

  • 一招教你让交互方案更靠谱!超好用的目标导向设计法
  • 用追女生的方法做设计!O2O用户体验设计方法之五线谱
  • 谷歌产品设计的秘诀:2017年你最应该掌握的设计方法
  • 基础小技巧!5个简单直观的设计对比方法
  • 腾讯高级交互设计师:什么是优秀的设计思维与方法?
  • 量身定制的学问!如何给企业打造气质相符的LOGO?

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/20476/

GooglelogoPSUIUX交互交互设计交互设计师产品产品设计分享原型场景字体微信沟通灵感用户用户体验用户体验设计素材网站设计网页设计视觉视觉设计设计设计师设计案例话题谷歌运营
赞 (0)
震天下震天下
0
生成海报
初级用户体验设计师可以向其他合作伙伴学习什么?(前端 & 开发篇)
上一篇 2017-05-25 13:10
同一页面放两个相同的链接:这样的重复是有益还是有害?
下一篇 2017-05-25 14:17

相关推荐

  • 微信热点

    Axure RP 8.0软件安装教程

    软件链接:Axure RP 8(32、64位)链接:https://pan.baidu.com/s/1pMubgLl密码:0nb1软件介绍Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。安装教程共享软件库1.点击历史信息,查看更多内容2.长按右...

    2018-03-04
  • 原创译文 | 面向对象的用户体验设计 交互设计

    原创译文 | 面向对象的用户体验设计

    2012年6月,我在CNN.com工作时,接到了为“选举之夜”进行用户体验设计的任务。接下来的5个月我为那1个晚上贡献了全部精力——但我的成功对选举的胜利方没啥影响。我所关注的是页面的可读性,数据的可视化,可变形的画布,以及在iPhone上怎么实现该死的鼠标悬停弹窗效果。在当时,CNN.com首次上线了响应式体验站点,同时,我也第一次面临响应式体验设计。

    2017-06-01
  • 微信热点

    十张图看懂交互设计原则

    一致性保持视觉统一性,才能加深用户对产品品牌的认知,降低用户的学习成本可视性用户一看便知的操作方法认知不一味只求美感或者感觉,而是从一般人的认知习惯,比如视觉,阅读,记忆,学习等多方面开展设计反馈用户需要接收到操作结果的完整、持续的反馈信息自然操作流程顺畅不生硬,节点、逻辑跳转符合人类的思维习惯情感化与人文关怀赋予设计的产品生命力和亲和力,不要把产品当成一个冷冰冰的使用工具错误控制考虑可能出现的人为差错,在设计的时候先行避免效率简化任务...

    2018-04-12
  • 常逛这3个交互设计类网站,轻松get设计技巧和灵感 从零开始学交互

    常逛这3个交互设计类网站,轻松get设计技巧和灵感

    DribbbleDribbble是一个著名的UI设计、交互设计社区,许多设计师寻找灵感,与设计师同行进行交流切磋等都会到这里来。 它面向创作家、艺术工作者、设计师等创意类作品的人群,提供作品在线服务,供网友在线查…

    2017-08-02
  • 视觉冲击 | 颜色vs反差,哪一个更能吸引眼球? 交互设计

    视觉冲击 | 颜色vs反差,哪一个更能吸引眼球?

    大多数的人们都熟悉色彩心理学;成百上千的文章、案例研究、甚至是从不同角度进行分析的图表。颜色对我们的影响,将影响我们决策过程中的每一个选择。这点是毫无争议的。但是,我们不应该盲目的遵循某一个原则去辨别。今天,我们就一起来测试对比度在吸引关注中的作用。

    2017-06-04
  • 微信热点

    无障碍的交互设计,需要做到这7点

    先从字面上来理解何为“无障碍”。生活中许多场所中,除了供给正常人使用的区域外,还有一些针对工作人员、特殊人员(残障人士、老弱病残、孕妇等)的无障碍通道/设施,比如:机场、地铁、厕所、展会等。无障碍设施/通道是能够兼容普通人员和特殊人员共同使用的,且相对来说使用起来更为便捷、直接、且省时省力。-交互中的无障碍需要考虑到哪两方面?-那么交互中的无障碍又有哪几层含义呢?从常规的使用人群来看,首先要满足普通人群使用。其次,当一个优秀产品具有一定...

    2018-03-31
  • 按钮体验设计:最佳的感受,形式和状态 交互设计

    按钮体验设计:最佳的感受,形式和状态

      按钮体验设计:最佳的感受,形式和状态 按钮是一个普通的,几乎我们每天都要接触的设计元素.除了这个,由于按钮是一个在网页或者app上创造流畅的会话流体验的必不可少的元素,所以它值得我们为按钮这样最基本的元…

    2016-03-24
  • 还有不知道锤子ROM新特性的吗?Smartisan OS v2.0.0 更新日志 交互设计

    还有不知道锤子ROM新特性的吗?Smartisan OS v2.0.0 更新日志

    Smartisan OS v2.0.0 开始公测,本次更新新增功能 10 项。主要有:1.丑颜相机;2.超大图标;3.透明桌面;4.桌面人脸识别功能;5.欢喜云查岗。今天我们会将该版本随机推送给 520 位 Smartisan T1 手机用户。欢迎收到…

    2015-08-05
  • 微信热点

    实例剖析尼尔森十大交互设计原则在设计中的用法

    Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习,然后跟现实中的设计结合来使用。本文作者(熊猫小生)通过一些具体的实例来跟大家深度解析尼尔森十大交互设计原则在设计中的用法~一、雅各布·尼尔森(Jakob Nielsen)简介雅各布·尼尔森(Ja...

    2018-01-30
  • 微信热点

    交互设计怎么入门呢?

    经常会有童鞋来问我:“交互设计如何入门?工业设计转行做交互设计的门槛高吗?用户体验和交互设计的区别是什么?”工业设计转行做交互的门槛并不高,就像工业设计需要考虑用户和实体产品之间的互动一样,交互设计更多的是考虑用户与界面之间的交互,只是换一个载体,其理论体系挺相似的。设计技能并不能弥补设计思维上的欠缺,技能只是一种表达方式,而Design Thinking才是最为核心的价值。基本概念浏览招聘网站上的讯息,就会发现UED,UX,UI等不同...

    2018-03-23
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress