更多的限制,更簡單的設計

0 評論 1534 瀏覽 0 收藏 7 分鐘

《簡單法則》中曾經提到過一個如何簡單的方法,SHE:縮小——>隱藏——>附加,然后把剩下的元素有組織的排列在一起。而簡約就意味著用最簡潔的方式獲得最大的效果。

首先,寫這篇文章的一個重要性的沖動誘因在于我這個剛入行的移動互聯網產品設計新手在查找資料的時候被太多的前輩恐嚇了很久,我最終決定站出來反擊一下。

我們看到無數的移動互聯網前輩們說,移動互聯網產品設計相對于Web設計而言實在太多限制了,太難搞了。你看,屏幕就那么點大小,當Web端主流分辨率停留在1024*768的時候手機上主流的分辨率確還是240*320(注意我是說主流,別說iphone4的640*960);我們可以在Web上使用鼠標+鍵盤來順暢的瀏覽而在手機上只有鍵盤(觸屏目前還是灰主流吧);當Web設計已經花哨到泛濫的時候手機上還是個夢想…..好吧,夠了,夠了,實在是夠了

可是事實是這樣嗎?我不認為!我認為在手機上的設計要比在Web上的設計相對更簡單。

更小的屏幕意味著你只需要考慮更少的內容設計;更單一的交互意味著你只需要思考更簡單的信息設計和更單線程的流程設計;更限制性的硬件意味著你不再需要考慮哪些花里胡哨的“假動作”,你只需要關注是否能更快速的幫助用戶解決需求就足夠了…..

一般而言,在手機上的產品設計分為2類,從Web端移植功能到手機端、全部由手機端開始設計。這2類設計實際上都適用以下要說的原則。

一、擁抱約束,習慣在局限下設計

這是一句正確的廢話,每個人都知道真正的自由并不在于完全自由,真正的自由在于完全自由與限制性之間的平衡。而這點在手機產品設計上表現的尤為突出。在手機端做設計首先必須要具備的思想就是閹割,當然,這點在Web端的設計上我曾經也認為是最重要的。

《簡單法則》里提到一個方法,SHE:縮?。⊿herink)——>隱藏(Hide)——>附加(Embody),然后把這些被簡單過的元素有組織的放在一起。

以從Web移植產品到手機端為例,①把Web已有的功能模塊全部列出來,排序;②盡可能的砍,把可以減少的功能盡可能的減少;③隱藏,把不可減少,但是并非十分必要的功能隱藏起來;④考慮手機端用戶需求與Web端用戶需求的差異,然后附加一些手機端特有的需求與功能進去;⑤有序的組織上述元素。

這樣的做法既做到了簡單,同時也避免失去了固有的價值感。這樣一頓閹割之后你會發現,其實在手機端這樣的環境下去實現這些功能是很簡單的了,因為有太多不必要的東西都不需要了。其實,就是用最核心的功能去滿足相對局限的條件,在做手機產品設計之前,最需要做的工作就是最小化和剔除不必要的工作。想好不做什么,然后再去做!

妥善的組織能使復雜的系統顯得比較簡單。比如iPod的按鈕設計就經歷了一個這樣的過程,在最開始的時候iPod的按鈕設計成了滾輪式的,在第三代的時候iPod將轉盤外圍的4個按鈕抽出來放在了轉盤的上面,變成了一排小按鈕,這顯然讓iPod的交互變得復雜而混亂了,于是在第四代的時候我們發現所有的按鈕重回轉輪之上,并且完全一體了。這是一個典型的從一開始簡單到變得復雜又簡單到不能再簡單的案例。

(圖片來源:騰訊科技)

二、智者知止

過度設計這事這幾年在Web產品上時有發生,仿佛產品設計師們覺得如果某個頁面他們不“加工”一下就顯得不專業,但是往往是越加工越不專業。 每一個設計都有它的核心訴求點(中心思想)和所有傳達的信息,凡是引起用戶感到迷惑和無關主題的信息都是需要避免的。哦對,這個東西有個專業術語,叫做“噪點”。

在手機端的設計上需要時刻跟“萬一……,索性還是加上去吧”的思想做斗爭。不為20%的用戶需求買單,不因為20%的用戶而丟失80%甚至更多的用戶。最好的產品體驗,我個人認為是用最簡潔的方式,最優雅的滿足用戶的需求。

三、單線程淺層次的信息設計

因為更多的限制,所以手機上的信息設計無法像Web設計那樣的無限制的以網狀延伸,而必須是相對很淺的。不要在同一個頁面里展開多個流程,使用清晰的布局,準確的提示等等。關于這點推薦圍觀@默契的這篇PPT 。

好吧,你可能意識到了,我并沒有提到超過12000種終端的適配問題。是的,這是真正的問題,我跟你一樣,都很無奈….但是,每個產品的用戶群是一定的,也許,縮小范圍后問題會相對簡單一點。當然,也許你會認為未來類iphone的機器會成為主流,但是,別忘了,那是未來。而,事實就是這樣!

來源:http://www.ikent.me/blog/3205

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!