移動:Web極簡運動的新戰(zhàn)場

在Web設計中推行一種新的極簡風格究竟只是我一個人的想法還是整個移動設備開發(fā)行業(yè)的流行趨勢?Web設計風格常常在改變:dancing babies,suckerfish菜單,圓角和彩帶都曾在Web設計中大受歡迎。但是這些用來裝飾界面的東西畢竟太過表面了。當前的Web設計領域漸漸開始流行一種更加簡約,對用戶更加友好的設計風格,所有放在網頁上的內容都必須具有實際價值。新的移動革命推動了Web極簡運動的開展。
極簡主義并不簡單

首先,極簡主義并不等同于簡單。如果一個網站使用白色的背景,沒有插入任何圖片,這樣的網站只能說是簡單,但絕不屬于極簡風格。 極簡主義是指將事情的初衷呈現(xiàn)出來,而不是指將事物以最易于理解的方式展示出來。極簡主義最重要的是關注事物的目的,并且將目的以最簡潔明了的方式表達出來。
訪問方式大有不同

顧名思義,移動設備就是可以移動的設備,它應該能夠隨時隨地為用戶提供服務,因此如果讓用戶從一大堆沒有用的信息中提取想要的信息,這將是無法容忍的。移動設備有意使瀏覽器變得越來越智能化,這意味著瀏覽器需要知道用戶的需求并且更具社交性(所謂的社交性是指人們能夠通過tweeter讓自己的妻子將桌子對面的鹽遞過來,而不僅僅是在web上顯示)。 用戶對Web的用戶體驗要求越來越高:要求web更具針對性,更加高效,更加實用,讓用戶能夠直接得到想要的信息。
現(xiàn)在的用戶對信息的需求和使用方式已經與幾年前大不相同了。現(xiàn)在用戶能夠坐在自己的沙發(fā)上一邊回復電子郵件一邊欣賞Wilco的***專輯,同時在tweeter上發(fā)布自己的感想,而這一切都不需要使用鍵盤或是鼠標。觸摸屏革命使得互聯(lián)網變得更加有趣——這一感受正如同1995年以后,當你在你的電腦上下載了AOL,然后等待你的調制解調器連接到網絡一樣。
移動設備的限制(屏幕尺寸較小,帶寬有限,連接速度較慢)推動了Web上的極簡運動。只有處理好了移動設備上的這些限制,才能使得你的網站更加適合移動設備訪問。網站響應速度必須足夠快以彌補移動設備連接較慢的缺陷,并且網站必須能夠根據設備屏幕的尺寸調整適合的大小。
更用心地去設計吧
真正的問題是——如何做到極簡主義?那就是,更用心去設計。毫無疑問,單純地運行web網站和應用程序的年代已經過去了(除非你不想在未來的web發(fā)展中占有一席之地)。你不能僅僅只是拋出一個想法,然后等別人去發(fā)現(xiàn)。如果你想成功,那么你需要認真設計一個更有針對性,更高效,更實用,更實時的web網站。
要有目的性
在你打開Photoshop準備開始設計你的Web網頁之前,請務必記住首先理清用戶和開發(fā)者的目標。請確保將你主要的精力集中在如何凸顯用戶和開發(fā)者的想法,而不是千方百計想要美化一個無關緊要的logo。建立網站的目的才是你真正需要關心的——如果你能夠凸顯網站的主題而不是一些華而不實的細節(jié),這對你的設計和用戶來說都是最實用的。
要注意效率
充分利用顏色、排版或是留白來突出你設計中的重點。使用的顏色過多或是不足、頁面太亮或是太暗都會影響用戶的體驗。只有在適合的地方使用顏色才能最有效地突出主題。
移動設備上的web設計不適合使用過多的圖像或圖標。這些圖像或是圖標需要花費很長的時間來加載,而在小屏幕上查看起來也相當費勁。合理地排版完全能夠替代圖像和圖標的效果,而且更加有利于用戶理解。
在文字、按鍵和鏈接周圍留出一些空白的空間是非常重要的,它能夠使頁面看起來不那么凌亂。如果一個網頁使用小號字體,并且不留有任何空白空間,這在移動設備上看起來是非常辛苦的;所以應該充分利用填充和邊框使頁面看起來更有條理。不要企圖將所有的內容全部堆積到一個屏幕上,即使一個頁面需要占用多個屏幕的大小,用戶只用輕輕劃過屏幕就可以輕松地瀏覽整個頁面了。
要實用
在設計網站時仔細想想用戶將如何使用這個網站,不要給用戶設置一堆障礙(我最忌諱的就是:有太多的選項),盡量讓你的網站簡單明了。如果用戶能夠盡快與網站完成交互并且一眼就能找到想要的內容,那么他還有可能訪問網站上的其他內容。
當用戶不知道下一步該怎么做時,你的網站需要能夠引導用戶獲取信息。當他們操作出錯了,你的設計不應該讓用戶感到不知所措,當用戶選擇了一個按鈕或是某個表格甚至是一個幻燈片后,你的網站都需要給出優(yōu)雅并且直接的反饋。
別再浪費用戶的時間了
用戶的目標就是少花錢多辦事,因此推動了移動設備上的極簡主義發(fā)展。將所有不必要的內容從網站上刪除,這樣才能避免用戶訪問到無用的信息。極簡主義并不意味著簡單或是樸素,極簡主義是將事物的本質呈現(xiàn)出來。Web極簡運動就是讓用戶獲取信息的本質。
原文:http://www.webapptrend.com/2011/11/242.html
【編輯推薦】