今天提供了一個驚人之旅的響應式設計的世界。 我們已經看到了如何平了我們的工作流程和過程。 我們學會了新的方法來提高產品的易用性。 我們努力解決現代CSS和HTML功能,幫助我們實現了漩渦和掄我們身邊的巨大變化顯示尺寸。
我們已經探討了模塊化的代碼和瀏覽器的能力的未來工作沒有網絡連接。 而且,我們甚至采取了一趟到那里的網站可能去未來可能的。
我們已經走過了,因為很長的路要走Ethan的文章 ,流體網格,靈活的媒體,和媒體查詢。 這三個原則播下的不斷壯大和繁榮,我們都來更好地了解設備擴散的影響種子。 我們已經看到,該網站能夠去任何地方,做很多的事情。
我認為,“有求必應網頁設計”是真的成功地捕捉到了約翰·奧爾索普就在這么多年之前討論的概念的第一篇文章“一個DAO網頁設計的”蒸餾成一些設計和開發社區能夠真正下沉他們的牙齒成。 它提供的彎曲和模具本身成任何形狀,它需要采取對卷筒紙的能力的具體例子。
這是第一次,許多設計師已經達成協議的想法,“經驗”并非是一種鐵板一塊的東西。
當然,我們很多人在Web標準社區一直在說的談話和走路就走路逐步增強 。 而我們獲得的皈依,但進展緩慢。 阮經證明,直接和簡潔,什么視覺設計的漸進增強可能看起來像。
提供為每個人試圖訪問我們的網站是不可能相同的體驗。 只是有太多的因素需要考慮。 我們已經得到了屏幕大小,顯示密度,CPU速度,內存,傳感器的可用性,功能可用性,接口方式量... 呼吸 ...安裝操作系統類型,操作系統版本,瀏覽器類型,瀏覽器版本,插件,網絡速度,網絡延遲,網絡擁塞,防火墻,代理服務器,路由器,大概十多種因素的腦海里是無法采摘之際的技術考慮的旋風。
而這還沒有考慮我們的用戶。
當談到我們需要達到我們的工作真正重要的人,我們要考慮的文化水平,讀智慧,領域知識水平,認知障礙喜歡學習障礙和誦讀困難,注意力不集中的問題,環境的干擾,視力障礙,聽力障礙,運動障礙,他們多少知道如何使用他們的設備,他們多少知道如何使用自己的瀏覽器,怎么精通常見的Web約定他們,和大量的其他的“人為因素”。
每個人都是不同的,每個人都涉及到網絡有自己的一套特殊需求。 有些人總是與他們失明的例子。 其他人都是暫時的,就像打破你的鼠標移動的手臂。 還有一些是純粹的情景和依賴你的時間和它的技術能力或者限制使用的設備。
試圖制定一個整體的經驗為每個人在每一個背景下,考慮各因素是不可能的。 然而,蒂姆·伯納斯 - 李爵士有一個夢想,一個網絡,這是能夠去任何地方。 難道他瘋了嗎?
蒂姆爵士的愿景網站是內容可創建一次,并從任何地方訪問。 不同但相關的件“超媒體”的分散在全球各地可以連接到彼此通過鏈接。 此外,他們將檢索到任何人能夠讀取HTML的任何設備。 免費。
最終,蒂姆爵士設想暢道通行。
對于很多人來說,確保我們的網站是訪問是一個事后的想法。 我們談一場精彩的比賽,當涉及到“用戶為中心”這個或那個,但往往把單詞“無障礙”的代名詞“屏幕閱讀器”。 它是如此的遠不止于此。 “無障礙”是關于人的。 人們消耗在許多不同的方式,有些相似,頗有些不同的我們如何做到這一點的內容和使用的接口。
當然,視障人士經常使用屏幕閱讀器來消費內容。 但他們也可能使用盲文觸摸反饋設備或盲文打印機。 他們可能還使用鍵盤。 或者,他們可以使用觸摸屏在演唱會聲音提示。 或者,他們甚至可以使用照相機,讓他們通過OCR與文字到語音“讀”的內容。 是的,視力障礙影響了民眾(特別是隨著年齡的增長)的一個體面的比例,但它的“無障礙”拼圖的一部分。
文字和背景之間的對比度是確保內容的一個重要因素仍然可讀在不同的光照條件下。 顏色的選擇是一個輔助的關注。
我們對我們的網站和我們的接口使用的語言直接影響是多么容易為我們的用戶了解我們做什么,我們提供產品,以及為什么它很重要。 這也影響到我們如何讓我們的用戶感到他們自己,他們的經驗,我們的公司。 語言是一個輔助的關注。
我們的網頁的大小對我們的網頁多久才能下載,它的成本多少我們的客戶能夠訪問他們,(有時)甚至是否可以將內容達成了直接的影響。 性能是一個輔助的關注。
我可以繼續下去,但我敢肯定,你明白了吧。
無障礙即將為大家提供良好的經驗,無論身體或心理能力,性別,種族或語言。 它認識到,我們每個人都有特殊需要,物理上的限制,帶寬限制,設備的限制,這可能需要我們遇到相同的接口以不同的方式。
當我訪問一個網站,我的手機上,例如,我直觀地通過我的屏幕分辨率(尤其是如果我使用的鼓勵縮放瀏覽器)的限制,我在我與按鈕和鏈接,因為我瀏覽與交互能力的限制我的指尖,這比一個鼠標光標更大,遠遠不夠準確。
在觸摸屏上,我可能需要的經驗略有不同,但我仍然需要能夠做到不管是什么我來到工地做。 我需要一個經驗,但我而且需要相應的經驗。
擁抱現實,體驗并不需要是一件事將幫助我們吸引更多的人用更少的頭痛。 經驗可以,而且應該,被制作為一個統一體。 這是一個漸進增強:我們先從一個適合所有人內容,真正的環節,第一代表單控件,并形成實際提交給服務器基線體驗。 然后,我們建立了從那里的經歷。
您的瀏覽器支持HTML5表單控件? 太棒了! 當你去你的郵件地址,你會得到一個更好的虛擬鍵盤。 您可以使用CSS? 真棒,讓我作出這樣的閱讀體驗更好的為您服務。 哦,你可以處理媒體查詢! 讓我調整布局,使這些線路長度舒服些。 哇,您的瀏覽器支持Ajax的? 在這里,讓我在加載一些玩笑相關的內容,你可能會感興趣。
想象一下,在一家餐館坐下,只有馬上有服務員為你帶來一份牛排。 但你是一個素食主義者。 你問,如果他們提供的東西可以吃,他們禮貌地回答:“?!哦,對不起,肉是要求你為什么不只是吃肉很容易你真的錯過了一些美味的食物”沒有服務員究竟是誰在乎你的經驗會做到這一點。
然而,我們 - 作為一個行業 - 不要似乎有什么問題,告訴別人他們需要改變自己的瀏覽器,以適應我們。 這是絕對錯誤的。 我們的工作是毫無意義的用戶。 我們應該盡力去吸引和留住他們。
什么是響應式網頁設計有關,如果沒有輔助功能? 是的,它的基本原理是關注的視覺設計,但在大局方面,他們都對提供最好的閱讀體驗。
作為響應式設計的從業者,我們的理解使我們的接口的好處。 我們知道回退。 我們了解如何設計魯棒的經驗,根據各種條件下工作。 我們每天都在擴大我們產品的易用性。
建站咨詢
如您有網站建設方面的需要,歡迎給我們留言或在線咨詢 *