ios 按钮图片充满按钮_iOS有一些非常危险的按钮-UX评论

ios 按钮图片充满按钮

I recently bought a cool thing off Amazon. It’s an adapter for iPhone, making it easy to transfer photos from your big bulky camera to your phone. The adapter itself is very easy to use: simply insert your SD card and plug the adapter into your lightning port:

我最近在亚马逊附近买了一件很酷的东西。 它是iPhone的适配器,可以轻松地将大尺寸相机中的照片传输到手机中。 适配器本身非常易于使用:只需插入SD卡,然后将适配器插入闪电端口即可:

Image for post
Cool idea.
好主意。

However, what’s less easy to use is the iOS interface that follows. In fact, it has some really dangerous buttons.

但是,不太容易使用的是后面的iOS界面。 实际上,它有一些非常危险的按钮。

Let’s have a look.

我们来看一下。

问题1:什么都没发生。 (Problem #1: Nothing happens.)

When a user plugs in hardware to a PC or phone, the operating system should figure out whether the user wants to do something with this newly connected hardware or not.

当硬件到PC或电话的用户插头,操作系统应该弄清楚用户是否愿意做一些与这个新连接的硬件或没有。

Let’s say you plug in a pair of headphones. Chances are, you just want audio sent through the headphones, that’s about it. You don’t need the OS asking you what you want to do.

假设您插入了耳机。 很有可能,您只想通过耳机发送音频即可。 您不需要操作系统询问您要做什么。

However, if you plug in a hard drive, a USB stick or, say, a SD card, I’d say the likelihood of you wanting to do something with that media is high.

但是,如果您插入硬盘驱动器,USB记忆棒或SD卡,我想说您想对该媒体做某事的可能性很高。

Unfortunately, when I plug in my SD card adapter (with an SD card in it) to my iPhone, nothing happens.

不幸的是,当我将SD卡适配器(带有SD卡)插入iPhone时,什么也没发生。

My sofa is orange
我的沙发是橙色的

Hey iOS, I’d like to do something with the photos on the SD card. Don’t act like I don’t. As un-sexy as Microsoft Windows is (don’t worry, I’m a Windows guy) their designers really understand the intent of the user when he or she plugs in media:

嗨,iOS,我想对SD卡上的照片做些什么 不要像我不那样做。 就像Microsoft Windows一样性感(不要担心,我是Windows专家),当用户插入媒体时,他们的设计师真正了解用户的意图:

Image for post
Nice one, Bill
好人,比尔

In this case, iOS doesn’t. It just sits there.

在这种情况下,iOS不会。 它只是坐在那里。

Let’s sketch up a quick and easy draft of what iOS should do when we plug in the SD card adapter:

让我们草绘一下插入SD卡适配器时iOS应该做什么的快速简单的草稿:

Image for post
Now something happens.
现在发生了一些事情。

问题2:确实很危险的按钮 (Problem #2: Really dangerous buttons)

All right, so we’ve navigated our way to the photos app of our iPhone. By the way, this is where the “OK” button in the wire-frame above should have taken us.

好的,所以我们已经导航到iPhone的照片应用程序。 顺便说一句,这就是上面的线框中的“确定”按钮应该带给我们的地方。

I’d like to talk about two really dangerous things on this screen.

我想在这个屏幕上谈论两个非常危险的事情。

Image for post
Don’t do it
不要做

Delete All (wipes all media off your SD card)

全部删除(将所有媒体从SD卡中清除)

Let’s remember why we bought the SD card adapter in the first place. I want to import photos and videos from the SD card to my phone.

让我们记住为什么我们首先购买了SD卡适配器。 我想将照片和视频从SD卡导入到手机中。

The first, and most prominent choice on this screen is to delete all contents of your SD card.

此屏幕上的第一个也是最重要的选择是删除SD卡的所有内容。

Let’s be real: deleting your entire SD card is usually an action taken very rarely, only really done when 1) you have to, because of lack of space, or 2) you are sure you have a backup.

真实地说:删除整个SD卡通常很少执行,只有在1)由于空间不足而必须删除或2) 确定有备份时才真正删除。

In this screen, the designers of iOS have made it far too easy to make a terrible mistake. Yes, there is a confirmation step after pressing this button, but still.

在这个屏幕上,iOS的设计人员使犯下一个可怕的错误变得太容易了。 是的,按此按钮后有一个确认步骤,但仍然如此。

Import All (imports all media to your iPhone)

全部导入(将所有媒体导入到您的iPhone)

This is a button with much less potential for disaster than its brother “Delete All”. However, the use-case is almost equally difficult to grasp. How often do you want to import all your photos and videos to your phone? Even if you wanted to, would you be able to?

与它的兄弟“全部删除”相比,此按钮的灾难可能性要小得多。 但是,用例几乎同样难以掌握。 您想多久将所有照片和视频导入手机一次? 即使您愿意,也可以吗?

Many SD Cards can contain hundreds of gigabytes of data, usually far exceeding any iPhone storage space.

许多SD卡可以包含数百GB的数据,通常远远超过任何iPhone的存储空间。

Delete All and Import All have no business being this prominent. Begone.

全部删除全部 导入并没有什么突出的功能。 eg子

问题3:图标不一致 (Problem #3: Inconsistent iconography)

All right, I’ve made it this far. Time to import some photos!

好吧,我已经做到了。 是时候导入一些照片了!

Image for post
Why
为什么

Not so fast! Something’s off.

没那么快! 没事了

The iconography here is confusing, and inconsistent. On the left side you see me importing photos. Here, by default, every image has a white outlined check mark. Once you actually select an image, it turns into a blue-filled check mark.

这里的图像令人困惑,而且前后不一致。 在左侧,您看到我正在导入照片。 在此,默认情况下,每个图像都带有白色轮廓勾号。 实际选择图像后,它将变成蓝色填充的复选标记。

Why would you need two types of check marks?

为什么需要两种复选标记?

This is inconsistent with how iOS works in general (right screen) where you only have a check mark on the images you have selected.

这与iOS总体上的工作方式(右屏幕)不一致,在iOS上,所选图像仅带有复选标记。

But all right, that’s a detail, we can get past that.

但是,好吧,这是一个细节,我们可以超越。

We’re so close.

我们好亲近

Smooth sailing from here on out, right?

从这里开始顺畅航行吧?

❌Wrong❌

❌错❌

问题4:我们又回到了危险区域 (Problem #4: We’re back in the danger zone)

I want to import three photos.

我想导入三张照片。

I select those three, and press import. Then, I get this dialogue box:

我选择这三个,然后按import。 然后,我得到这个对话框:

Image for post
*Sad designer noises*
*悲伤的设计师噪音*

In this dialogue box, the most prominent choice offered to me is to

在此对话框中,提供给我的最突出的选择是

Import all my photos.

导入我的所有照片。

Why? I manually selected three photos, because those are the three photos I want to import. Why does iOS insist I import all photos now?

为什么? 我手动选择了三张照片,因为这些是我要导入的三张照片。 为什么iOS坚持要我现在导入所有照片?

Here you’re in a fight with your muscle memory. Usually in this situation, you get a dialogue box with an “okay” on top and a “cancel” below. Too quick here, and you’ll import everything.

在这里,您正在与自己的肌肉记忆力作斗争。 通常在这种情况下,您会看到一个对话框,顶部有一个“好”,而下方有一个“取消”。 在这里太快了,您将导入所有内容。

We pace ourselves and instead press “Import Selected”, which is what we wanted to do in the first place.

我们自己调整自己的步伐,而不是按“导入所选内容”, 这是我们首先要做的。

This time, we should be clear of any crazy User Experience Design tomfoolery, right?

这次,我们应该避免出现任何疯狂的用户体验设计假说,对吗?

❌Wrong❌

❌错❌

问题5:更多危险 (Problem #5: More danger)

Once the three images are transferred, another dialogue box hits us. This time, we’re given the choice of deleting the images we just imported from the SD card, or keeping them.

一旦传输了三个图像,另一个对话框就会出现。 这次,我们可以选择删除保留刚刚从SD卡导入的图像。

Image for post

Again, iOS insists that it should be very easy to delete something off my SD Card. Very prominently, every time.

同样,iOS坚称删除SD卡中的内容应该非常容易。 每次 都很突出

(Solution)

Image for post

Here’s my solution.

这是我的解决方案。

In three easy steps, we are able to import all the photos we want without running the risk of deleting or importing anything we don’t want.

通过三个简单的步骤,我们可以导入所需的所有照片,而无需删除或导入不需要的任何内容。

Importing / deleting all photos are the least prominent options, and they are bundled under a clear label “SD Card Options” at the bottom of the screen.

导入/删除所有照片是最不突出的选项,并且它们捆绑在屏幕底部的清晰标签“ SD卡选项”下。

Thanks for reading!

谢谢阅读!

翻译自: https://uxdesign.cc/ios-has-some-really-dangerous-buttons-a-ux-review-4d5101d1d8cd

ios 按钮图片充满按钮

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

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

相关文章

URLScan工具配置方法第1/2页

本文分步说明如何配置 URLScan 工具以防止 Web 服务器受到攻击和利用。 如何配置 URLScan 工具察看本文应用于的产品文章编号 : 326444最后修改 : 2007年3月14日修订 : 5.3我们强烈建议所有运行 Microsoft Windows Server 2003 的用户将 Microsoft Internet 信息服务 (IIS) 升级…

poj 1809

///一个点的坐标只有四种可能,用0表示 偶数,1表示奇数 ,则四种可能为(0,0),(0,1) ///(1,0),(1,1)。观察公式A|x1y2 - y1…

swiftui_SwiftUI的混合包

swiftui介绍 (Introduction) SwiftUI introduced us to a whole new way of designing and coding interfaces. Gone are the old ways of subclassing UIKit (or AppKit) classes and hardwiring layout constraints. Instead, we now have a nice, declarative way of struct…

三年经验前端社招——有赞

大家好,我是若川,祝大家中秋节快乐。最近组织了源码共读活动《1个月,200人,一起读了4周源码》,已经有超50人提交了笔记,群里已经有超1200人,感兴趣的可以点此链接扫码加我微信 ruochuan12 参与。…

html的 button点击事件无效,InfoWindow里面加button,监听button点击事件无效 求解啊...

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼点击infoWindw中的button按钮,无效果;覆盖默认的dom结构html,body,#container {width: 100%;height: 100%;margin: 0px;}p.my-desc {margin: 5px 0;line-height: 150%;}//创建地图var map new AMap.Map(con…

4月第1周业务风控关注 |国家广播电视总局发布《未成年人节目管理规定》

易盾业务风控周报每周呈报值得关注的安全技术和事件,包括但不限于内容安全、移动安全、业务安全和网络安全,帮助企业提高警惕,规避这些似小实大、影响业务健康发展的安全风险。 1、国家广播电视总局发布《未成年人节目管理规定》 国家广播电视…

Ubuntu 11.04 x64 下安装Python

在网上搜了下,找到了如下安装顺序: Install python2.7 wget http://www.python.org/ftp/python/2.7/Python-2.7.tar.bz2 tar xjf Python-2.7.tar.bz2 cd Python-2.7/ ./configure make sudo make altinstall Install setuptools cd .. wget http://pyp…

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

数据挖掘 点击更多 界面重点 (Top highlight)Creating beautiful, usable, and efficient UIs takes time, with many design revisions along the way. Making those constant tweaks to produce something that your clients, users, and yourself are truly happy with. I k…

Node.js+Express+MongoDB 实现学生增删改查

前言 选用Node.js,Express,MongoDB来实现一个学生信息的增删改查。 Express框架搭建服务器art-template模板实现页面MongoDB数据库Mongoose操作数据库安装 npm install express mongoosenpm install art-template express-art-templatenpm install body-…

html5波浪线条,HTML5 svg炫酷波浪线条动画插件

这是一款HTML5 svg炫酷波浪线条动画插件。该波浪动画插件基于tweenMax和SVG,也可以作为jQuery插件来使用,可以制作出漂亮的波浪线条动画特效。使用方法在页面中引入jquery和TweenMax.min.js文件,以及wavify.js和jquery.wavify.js文件。HTML结…

三年经验前端社招——腾讯微保

大家好,我是若川。祝大家中秋节快乐。最近组织了源码共读活动《1个月,200人,一起读了4周源码》,已经有超50人提交了笔记,群里已经有超1200人,感兴趣的可以点此链接扫码加我微信 ruochuan12 参与。本文经作者…

Matlab数理统计工具箱应用简介

1. 概述 Matlab 的数理统计工具箱是 Matlab 工具箱中较为简单的一个,其牵扯的数学知识是大家都很熟悉的数理统计,因此在本文中,我们将不再对数理统计的知识进行重复,仅仅列出数理统计工具箱的一些函数,这些…

matlab绘制路线图_绘制国际水域路线图

matlab绘制路线图Two years ago, Shopify was only available in English. Few people in Germany or Japan had heard about us. We had only just formed the international growth team to make Shopify available to people in their native tongue.两年前,Shop…

2021年江苏高考各科成绩查询,江苏2021年高考总分及各科分数

江苏2021年高考总分及各科分数2021-04-16 08:46:02文/董月江苏高考将实施“33”模式,即语数外三门必考,然后在物理、化学、生物、历史、政治、地理六门学科中任选三门进行考试,并计入总分。“6选3”中的3门以等级确定,折算成分数计…

碎片时间学习前端,我推荐这些~

大家好,我是若川。祝大家中秋节快乐。前端技术日新月异,发展迅速,作为一个与时俱进的前端工程师,需要不断的学习。这里强烈推荐几个前端开发工程师必备的优质公众号,希望对你有所帮助。大家可以像我一样,利…

windows 端口冲突解决

windows 端口冲突解决 命令 说明 ps:我这里要解决的80端口冲突。 命令 netstat -ano,列出所有端口的使用情况,在列表中我们观察被占用的端口。 netstat -aon|findstr “PID” 查看被占用端口对应的PID,这里的"PID"是上一…

使用selector改变按钮状态

在res/drawable文件夹新增一个文件,此文件设置了图片的触发状态,你可以设置 state_pressed,state_checked,state_pressed,state_selected,state_focused,state_enabled 等几个状态: …

figma下载_通过构建7个通用UI动画来掌握Figma中的动画

figma下载Originally published on my personal blog.最初发布在我的 个人博客上 。 Most designers will spend many hours perfecting every pixel of their static UI designs but will barely spend any time perfecting the transitions between these pages.大多数设计人…

怎么用计算机上的打印设备打印,电脑中怎么添加打印机设备

电脑中怎么添加打印机设备电脑中怎么添加打印机设备呢,下面小编介绍一下。具体如下:1. 打开电脑,点击“控制面板”图标2. 在如图页面,找到“硬件和声音”,点击打开3. 然后点击”设备和打印机“选项4. 打开后&#xff0…

三年经验前端社招——朴朴科技

大家好,我是若川,祝大家中秋节快乐。最近组织了源码共读活动《1个月,200人,一起读了4周源码》,已经有超50人提交了笔记,群里已经有超1200人,感兴趣的可以点此链接扫码加我微信 ruochuan12 参与。…