淺談產品設計中的可用性和可訪問性

來源:互聯網
上載者:User

在使用者體驗這個行業,經常會聽到,可用性可訪問性這樣專業的名詞,但是,事實上在很多產品實現過程裡都忽略了這一點!WHY?

舉個很簡單的例子,使用者的註冊流程,很多互動設計師在做這塊流程設計的時候都無可避免的忽略了部分可用性和可訪問性,直白點說,產品的應用情境沒有cover全使用者群,損害了這部分使用者的可用性和訪問性。

太抽象?不明白?好,那我們就使用者註冊流程展開,侃侃流程中使用者提交表單的設計。

看上圖,這是現有支付寶註冊流程中的一塊功能,要實現的功能很簡單,個人使用者直接填寫註冊資訊,是企業使用者的話,就先選擇企業,再填寫註冊資訊,最後提交表單,完成操作。流程早就發布上線了,看上去很和諧,但是不然……

不然在哪裡呢?應用情境,沒錯,您答對了。互動設計師在設計這個流程的時候忽略了一些情境,沒有考慮到那些用戶端對JavaScript不支援或支援不好的使用者。做個實驗,開啟支付寶的註冊頁面,然後禁用指令碼,你會發現,不論怎麼搞,你都無法點出企業類的註冊資訊了!OK,現在明白了吧,企業類的使用者在這種情境下基本上就game over了,搞不好還會再來上一句“FT,支付寶真TMD難用啊!”

聽到這裡,或許很多互動設計師坐不住了,“這不是前端開發工程師要去考慮的嗎?”,我認為要這樣來理解,如果單純的從前端開發的角度而言,這種實現方式是無可厚非的。什麼做法?對的,要說明一下……

實現方案1:採用css樣式設定企業註冊資訊的容器預設為隱藏,當使用者點選企業後通過js指令碼改變容器的隱藏屬性為顯示。

實現方案2:通過指令碼控制企業註冊資訊的容器的初始狀態為隱藏,當使用者點選企業後通過指令碼改變容器的隱藏屬性為顯示。

一般情況下,前端會有兩種實現方案,拋開可訪問性,光從Developer這個層面上來選擇的話,我選第一種。現在的註冊流程中用的也是這個方案。

討論一下這兩個方案吧,各有優缺點,但是今天我們討論的是可用性和可訪問性,所以很顯然第一種方案是不可取的。那為什麼前端開發工程師還是選擇了她呢?自然也有他的道理,如果採用第二種方案的話,勢必要在頁面結構載入完成後,再去初始化要隱藏的容器,當用戶端網速不佳的情況下,會先顯示企業註冊資訊的內容,幾秒後又不見了,體驗上有所折扣。但是就可用性和可訪問性而言,是無懈可擊的。假設,目前使用者環境禁用了指令碼,那麼他訪問這個頁面的時候,企業註冊資訊不會被隱藏,會顯示在當前頁面上,易用性可能有一些缺失,但是功能上是可訪問可用的,整個流程是健全的。相比兩種情況,我想我會選擇採用方案2。當然如果你不屑可用可訪問性,那就磚頭砸我吧!

很多互動設計師都會想當然的認為,類似這樣的應用情境受重群體是很小的,也許真實的資料會讓你大吃一驚!總而言之,多為使用者想想,是設計師最起碼的職業道德!

可用性和可訪問性的重要還能表現在很多應用上,如語音閱讀器,手機瀏覽器等,這些在ppk談javascript中有比較詳細的描述,有興趣的話,可以查閱《ppk談javascript》。總而言之,語義化的頁面結構在以後互連網產品的可用性和可訪問性中起著非常重要的作用!

說到這裡,我相信看懂的都應該明白可用性和可訪問性是咋會事了,除了明白,你是不是也看到了一些問題呢?沒錯,絕對是有問題的,互動設計和前端開發過程中都存在的問題,專業化路線絕對不是單一的,專業化cover的度很重要!



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。