外媒盘点:2014 年最佳 UI&UX 设计

外媒 fastcodesign 就盘点了 2014 年最佳 UI&UX 设计,这其中有几款设计让人眼界大开,我们一起来看看吧。

GravitySketch 3D 虚拟画板

外媒盘点:2014 年最佳 UI&UX 设计

GravitySketch 让设计师们随时随地"凭空工作"成为了可能。使用者需要戴上 3D 眼镜,才能在这个完全平面的板上绘制出 3D 图像。在绘制的过程中,用户可以随心翻转绘图板,来构图画作的后部、底部和上部的区域。它跟 3D 打印机的区别在于,图像是"凭空"存在的。

RoomAlive 体感系统

外媒盘点:2014 年最佳 UI&UX 设计

简单来说,RoomAlive 是微软开发的一款"投影仪+Kinect"的体感外设,能把电视屏幕上的图像投影到墙壁,房屋四周墙壁上的"外围图像"可以即时环绕着玩家,Kinect 作为深度感应摄像系统来追踪玩家行动。你可以想像一下,在瞄准前方目标的时候,突然转身发现从身后悄悄逼近的敌人,像不像在玩真人 CS?

Thumbles 像素按钮

外媒盘点:2014 年最佳 UI&UX 设计

Thumbles 是 Patten Studio 工作室的研究员 James Patten 利用自主研发的 Sensetable 技术设计的一款人机交互界面。事实上,触摸屏上的每一个按钮都是隐藏在屏幕后的一颗小小的像素。加入实体按钮以后,会让人有一种操作上的快感。Thumbles 能够直接控制屏幕中的元素的鼠标,甚至让屏幕背后的像素点们重新排列组合。

虽然说不出来有什么具体作用,但是看上去就很酷炫有木有。

Ink 和 Slide 硬件系列

外媒盘点:2014 年最佳 UI&UX 设计

鼠标和键盘不能再满足输入设备的要求的时候,Ink 和 Slide 硬件系列应运而生。这是 Adobe 公司的首款硬件产品。Ink 是一款蓝牙画笔,配合 Slide 尺子在平板电脑屏幕上绘出数字线条。

SmartWalk 智能行走系统

外媒盘点:2014 年最佳 UI&UX 设计

SmartWalk 是路痴们的福音,它可以将行车动态信息实时显示在走道的路面上,还能够告诉路人们前往某个地点的具体路线和里程。但是这不应该成为我们在路上低头玩手机的原因。

Livescribe 笔记本

外媒盘点:2014 年最佳 UI&UX 设计

在这个数字时代,平板将是绘画的未来。有没有什么办法,让你在纸上绘画的时候,作品也能显示在平板电脑的屏幕上呢?Livescribe 笔记本可以做到。当你用笔在 Livescribe 笔记本上绘制图画的时候,可以在平板上利用各种程序对作品进行加工,修改等。

BIRDLY 模拟器

外媒盘点:2014 年最佳 UI&UX 设计

2015 年,我们将看到 Facebook、三星、索尼甚至微软进入虚拟现实领域。物如其名,这款模拟器能让你感受飞鸟的感觉。你需要带上 VR 头戴设备,将双手固定在机械鸟骨架上,然后,自由飞翔吧。

 

转载请标注:木卫艾欧网-交互学堂 www.https://www.iamue.com

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/3732/

(0)
Smiler李想Smiler李想
上一篇 2015-02-04
下一篇 2015-02-05

相关推荐

  • 交互设计之搜索框设计

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放Younger NowMiley Cyrus - Younger Now- 期待你的关注和收藏 -耳朵们要好好收藏原文:Behance作者OTT UI  |  编辑:程琳琳在交互设计中,各个不同的场景需要不同的搜索框设计。搜索框一种常见的交互插件,用于精准提取海量信息中的准确内容。搜索框几乎存在所有的网站和App中,尤其是海量内容为导向的产品之中,例如音乐库、电商类网站,做好搜索...

    2018-02-12
  • 交互设计篇-如何处理需求

    如何处理需求,是产品经理的基本功,不管是来自老板还是客户的,亦或来自企业内部(运营、业务)及产品本身的发展,产品经理都需要把需求的收集、分析、管理做到有效进行。一、需求收集用户调研运用场景:产品规划初期或者遇到重大版本迭代,需要重新架构设计时,将会进行用户问卷、用户访谈的方式去挖掘用户的真实需求。基本方法:用户问卷-定量研究的方法,问卷问题一般为15个左右,包含用户基础资料信息(包括年龄、收入、教育水平等人口统计学范畴信息)和主观性的信...

    2018-05-06
  • 从细节看分析-购物车的跳转设计

      小编推荐:难得在知乎上看到一个特别具体的问题还有不同观点的,本文是一篇关于购物车到底应该是本页弹窗还是页面跳转的讨论,如果你也喜欢从细节入手考虑问题,一定要看呦。 问题: 点击产品详情页面的”添…

    2015-12-23
  • 四个步骤,完成一个APP的LOGO设计需求

    希望这篇文章,能够在你做LOGO设计时,提供一些方向和思路。

    2017-05-01
  • 值得你深入了解的交互设计五大支柱

    1、用户角色(Persona):Persona文档(控制在2~5个)通常需要包含你的目标用户。作为Persona中的虚构的角色,它的属性和特征是 基于产品研究和用户定位来设定的,用作后续设计过程中所面对的“理想用户”,本质上,它就是一个占位符。作为人物设定,其中会包含个人信息,远不止于年龄 和收入信息这么简单。Persona 文档的目标是利用角色来验证你的目标用户是如何感受如何看待你的设计的。
    2、移情地图(Empathy Map):它像是一个轻量级的Persona文档,在资源短缺时间紧的状况下,可以使用这个文档。Empathy Map 将 Persona 中的角色的个性和性格部分移除了,更加专注于用户在特定情况下的感受。
    3、用户剧本(User Scenario):如果Persona 是帮你设计了一个故事中的角色,那么User Scenario 就是故事的剧本。用户剧本通常是围绕着一个特定目标来设计的。比如说,第二天是母亲节,要为母亲预订一份礼物。目标很明确,要达成目标,用户需要点击几次 按钮,走哪些流程,需要多长时间,如何在过程中融入情感,贯穿始终。对整个用户流程有了预判之后,设计师对于UI和UX的设计就有了把握。
    4、用户地图(Customer Journey Map):这份文档同上门的用户剧本很像,但是它比起前者跨度更大,贯穿体验设计始终。设计人员可以对产品的背景有更深入的了解才能更好地设计,而产品投 入使用之后也不是最终结束,这也是跨度如此之大的原因所在。用户旅图将会涵盖角色信息、用户剧本和移情地图的全部信息。这么设定并不是要让用户旅图成为一 个大杂烩,而是要将用户性格和用户流程、交互过程结合到一起来看待问题,每个阶段不同环节,都牵涉到不同的情绪和情感。Affordance 是 James J. Gibson 造出来的一个词,Gibson 是20世纪最重要的认知心理学家之一,他的生态学式视知觉论和直接知觉为认知心理学开辟了新的领地。affordance 是 afford (提供、给予、承担)的名词形式,环境的 affordance 是指这个环境可提供给动物的属性,无论是好的还是坏的,所以我认为“可供性”是一个合适的翻译。Gibson 用来解释 affordance 的例子是这样的:如果一块地表面接近水平(而不是倾斜的),接近平整的(而不是凸起或凹陷的),以及充分延伸的(与动物的尺寸相关),如果地表面的物质是 坚硬的(与动物的重量相关),我们可称它为基底、场地或地面,它是可以站上去的(stan-on-able),可让四足或两足动物保持竖直姿势,它是可以 行走(walk-on-able)和跑动(run-over-able)的,它不像水表面或沼泽表面之于一定重量的动物那样是可陷入的(sink- into-able)。列出的四项属性——水平、平整、延伸和坚硬——它们是这个表面的物理属性,如果以物理中使用的度量衡去衡量它们的话,但是对于特定 动物的支撑可供性,它们必须与动物关联上才可以被衡量,它们不是抽象的物理属性,它们是为所指动物特定的,与动物的姿势和行为相关,所以 affordance 不能像我们在物理中那样来衡量。能指和所指是语言学上的一对概念,能指意为语言文字的声音,形象;所指则是语言的意义本身。按照语言学家或者哲学家们的划分,人们试图通过语言表达出来的东西叫”所指”,而语言实际传达出来的东西叫”能指”。

    2017-06-04
  • 别被数据骗了——视频搜索页面设计研究总结

    如今的互联网PM都会对产品数据进行追踪,作为自己的KPI指标。但是在实际的设计结果中,令人满意的数据有时却并不一定会说明产品的实际使用效果,数据呈现的结果和用户的实际使用体验有时甚至是背道而驰。某用户:点击之后进去就直接播放了,有时候开着声音吓一大跳,会马上点出去。哦,你说按钮上的文案啊,没有注意呀!

    2017-05-02
  • 【转】交互设计规范总结

    前些时间正准备写交互规范,就去网上搜罗了一下交互规范的一些范本,想作为借鉴参考,但却没能找到比较满意的,找到了一些零散的内容(当然有些还是有参考价值的),所以就觉得交互规范这方面的内容比较少,就来此…

    交互设计 2016-09-05
  • 不仅要漂亮:看图像如何引导用户体验!

    俗话说得好,“一图胜千言”。图片不仅要漂亮,还要够意思!

    2017-05-08
  • 贼干的货 | 交互设计中的格式塔原理

    小编说格式塔心理学认为知觉不能被分解为更小的组成部分,知觉的基本单位就是知觉本身,格式塔心理学的信条就是:整体不同于部分之和。格式塔心理学强调结构的整体作用和产生知觉的组成成分之间的联系。当我由测试转行到交互设计师时,我确认自己擅长辨别产品的优劣,和识别产品的待改善点,尽管很多时候这些待改善点还缺少数据和用户的论证。之前我还是典型的用户思维,对产品实际效果的判断非常依赖数据和用户反馈,直到我了解了格式塔原理,它改变了我对设计的思考方式,...

    2018-03-03
  • 【用户体验】Chiphell论坛网友Raise3D N2打印体验实录

    以下是来自Chiphell论坛的一位@xm79 网友的使用Raise3D N2 3D打印机后的体验分享帖。让你看到Raise3D N2 3D打印机最真实的一面。之前用了好一阵工作室的makerbot 之后,也想着买一台自己的。主要每次打都要排个队,十分麻烦。而且每到出图季就要没日没夜的看守在打印机旁,通宵不起了。思量着买一台放家里吧。本来考虑着买makerbot的,因为速度是真的快,软件算法比用ultimaker系的快了一倍。但是问题就...

    2018-02-05