优秀的交互设计案例分享

当用户打开网站或应用时,他们首先会注意到明显的设计元素:logo,颜色,图标,插图和图像。

虽然这些元素确实有助于整体用户体验,但实际上它们都是交互设计的一部分。这个概念对于最终用户来说可能比华丽的新主页更敏感,不过,重要的还是创建引人入胜的直观数字体验。

 

什么是交互设计?

“交互设计(IxD)定义了交互系统的结构和行为。随着时代的发展,从计算机到移动设备,再到电器以及其他种种,交互设计师努力地在人、产品以及他们使用的服务之间创造有意义的关系。”

——The Interaction Design Association(IxDA)

从交互设计诞生之日起,界面就不仅用来呈现静态内容。从按钮到链接再到表单域,所有相关事情都是交互设计的一部分。在过去的几十年中,许多书籍已经解释了交互设计的方方面面,并且探索了大量的、与体验设计交叉或重叠的领域。

交互设计已经发展到促进人和他们所处环境之间交互的地步。不同于用户体验设计(指一个系统中,用户面对的各个层面的问题),交互设计师只关心一个用户和一个界面之间的明确的交互。当然,在实际中,事情并没有清晰的界限。

在Bill Moggridge的书籍讨论会上(书名:Designing Interactions), 一位交互设计的学术研究者Gillian Crampton Smith提出了“交互设计语言”的四个维度。这些维度组成了交互设计本身,也因此构建起了用户与界面之间的交互。最初的四个维度是:语言、视觉展现、物理实体或空间和时间。就在最近, IDEXX实验室的高级交互设计师Kevin Silver,提出了第五个维度,行为。

第一维度:语言,应该易于理解,而且应该以易于和用户交流的方式陈述。

第二维度:视觉表达,指的是所有的图形或图像,几乎就是除了文字的一切。这些都应该有节制地使用,避免溢出而让用户难以承受。

第三维度:物理实体或空间,指的是物理硬件,不论是鼠标、键盘,或是用户手中的移动设备。

第四维度:时间,指的是用户在与前三个维度交互时的时间长度。这包括用户了解其所处进程的时间,也包括声音和动画时间。

第五维度:行为,这个维度是Kevin Silver在他的文章(What Puts the Design in Interaction Design)中提出的,指的是用户和系统交互时的情感和反应。

从这五个维度去思考,交互设计师就可以观察到用户和交互系统产生交流和连接时的确切体验。

 

优秀的交互设计案例

设计互动在现实生活中是什么样的?以下是Dribbble上我们最喜欢的一些示例。

 

设计师:Igor Pavlinski。社交媒体应用因信息过载而让人讨厌,一次向您展示所有头条新闻,热门视频或文章以及突发新闻。这个新社交媒体应用程序的概念将控制权交还给用户手中,按来源组织内容(如YouTube,Vimeo,Twitter或Reddit),并让您选择要探索的渠道。

 

tubik设计的app让您有一百万种方法来定制你的汉堡。当您在手机上订购时,汉堡的每种成分都可以灵活操作。Tasty Burger应用的这个UI概念通过按类型分解成分,简化了订购体验。

 

Rahul.Design。如果您正在寻找房子而且无法亲自到现场,那么虚拟观看将是最佳选择。房地产应用Spec的这一概念在查看新空间时利用了我们的自然行为。您可以点击任何房间,如厨房或起居室,然后移动手机以获得360度全景。只需轻轻一按即可轻松切换房间。

 

Gil设计的这种简单的页面交互改善了用户体验,让访问者留在页面上的时间更长。

 

。交互不需要大胆而明显地产生影响。这个应用概念简化了我们都鄙视的行为 - 从长长的名单中选择我们的居住地。这种微交互首先让您选择您所在国家/地区的第一个字母,然后从更小,更集中的国家/地区列表中找到它,而不是让用户滚动列表并找到他们的国家/地区。

 

Mykolas Puodziunas设计的电商app。越来越多的零售网站让您更容易“快速查看”某个产品,而不是点击每个详细信息页面,然后必须退回到搜索结果以浏览更多产品。这个概念设计的更好,让您以不同的颜色查看每个产品,而无需离开类别页面。

每天更新,
全站高品质素材免费下载!