猎鹰spacex_SpaceX:简单,美观的界面是未来

猎鹰spacex

重点 (Top highlight)

A photo has been floating around the internet showing how the interior of the new Dragon spacecraft differs from the Space Shuttle. The difference is staggering, but not entirely suprprising. After all the Shuttle started operating in 1981, while Dragon 2, is barely a year in operation.

互联网上流传着一张照片,展示了新型Dragon飞船的内部与航天飞机的不同之处。 区别是惊人的,但并非完全令人惊讶。 毕竟,航天飞机是在1981年开始运营的,而《龙2》则仅运营了一年。

屏幕用户界面的演变 (On-screen user interfaces evolution)

Macintosh — 1984年 (Macintosh — 1984)

But let’s go back in time a little bit, to the first Macintosh. Of course, the Xerox Parc inspirations need a mention here, even when it’s unclear how much Apple “borrowed” from Xerox. Still, after very simple, text-based interfaces having a “virtual” desktop was a revelation and a revolution at the same time.

但是,让我们回到第一台Macintosh。 当然,即使尚不清楚苹果从施乐那里“借”了多少钱,施乐Parc的灵感也需要在这里提及。 在经过非常简单的,具有“虚拟”桌面的基于文本的界面之后,这既是一次启示,又是一次革命。

The first Mac
Source: Apple
资料来源:苹果

Before the GUI people were able to do a lot of the same things — there were word processors, spreadsheets and other office tools. They were simply a bit harder to use and required very good keyboard shortcut knowledge.

在GUI之前,人们可以做很多事情—有文字处理程序,电子表格和其他办公工具。 它们只是更难使用,并且需要非常好的键盘快捷键知识。

所有硬件UI (All hardware UI)

So instead of a visible interface, the interface was all hardware.

因此,该接口不是全部可见接口,而是所有硬件。

The Macintosh transitioned the interface to a mix of hardware and software, through skeuomorphic paradigms (desktop metaphor, and later the trash-bin).

Macintosh通过类拟范式(桌面隐喻和后来的垃圾箱)将界面转换为硬件和软件的混合体。

下一场革命 (The next revolution)

I’m going to skip the click-wheel, as it was a single-use device thing, and while I love my iPods (and still use them to this day) the interface wasn’t a game-changer of the same proportions as the bitmap screen and mouse combo.

我将跳过点击滚轮,因为它是一次性使用的设备,并且虽然我爱我的iPod(并且至今仍在使用它们),但界面的改变程度却与位图屏幕和鼠标组合。

keyboards on mobile devices
Source: Apple
资料来源:苹果

Steve Jobs realised the next step by showing the popular phones of 2007. They had lots of buttons and a visually cluttered, hardware interface. He also said what I think was the most important takeaway from the whole UI part of the keynote.

史蒂夫·乔布斯(Steve Jobs)通过展示2007年流行的手机实现了下一步。它们具有许多按钮和视觉混乱的硬件界面。 他还说,我认为这是主题演讲中整个UI部分最重要的收获。

And what happens if you think of a great idea 6 months from now? You can’t run around and add a button to these things. They’ve already shipped.

如果六个月后想到一个好主意,会发生什么? 您不能四处奔走,不能在这些东西上添加按钮。 他们已经发货了。

The iPhone came along and sped up the process of touch-screen UI’s. Right now we can’t imagine ourselves without those metal-and-glass sandwiches in our pockets. And we dont need any extra hardware to do most things. Just using our fingers became the new norm.

iPhone出现并加快了触摸屏UI的过程。 现在,我们口袋里没有那些金属和玻璃三明治,我们无法想象。 而且我们不需要任何额外的硬件即可完成大多数事情。 仅仅用手指就成为新的规范。

the first iPhone (2007)
Source: Apple
资料来源:苹果

Imagine someone sitting on a train in 2006 on some early touch enabled device and just moving their finger up and down. Up and down. Up and down. Most people would’ve thought they’re crazy. Right now that vertical swipe is the most popular motion most people do all day. Even more popular than walking.

想象一下,某人在2006年坐在火车上,使用支持早期触摸功能的设备,只是上下移动了手指。 上和下。 上和下。 大多数人会以为他们疯了。 现在,垂直滑动是大多数人一整天最喜欢的动作。 比走路更受欢迎。

一些行业对现状感到满意。 (Some industries were happy with the status quo.)

Just like with phones, someone had to take a bold step and redefine the entire industry. Otherwise we’d still have “faster horses” and plastic keyboards on our phones. And we’d still use that T9 dictionary to type in a Short Message (Service). Yes, that’s where the SMS name comes from.

就像使用电话一样,有人必须采取大胆的步骤来重新定义整个行业。 否则,我们的手机上仍然会有“快马”和塑料键盘。 而且,我们仍将使用该T9词典键入短信(服务)。 是的,这就是SMS名称的来源。

输入:特斯拉 (Enter: Tesla)

While most cars started adding displays, they still mostly relied on physical controls. That makes sense in a vehicle, as you need to keep your eyes on the road. So “feeling” a physical knob or a switch while still looking ahead was the best possible option.

尽管大多数汽车开始添加显示器,但它们仍然主要依靠物理控制。 在车辆中这很有意义,因为您需要将注意力放在道路上。 因此,在仍然向前看的同时“感觉”物理旋钮或开关是最好的选择。

Cars before and after the Tesla.
Source Unsplash / Tesla
消息来源Unsplash / Tesla

But with the driving-assist technologies things can get a lot simpler now. A touchscreen can be a perfect way to show any user interface on it. It can lead to the car having new features. Something unthinkable in that industry.

但是,有了驾驶辅助技术,事情现在可以变得简单得多。 触摸屏可能是在其上显示任何用户界面的理想方式。 这可能会导致汽车具有新功能。 该行业中不可思议的东西。

And as we habituate ourselves with technologies, many people can use those car touch screens without looking at them (to change the airflow for example).

随着我们对技术的习惯,许多人可以不用看它们就能使用那些汽车触摸屏(例如,改变气流)。

We also don’t need all those dials and physical clocks. Right now they’re purely an aesthetic choice. Just look how much cleaner and simple the Tesla Model 3 Dashboard is.

我们也不需要所有这些表盘和物理时钟。 现在,它们纯粹是一种美学选择。 看看特斯拉Model 3仪表板有多清洁和简单。

Obviously some people hate it, but it has all the same functionality (and more) than traditional cars. And it can get NEW features down the road.

显然有人讨厌它,但是它具有与传统汽车相同的功能(甚至更多)。 它可以为您提供新功能。

spaceX dragon UI
Source: SpaceX
资料来源:SpaceX

然后回到太空 (And back to Space)

Looking at the knobs, dials and switches on the first space crafts and then looking at the huge touch-screens of the Dragon2 we are seeing the same path forward as with computers and phones.

查看第一批太空飞船上的旋钮,转盘和开关,然后查看Dragon2巨大的触摸屏,我们看到的是与计算机和电话相同的前进方向。

It’s also easier to label things on screen, instead of remembering Switch B13, B16, C9 and Dial A1 to 75 sequences.

在屏幕上标记事物也更容易,而不用记住开关B13,B16,C9和拨A1至75序列。

There’s already enough to do and think about in space, so astronauts can use that brain power elsewhere. And especially on a spacecraft you have a bit more time to react so you can easily take your eyes “off the road” ;)

在太空中已经有足够的事情要做和思考,因此宇航员可以在其他地方利用这种大脑力量。 尤其是在太空飞船上,您有更多的时间做出React,因此您可以轻松地将视线“移开”;)

I still think that before we go fully autonomous, visual UI’s with various input types will be the main thing. Voice commands are good for skipping a track on Alexa, but piloting a spaceship or driving a car and talking to it seems unnatural and awkward. And very “hands-off”.

我仍然认为,在实现完全自主之前,具有各种输入类型的可视UI将会成为主要对象。 语音命令很适合跳过Alexa上的曲目,但是驾驶飞船或驾驶汽车并与之交谈似乎不自然且笨拙。 而且非常“放手”。

Dragon 2 Space Craft — SpaceX
Source: SpaceX
资料来源:SpaceX

5月30日。 (May 30th.)

Aside from the pure awesomeness of humans exploring space again that started yesterday, I was also happy to see how the evolving interfaces (backed by even more awesome engineering) are pushing us all forward.

除了从昨天开始的人类探索太空的纯净力量之外,我还很高兴看到不断发展的界面(由更出色的工程技术支持)如何推动我们前进。

So now it’s up to us to build some cool interfaces for those touchscreens!

因此,现在由我们来为这些触摸屏构建一些很酷的界面了!

下一步是什么? (What’s next?)

Get MY UI DESIGN BOOK 📘 or subscribe on YOUTUBE 📺

获取中号ŸUI设计图书 📘或订阅上YOUTUBE 📺

We are also working on a 🦄 FRONT-END BOOK that you can sign up for :)

我们还在制作🦄前端书籍 ,您可以注册:)

I fight design crime at night, and I work at HYPE4 during the day.

我在夜间打击设计犯罪 ,白天在HYPE4工作。

翻译自: https://uxdesign.cc/simple-beautiful-interfaces-are-the-future-9f77e33af5c4

猎鹰spacex

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274757.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

开发交接文档_为开发人员创造更好的设计交接体验

开发交接文档It’s 2020. We’re supposed to have flying cars and space travel. We should at least have our process for design handoff nailed down at this point.现在是2020年。我们应该有飞行汽车和太空旅行。 在这一点上,我们至少应该确定我们的设计移交…

​Cookie 从入门到进阶:一文彻底弄懂其原理以及应用

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列Cooki…

ui设计师常用的设计工具_2020年应该使用哪个UI设计工具?

ui设计师常用的设计工具重点 (Top highlight)It’s 2020, the market today is saturated with UI design tools. Ever since Sketch app came out with its sleek, simple, and efficient tool to craft user interface design, many companies have followed suit to take a …

你不知道的vscode之空间控制

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列王志远…

lynda ux_UX心态

lynda uxI have had the pleasure of training and mentoring several UX people at the beginning of their careers.在职业生涯的初期,我很高兴接受培训和指导。 Whatever your background or experience, I’ve found repeatedly that there are some key miles…

什么 Leader 值得追随?

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。目前建有江西|湖南|湖北 籍 前端群,想进群的可以加我微信 ruochuan12 进群。历…

pico8 掌机_使用Pico-8构建自己的复古游戏

pico8 掌机An example of the kinds of pixel animations people make in Pico-8.人们在Pico-8中制作的各种像素动画的示例。 Are you a fan of old school video games? What if I told you there’s an NES-style game devkit with the sound/sprite/code tools all built i…

实用 JavaScript 调试技巧

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

数据挖掘 点击更多 界面_6(更多)技巧,可快速改善用户界面

数据挖掘 点击更多 界面重点 (Top highlight)Creating beautiful, usable, and efficient UIs takes time, with many design revisions along the way.创建漂亮,可用和高效的UI需要花费时间,并且在此过程中进行了许多设计修订。 Making those constant…

Koa在实际的业务场景中,路由如何做分割?【文末留言送书】

大家好,我是若川。文末留言送书,具体规则文末说明。另外为了鼓励大家多写源码共读笔记,我会在写了5次及以上笔记的作者群里也抽奖送这本书。以后也会有更多福利倾斜。导读:Koa是一个Node框架,在Node开源社区中&#xf…

设计模式_设计

设计模式Thanks for my colleague WanChing‘s help to prepare this sharing article. E-Commerce app collects plentiful products from various brands. Each brand has its brand signature colors and public image. This article introduces how we made a single page …

使用 GTD 优化自己的工作和生活

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

模仿不再受宠若惊

If you haven’t heard of the Jio-Zoom plagiarism clash, you’re probably living under a rock (which may not be a bad idea given the state of the world right now). The turf war between Jio Meet and Zoom began when the Indian telecom giant ripped off the Chi…

Vue2剥丝抽茧-响应式系统 系列

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

word文本样式代码样式_使用文本样式表达创建真相来源

word文本样式代码样式As of After Effects 17.0, you can use expressions to edit text styles in After Effects. Here’s why this would transform your workflow:从After Effects 17.0开始,您可以使用表达式在After Effects中编辑文本样式。 这就是这将改变您的…

前端框架源码解读之Vite

前端工具链十年盘点:https://mp.weixin.qq.com/s/FBxVpcdVobgJ9rGxRC2zfgWebpack、Rollup 、Esbuild、Vite ?webpack: 基于 JavaScript 开发的前端打包构建框架,通过依赖收集,模块解析,生成 chunk,最终输出生成的打包…

hp-ux_UX中的格式塔-或-为什么设计师如此讨厌间距

hp-uxI’ve been lucky so far in my design career to have worked with engineers that seem genuinely interested in learning about design. Perhaps, as mentioned in the title, it’s more about them trying to figure out why it matters so much to us that there i…

JavaScript 数组新增 4 个非破坏性方法!

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

自行车改装电动车怎么样_电动车听起来应该是什么样?

自行车改装电动车怎么样The sound of an all-electric car accelerating doesn’t have to sound like a standard combustion engine, It could sound like anything.全电动汽车加速的声音不必听起来像是标准的内燃机,它可以听起来像任何东西。 These were the wor…

谷歌pay破解_Google Pay缺少Google闻名的一件事-UX案例研究

谷歌pay破解Disclaimer: The views expressed in the blog post is purely based on personal experience. It was not influenced by any external factor.When Google launched Tez (now Google Pay) in India during 2017, their primary goal was to design a simple payme…