響應網頁設計:我們要從這里去哪里?

2014-06-07    分類: 網站建設

„今天提供了響應式設計的世界的驚人之旅。我們已經看到了如何提升我們的工作流程。我們學會了新的方法來提高我們產品的可訪問性。我們在CSS和HTML的能力現(xiàn)代幫助我們擁抱巨大變量的顯示尺寸,我們周圍的渦流和渦流。

我們已經探討了模塊化的代碼和瀏覽器的能力,未來的工作無需網絡連接。我們甚至旅行到未來可能會在Web。

我們從 走了很長的路Ethan的文章,流體網格,靈活的媒體,和媒體查詢。這三個原則播下種子,已經成為我們來更好地了解設備的增殖的影響。我們已經看到,網絡是能夠去任何地方,做任何事情。

我認為, “響應式網頁設計” 是第一條真正設法捕捉,約翰奧爾索普討論了許多年前在 概念“一道網頁設計” 和蒸餾成設計和開發(fā)社區(qū)能真正沉浸其中。它提供了一個具體的例子,網絡的能力和自我塑造成任何形狀彎曲,它需要。

這是第一次,許多設計師都來與“經驗”并不是鐵板一塊的東西。

當然,在Web標準的社區(qū)的許多人一直在談關于 散步漸進增強。我們獲得轉換,但進展緩慢。伊森證明直接和簡潔是視覺設計的漸進增強可能看起來像。

提供對每個人試圖訪問我們的網站相同的經驗是不可能的。只是有太多的因素要考慮。我們的屏幕尺寸,顯示密度、CPU速度、內存量,傳感器的可用性,功能的可用性,接口的方法É 呼吸 É操作系統(tǒng)類型、操作系統(tǒng)版本、瀏覽器類型、版本的瀏覽器,插件安裝,網絡速度、網絡延遲、網絡擁塞、防火墻、代理服務器、路由器、和可能的其他十幾個我的心靈無法采摘的因素在旋風式的技術考慮。

而這還不考慮我們的用戶。

當我們需要找到我們的工作真正重要的人,我們要考慮文化水平,閱讀意識,知識水平,認知障礙,如學習障礙、閱讀障礙,注意力缺陷問題,環(huán)境的干擾,視力障礙,聽力障礙,運動障礙,他們怎么知道如何使用他們的裝置,他們怎么知道如何使用他們的瀏覽器,如何精通他們常見的Web會議,和一噸的其他“人的因素”。

每一個人都是不同的,每個人都有自己的一套特殊需求的網站。一些總是與他們,盲目為例。人是短暫的,就像打破你的鼠標手。還有一些是純粹的情境和相關設備上的你在時間的使用和其技術能力或限制。

在設計的每個人都有在各種情況下,充分考慮一個整體的經驗是不可能的。然而,提姆爵士伯納斯李有一個網站,可以去公司。他瘋了嗎?

提姆先生的網絡公司 是內容可以創(chuàng)建一次,從任何地方訪問。不同的只是“超媒體”分散在全球各地可以通過鏈接連接到另一個相關的碎片。此外,他們會在任何可以閱讀HTML裝置有可回收。免費。

最終,提姆先生設想的普遍可及性。

一杰出的我們中的許多人,確保我們的網站可以訪問是一個事后的想法。我們說一個好游戲的時候,“以用戶為中心”的這個或那個,但往往把“性”作為一個“屏幕閱讀器的同義詞”。它比很多。“性”是人。人們消費在許多不同的方式,內容和使用接口,有些相似,非常不同于我們怎么做。

當然,有視覺障礙的人經常使用屏幕閱讀器消費內容。但是他們也可能使用盲文觸覺反饋裝置或盲文打印機。他們也可能使用一個鍵盤?;蛘咚麄兛赡茉谝魳窌鲜褂糜|摸屏音頻線索?;蛘咚麄儠孟鄼C讓他們“讀”通過光學字符識別和文本到語音的內容。是的,視覺障礙的影響相當比例的民眾(尤其是隨著我們年齡的增長),但這只是一部分的“可達性”之謎。

文本和背景之間的對比度是保證不同照明場合的內容仍然是可讀性的一個重要因素。顏色的選擇是一個可關注。

我們使用我們的網站和我們的界面,直接影響到我們的用戶了解我們所做的是多么容易的語言,我們提供的產品,以及為什么它很重要。它也影響我們如何使我們的用戶對自己的感覺,他們的經驗,以及我們公司。語言是一種可關注。

對我們的網頁的大小有直接的影響多久我們的頁面去下載,它的成本多少客戶訪問他們,和(有時)甚至內容是否可以達到??冃且粋€可關注。

我可以繼續(xù)下去,但我相信你明白這一點。

可達性是為大家提供了很好的經驗,無論身體或精神上的能力,性別,種族,或語言。它承認我們都有特殊需要的物理限制,帶寬限制,設備的限制,可能需要我們以不同的方式體驗相同的接口。

當我看我的手機,一個網站為例,我的視覺受到我的屏幕分辨率(尤其是如果我使用的瀏覽器鼓勵變焦)和我因為我的指尖在我瀏覽有限與按鈕和鏈接互動的能力,這是大和更準確的比鼠標光標。

在一個觸摸屏,我可能需要的經驗會略有不同,但我仍然要做我到現(xiàn)場做。我需要一個 經驗,而且我需要 適當 經驗。

擁抱這個現(xiàn)實,經驗不需要的只有一件事能幫助我們接觸更多的人和更少的頭痛。經驗可以而且應該被制作為一個連續(xù)的。這是漸進式增強:我們從一個基本的體驗,對于每個人的工作內容,真正的鏈接,第一代的表單控件,和形式,實際提交到服務器。然后我們建立經驗從那里。

你的瀏覽器支持HTML5表單控件?太好了你會得到一個更好的虛擬鍵盤,當你輸入你的電子郵件地址。你可以使用CSS?太棒了,讓我做你的閱讀體驗更好。哦,你可以應付媒體查詢!讓我調整布局,所以這些線的長度是一個小更舒適。哇,你的瀏覽器支持Ajax?讓我在這里!相關內容你可能會感興趣的一些內容負載。

想象一下,坐在餐廳不僅有服務員馬上給你的牛排。但你是一個素食主義者。你問他們是否提供一些你能吃的東西和他們禮貌地回答 哦對不起,肉是一個要求。你為什么不吃肉?這很容易!你真的錯過了一些美味的食物。 沒有服務員誰真正關心你的經驗會做的。

然而,我們作為一個行業(yè),似乎沒有什么問題,告訴別人他們需要改變他們的瀏覽器來適應我們。這是錯誤的。我們的工作是毫無意義的用戶。我們應該竭盡全力吸引和留住他們。這是客戶服務101。

這又回到了postel'slaw,杰瑞米常常訴說:

你所做的是保守的,在你接受別人的自由。

我們要說到瀏覽器的支持,并沒有進行太多的松懈,(有)什么的假設,我們可以發(fā)送。

當然這不是我們行業(yè)的一個方法,每個人都準備好接受,所以我會提供另一句我回來一次又一次:

當事情發(fā)生的時候,你的力量的唯一的東西就是你的態(tài)度;你可以接受它或憎恨它。

我們無法控制世界,我們只能控制自己對它的反應。

現(xiàn)在的人已經聚集在這最后一天(或響應那些沿著在家)大概明白這比大多數(shù)。我們感覺到新設備,不斷轟擊屏幕尺寸,和能力。我已經找到了應對這一切的唯一方法就是接受它,擁抱多樣性,并查看設備和瀏覽器的增殖為特征,而不是一個bug。

我們要教育我們周圍的人誰有意外或故意不承認多樣性是我們生活在現(xiàn)實中,事情只會變得更瘋狂。我們的頭埋在沙子是不是一種選擇。

當我試圖幫助人們理解和接受多樣性,我常常達到從我最喜歡的運動之一 思想約翰羅爾斯。

羅爾斯是一個哲學家,經常與學生,社會實驗教會團體,等。

在實驗中,參與者被允許建立自己的理想社會。它可以跟隨任何哲學:它可能是一個君主或民主或無政府狀態(tài)。這可能是資本主義或社會主義。在這個實驗中人們隨意控制絕對社會的每一個方面;但后來他加入扭曲:他們不能控制他們占據(jù)什么位置,社會。

這是什么 扭曲約翰Harsanyi早期游戲理論家稱之為 “無知的面紗” 和羅爾斯發(fā)現(xiàn)了什么,一次又一次,是個人參與的實驗會傾向于創(chuàng)造最平等的社會。

這是有道理的:什么是理性的,自利的人會善待老人,病人,一個特定的性別,種族,宗教信仰的人,或顏色不佳,如果他們能在同一位置發(fā)現(xiàn)自己當面紗被拉去?

我們所做的事情以適應特殊的需要現(xiàn)在支付股息在未來。看看坡道。

他們是一個坐在輪椅上,也有利于那些不在其中的人們,輔助功能的經典例子:人們扛著行李推車,送貨服務牽引重物,父母把孩子(或他們的打扮狗)車,通勤走她的自行車,那家伙就喜歡步行了一個溫和的傾向于擴大所需的安裝步驟的努力。

當我們創(chuàng)造出從A點到B點的路徑選擇,人們可以采取一個最適合他們,無論是選擇或必要性。每個人都可以實現(xiàn)自己的目標。

我們都有特殊的要求。一些我們出世與。一些我們開發(fā)。有些是暫時的。一些與我們無關的個人,但情境或純粹依賴于我們使用的是硬件的交互方式,我們有我們的速度,甚至可以上網或處理數(shù)據(jù)。

如果不可響應的網頁設計是什么?是的,它的基本原理是與視覺有關的設計,但在大畫面上的,他們都是提供好的閱讀體驗。

為響應設計從業(yè)者,我們理解適應界面的好處。我們理解回退。我們了解到各種條件下的魯棒設計經驗,工作。每一天我們擴大我們產品的可訪問性。

這些技巧將使我們的技術繼續(xù)提供消費與我們的網站進行交互的新方法無價。

我們剛剛開始下降或腳趾兒,手在運動世界的手勢控制。當然,我們已經在兩個維度上的觸摸屏,而現(xiàn)在三維運動為基礎的控制才開始出現(xiàn)。

本文題目:響應網頁設計:我們要從這里去哪里?
當前URL:http://www.bm7419.com/news/20019.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、搜索引擎優(yōu)化、ChatGPT、用戶體驗、關鍵詞優(yōu)化、網站設計

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網站建設