首页 > 教程 > 关键词 > 交互设计最新资讯 > 正文

涨姿势!交互设计中的5项视觉指导原则

2015-04-02 09:47 · 稿源:colachan

来自UXPin的Jerry Cao,通过本文向我们解释了如何保持视觉与交互的协调。

我不想贬低文字的重要性,但也不想忽视视觉。两者是同等重要的交互设计元素。文字就是交互,但那些视觉元素(比如图标、菜单、图像等)才是用户实际上操作的东西。虽然有些可用性专家会提及Craigslist甚至Amazon,作为丑陋但可用(而且受欢迎)的网站案例。但毫无疑问,美感总会有所帮助。

情感是用户体验的关键:视觉设计优秀的网站能使用户放松,提升可信度和易用性。考虑到多数用户注意力短暂,认知往往成为事实:如果视觉做得很糟糕,用户不会费神去深入研究你的交互设计。

让我们来细说视觉的重要性,因为它关系到交互,保证了清晰的方向指引和一致性。

01. 尊重视觉的主导地位

我们从案例展示开始。看看下面的文字:

很显然,我们都知道“黄色”一词所指的颜色。但当多数人看到它时,他们理解到的可能只有红色。文字的外观取代了它的真正含义。

信息图专家David McCandless表明,我们大部分的脑力资源都花在了视觉上。

作为人类,视觉是我们的主要感观。但是其他动物更多依赖听觉与嗅觉,我们是视觉主导的生物。正如数据记者兼信息图专家David McCandless在一场引人入胜的TED演讲中提到的,我们会调动全部感观,但多数的脑力都花在了视觉上——虽然我们很难察觉。他用计算机进行了类比……

“视觉是感观中最迅速的。它和计算机网络的速度相同。之后是触觉,相当于一个U盘的速度。然后才是听觉与嗅觉,约等于硬盘的速度。

“后面才是可怜的味觉,运算速度几乎近似便携式计算器。角落里那个小方块,百分之0.7,那就是我们实际了解的量。所以你的很多感观——绝大多数感观都是视觉上的,它蜂拥而来——你却浑然不觉。”

视觉影响行为,也影响体验,Stephen P. Anderson说。

但是对于交互设计这意味着什么?它意味着你对产品做出的每一项视觉上的决策,都对交互有极大的影响,即使是在不知不觉间。

产品设计顾问Stephen P. Anderson指出,视觉影响的不只是体验,也会影响用户的行为。

这就是说好的视觉设计可以提升销量,提高注册量和转化率,激发某些特定的用户行为。看看下面这两个表单:

表单A

表单B

记住,交互设计的目标之一就是让用户尽可能少地思考。你认为哪个更有利于销售?哪个视觉上看更舒服?

第一例中,那密集恐惧症般的间距和过量的文字,让用户望而却步。第二例则色彩丰富、优美,看起来更简洁(尽管用户都得输入这些信息)。

由于交互设计就是要创造人们想用的东西,有吸引力的事物更激发人的渴求,因此更能发挥作用。

图片和导航在这个在线香料商店中相互协调。

不过除了吸引人的交互,优美的设计也提供了一层额外的理解。看看上面这个Old Town Spice Shop案例,你会发现这个网站的橱柜式布局立刻暗示了这家公司的意图和香料产品。

尽管你可能会质疑,用户先看到橱柜还是“Spices”和“Extracts”这些文字。毫无疑问的是,两者相互协调。

  • 相关推荐
  • 大家在看
  • SEO网站排名,现在如何重新规划与设计?

    对于百度搜索而言,并不是一个“平凡”的一年,可谓是“波澜不惊”,百度搜索引擎算法,几乎每天都在不断的调整与修正。

  • 斩获设计界“奥斯卡”缪斯设计奖铂金奖 小叶子值此殊荣

    近日,一年一度设计界的“奥斯卡”缪斯设计奖(Muse Design Awards)公布了 2020 年获奖名单,小叶子音乐教育旗下最新产品TheONE智能灯条二代斩获产品设计类目音乐组铂金奖、产品设计类目电子设备组金奖。据介绍,缪斯设计奖是国际奖项协会旗下的全球性奖项赛事之一,分为铂金奖、金奖、银奖、玫瑰金奖,今年收到来自全球 50 多个国家和地区的 13000 多件参赛作品, 130 名国际知名评委评审,竞争激烈。小叶子音乐教育能从此次大赛

  • 大鹏教育设计,打造通往专业设计师的高速发展通道

    自成立以来,大鹏教育以市场需求为导向,以技能增长、兴趣驱动为出发点,定位于互联网+教育,致力于打造更高效、更优质、更具性价比、更有体验感的线上教育平台。截止目前大鹏教育已开设六大学院,包括设计学院、美术学院、国画学院、书法学院、短视频学院和公益学院。其中,大鹏教育设计学院,以“把设计做好做精”为宗旨,助力学员储备专业技能,提高社会竞争力。大鹏教育设计助力学员储备专业技能根据市场需求和不同年龄段学员?

  • 设计师分享采用无按键“iPhone 13”设计图:酷炫环绕屏加持

    对于苹果来说,他们一直在准备更为激进的iPhone,比如取消充电接口,取消刘海等,不过暂时都不会量产,因为生产起来难度太大,而他们每年的更新要求的稳,而不是比有多激进。现在,国外设计师

  • 设计界的奥斯卡:华为智慧屏鸿蒙系统斩获德国红点设计奖

    近日,2020年度德国红点设计大奖(RedDot Award)正式揭晓,其中华为智慧屏鸿蒙UI系统凭借沉浸的视觉体验、创新的智慧交互设计而获奖。红点奖素有“设计界的奥斯卡”之称,被公认为国

  • 这个设计师的作品备受欢迎,但他其实只是个AI

    俄罗斯最大的设计公司之一Art. Lebedev工作室就尝试了将AI生成的作品冒充为人类创作,并成功的骗过了很多合作客户。

  • ACK气缸:以艺术诠释生活,以设计定义潮流

    5G时代下,生活的一切从简,从精。“精简”这个词几乎可以用来诠释当下的我们,在浮躁的环境下,我们更享受简单干净的事物。生活的每一个细节都在凸显我们的状态。不仅体现在我们的外在妆容、家居风格、颜色喜好,也体现在我们看不到的细节上。ACK是乐清宝顶气动元件有限公司旗下品牌,公司是国家定点专业生产缸等产品的大型企业,公司引进和吸收国内外先进技术,采用CNC数控机床等设备,选用日本PARKER密封件。产品现已广泛应用于

  • 福特利用超前的设计理念提升福特销量

    目前,在大环境不好的情况下,对于汽车厂家来说,需要足够的时间积极转型。在面对变革的时候,能够主动跳出“舒适圈”,大刀阔斧地改革以应对新变化,这才是一个优秀的车企所必备的。积极调整发展战略的福特汽车,相信有能力应对销量挑战。让福特销量重回巅峰时期,想必非常值得期待。在转型过程中,福特推出了多款新车型,而近日福特要推出的这款福特野马Mach F是基于福特在设计Mach E时放弃了保持50多年的双门历史,确定将会有4?

  • 易盖房员工故事:常年陪跑的杭州设计“站长”

    关注我们的朋友应该在之前每月的设计案例投票中都看到过范亚朋的名字,然而每次的冠军都是杨洋……喜欢读书、观展、听音乐的他,在工作中一直有一个习惯,就是全天站着画图(大家不要以为他是学习海明威,只是单纯因为长年沉迷设计导致的肩膀和脖子痛)。至于他和杨洋之间的关系,大家一起在本期的访谈中寻找答案吧! Q1:从入职到现在,你自己最满意的是哪个项目的设计? 我的建筑设计,尤其是来到易盖房以后,更多是注重于用户的实际

  • 软银计划继续持有芯片设计公司 ARM 的股份

    据日经新闻 8 月 1 日消息,软银计划继续持有芯片设计公司 ARM 的股份。

  • HONORTALENTS让设计师创意定义荣耀新品

    7 月 6 日,连卡佛正式吹响“创意集结号2020”的号角。面向年轻人的科技潮牌荣耀携手连卡佛征集创意人士。“创意集结号”旨在征集时装、珠宝、鞋包配饰、生活方式、美容和健康生活的新兴品牌及相关领域的创意人才,迄今已来到第 9 届。荣耀HONORTALNTS鼓励新锐原创设计,连卡佛创意集结号扶持创意人才,两个项目的结合将发掘未来的创意新星,让科技与时尚结合。6 月 5 日至 7 月 5 日,荣耀联手著名连卡佛打造的HONORlifexLaneCraw

  • 如何让设计不再单调,字体超市上百款字体随心挑选

    目前可以免费使用的字体虽然有挺多种,但对于专业的视频制作者、淘宝店主、专业设计师来说,市面上的免费字体永远无法满足他们的创意设计要求。因此大家都在寻找各种可商用,造型又十分有特点的创新字体,让自己的内容创作增加更多特点,这里字体超市(font.cn)就帮助各位设计师提供了多样的选择。

  • 先临三维EinScan-SE,设计师的跨界创作神器

    在“2019年第二届增材制造全球创新应用大赛”上,来自北京的两位设计师叶天威和翁佳,凭着一组文昌君德化白瓷的创意衍生品,一举获得“消费品升级—文博文创”竞赛单元一等奖。叶天威和翁佳是北京中关村科技园“3D打印数字维创中心设计师俱乐部”的成员,他们主业是建筑艺术、环境艺术,偶尔也喜欢“捣鼓”一些有意思的文创产品。参加2019年增材制造全球创新应用大赛,是机缘巧合下的一次致敬文化的跨界创作。当时,福建博物院有计

  • 台积电:目前没有投资软银旗下芯片设计公司ARM计划

    【TechWeb】8月6日消息,据国外媒体报道,此前,知情人士透露,台积电有兴趣投资软银旗下芯片设计公司ARM。对此,台积电方面表示,目前没有投资ARM的计划。软银是在2016年以320亿美元的价格收购ARM的,这笔交易是软银当时有史以来最大的一笔收购交易。今年7月中旬,外媒报道称,在苹果向ARM芯片转型的早期阶段,软银正在考虑出售ARM的部分或全部股份,或者让ARM进行首次公开募股。据悉,软银已接触台积电和富士康,探讨它们收购AR

  • 消息称华为准备4款Mate 40:包含保时捷设计版

    有微博网友给出消息称,华为正在准备的Mate 40中,也包含了保时捷设计版,如果是这样的话,那么新机大概率是要4个机型型号的。消息中提到,华为Mate 40系列中将包含至少4款机型,分别是Mate 4

  • 独特设计之选——评价ISSEY MIYAKE三宅一生新品手表

    随着审美追求的变化,在衣物之外的饰品开始越来越多元化,直到腕表的出现,一块小小的腕表既是功能性器械,又起到装饰作用,它可以是珠宝,也可以是彰显个性的挂件,就那样戴在人的手腕上,不显突兀的同时又极具存在感。手表所能表达的意义已经极大的发展,越来越呈现多元化的趋势,有点表现品味与个性思维的道具的意思了,如果现在的人出门手上没有一块手表,看起来都好像缺了点什么,它好像已经成为了我们互相了解的重要一环。 ?

  • Redmi新机更多信息曝光 直面屏设计主打游戏体验?

    日前,我们报道了Redmi新机的部分信息,该机搭载天玑处理器,屏占比超高,配备升降式镜头,边框控制效果出色。 7 月 5 日,微博博主@数码闲聊站 爆料称,Redmi这款新机的屏幕为直面屏,刷新率为120Hz,散热效果比较不错,大家可以期待它的游戏体验。

  • Redmi K40系列或4季度亮相:将延续升降真全面屏设计?

    随着火热的8月到来,手机圈一年中竞争最激烈的旗舰新机大厮杀也即将拉开帷幕,在各家的代表性旗舰中,红米即将推出的全新Redmi K40系列自然也是焦点之一。现在有最新消息,近日有数码博主晒出了该机屏幕的一些信息。根据微博知名数码博主@数码闲聊站 最新发布的消息透露,由于Redmi K系列的历代旗舰均采用了升降式真全面屏设计,由此他推测,全新的Redmi K40 Pro可能也会继续采用升降式真全面屏设计,这对于红米来说无?

  • 外媒:软银集团计划继续持有芯片设计公司ARM股份

    8月2日消息,据国外媒体报道,即使将ARM部分股份出售给半导体厂商英伟达或让ARM进行首次公开募股(IPO),软银集团仍将继续持有旗下芯片设计公司ARM的股份。软银是在2016年以320亿美元的价格收购ARM的,这笔交易是软银当时有史以来最大的一笔收购交易。今年7月中旬,外媒报道称,在苹果向ARM芯片转型的早期阶段,软银正在考虑出售ARM的部分或全部股份,或者让ARM进行首次公开募股。7月下旬的时候,知情人士称,英伟达?

  • 引领家电设计美学 初见烤箱掀起轻复古风潮

    近几年,时尚圈刮起了复古风,而这阵风,最终也刮向了小家电。当人们厌倦了千篇一律的批量制造,厌倦了各种产品更新换代的快节奏,复古式的产品就与当前的流行快时尚是一种有效的区隔,在家居使用中能够凸显独特个性和品味。随着90后逐渐成为消费主体,他们更强调家电产品的造型设计、文化内涵,更喜欢将复古风的家电作为装饰。现在,一些家电厂商纷纷推出复古式的科技产品。比如,美的推出了一款轻复古的烤箱,在小家电领域掀起了轻复古风潮?

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签