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.pswp.cn/news/275424.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/275424.shtml
英文地址,請注明出處:http://en.pswp.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 參與。…