和街旁設計師劉洋對話

(本文由盒外原創,與懶人有禪聯合發表)

劉洋是懶人有禪的新成員,也是街旁的移動產品設計師。他的設計經歷非常豐富,包括t-shirt、海報、書籍和網站。現在他在負責街旁多個移動平台的app 設計。下面是果合團隊和他的訪談記錄。

問:你覺得最近移動app 產品設計的發展方向有什麼變化?

從 Instagram開始,就很不一樣了。因為這個app 把圖片當成feed 的主題,就變成了說社交事件是用圖片一張一張傳下來的,就好像給 Flickr 加上了一個時間線,又像是把 Facebook 的時間線變成了一張一張的圖片。圖片變成了一個很重要的部分。

我覺得這也符合現在智能手機發展的趨勢:現在手機都越來越強大了,拍照是一件很自然的事情。在觸屏手機打字都不是很方便的情況下,拍照傳圖就變成很自然的事情。像後來的 Path 和 Color 都是這一個系列概念的演化。

在街旁的app 裡面,實際上我們也有借鑒Intstagram 的設計。我們沒有做那種傳統的地點相冊,好像一個圖片牆的概念,而是按照時間軸把照片放進去。

問:你之前的設計經歷對你現在做移動產品設計有什麼影響和幫助?

其實我設計的背景很雜,沒有說一開始就專注於某一部分的設計。因為學軟件,所以Web 設計肯定是很大的一部分,但是也做過平面,比如海報、書籍封面。



傳統的設計大部分是給人看的,交互模式比較簡單,比如Web 設計基本上是鼠標點擊。移動設計的交互比較多樣,比如有手勢啊。還要考慮到移動性和網絡的問題。如果是Web 設計,用戶會坐在那兒,電腦插著網線,你不需要考慮很多,但是移動設備上的設計,就要考慮到各種異常情況,比如有的時候手機會沒有信號,走路的時候用戶交互會不那麼精準之類的事情。這些都是移動設計要注意的事情。如果一開始從Web 設計轉過來,需要考慮容錯性。相對而言,移動設備上交互的可能性會更多。

另外就是移動設備的屏幕。除了尺寸上會有局限之外,也包括硬件平台的差異。比如Android 上很少有app 會做下拉刷新(Pull to Refresh)這個交互,而在iOS 上卻很常見。 Android 上的刷新率是20 幀,而iOS 是60 幀每秒。 Android 不同的硬件配置差異很大。在iOS 上滾動一個列表,很容易一次滾動到頭,而在Android 上滾動速度和阻尼的變化都很難預期。所在不同的手機上適配會很難。 Android 在不同OEM 的“改進”下,UI 已經變得很“散漫”,所以一個設計放在不同的Andr​​oid 手機上可能會不一定適用。

與其說之前的設計經驗對我的幫助大不如說是作為一個重度用戶的經驗對我的幫助大。本身你要去用不同的app,潛意識裡面你要去做對比。當你看到一個app 做一件事情的時候,你要去想為什麼以前的app 沒有做這件事情,而現在這個app 這樣做了,然後以前的app 是怎麼做的。形成一種很自然的對比。在這種前提下,你就能把握iOS 平台上的app 是什麼樣的,哪些東西是好的,哪些是不好的,新的概念出來怎麼去避免就的錯誤。這種對設計進化的思想是要不斷的更新,保持自己一直在體驗和思考新的東西。

問:你認為在不同的移動平台上進行產品設計的區別是什麼?哪一個移動平台上的設計是最舒服的?

我覺得肯定是iPhone,因為iPhone 開創了觸屏交互的先例。新聞上都會經常說iPhone 最近註冊了一個專利,然後Android 又要給蘋果交專利費。所以你會看到iPhone 是一個從零開始把交互做起來的平台,而Android 和Windows Phone 7 都是在iPhone 的基礎上做一些變化,創造一些不同的東西。你會看到(在Android 和Windows Phone 7 的平台上)有一些刻意的或者是修飾性的改變,不是非常自然。

每個交互都會有一個流程。在每個平台上都會有一套導航的模式。做app 特別是社交類的app,一定要先定義你的app 在這個平台上怎麼做導航。導航包括哪些?就是每個頁面中的信息架構,比如:標題要放在哪裡,頁面之間如何跳轉,這個頁面如果有菜單的話要怎麼做,這個頁面如果要有一些不太重要的東西要把它藏到哪裡去。這套東西是在做每一個頁面的時候都會遇到的問題,所以要在最先把它搭建起來。在iOS 和Android 上的這種差異是非常大的。因為iOS 沒有物理按鍵,而Android 上有。這個問題是一直被討論的,但是我覺得不太會有答案。因為現在Android 的硬件也不斷向iPhone 的方向發展,硬件越來越好,甚至超過iPhone 的硬件。所以現在會有越來越多的iOS 交互搬到Android 上來,比如:iOS app 上會有一個導航,左邊放返回鍵,右邊放功能鍵。在Android 上有人會用到下面的菜單按鍵,也有些人會直接用iOS 的設計,把按鍵做到UI 裡面,而不用物理按鍵。如果把框架想清楚,然後就可以專注在內容上。

所謂的框架就是一種很共通的交互模式。比如在iPhone 上,​​除了一些遊戲之外,很多SNS app 都是用同一種框架。如果你選擇做一件不一樣的事情,就要考慮風險:用戶習慣於原有的框架,在新的框架下就可能找不到習慣的交互方式,就會問為什麼這個功能被藏起來了。

記得有一句話是說最好的UI 就是沒有UI,就是讓用戶感覺不到交互的存在。我覺得最好是在一個用戶感覺不到的UI 的框架下,再去關注內容,就會是對內容一種比較好的提升。

不同平台的差異實際上是一些非常細節的問題。我會把這些差異考慮在框架的設定當中。其實移動app 的設計都是在一塊觸摸屏上,很多不一樣的東西都是在OS 的DNA 中體現的。設計應該盡可能的去貼近這些特性。再說遠一點,在設計app 的時候,儘管不一定要遵循,但是一定要了解並且思考不同系統在用戶界面上的UI Guideline,才能知道有些東西為什麼要這麼做,才能做取捨。

最近我看了Android 2.3 的用戶界面設計,覺得在新版本上的設計和之前的版本非常不同。代表性的ap​​p 比如Twitter 和Facebook 都不一樣了。從UI 上講,Android 是一個非常自由的系統,所以在設計上會一直有新的變化。其實我感覺這個變化是越來越像iOS,特別是在導航的設計上。以前的設計是在頁面的最上方會有20 像素是放app 的名稱,現在就會是放logo 和兩個導航按鈕,和iOS 更加類似。此外,整個的設計風格都在向這個方向​​遷移。我認為這也是因為Android 更加開放,所以一些大公司會希望自己的app 在不同的平台上界面更加一致。而現在Android 手機的性能越來越好,其實在一塊液晶屏上的表現在不同的平台上也會越來越接近。

Twitter for AndroidTwitter for iPhone

問:對於個人開發者或者小型開發團隊,你會對他們在產品設計上有什麼建議?

一些小的團隊,可能只有兩個人,一個人做開發,一個人做設計,可能沒有一個人是專門做產品的,其實這樣的模式很好。國外一些很不錯的app 設計和開發是由一個人完成的。如果說建議的話,我認為開發者和設計者之間的溝通是第一位的。在設計的時候一定要考慮在技術實現的時候會不會有什麼問題。因為團隊很小再加上缺乏經驗,如果沒有很好的溝通,設計出來之後會發現技術實現出來有一些問題是沒有考慮到的。最好是能夠在每一個設計上都進行充分的溝通,保證每一個想法都是(在技術角度上)“安全的”。越小的團隊越要保持這樣的溝通,才能提供產品設計和開發的效率。其實即便是像街旁團隊的app 也是這樣的雙人模式,同樣需要這樣的溝通。

另外就是要去聽用戶的意見。當然其中有些是噪音,但是很多人提一個建議的時候,可能就是有價值的。但是作為設計師要會思考和過濾這些意見。如果沒有這些思考和過濾,用戶提到了一個問題,設計師卻沒有考慮到這個問題,那麼這就是一個需要反思的事情了。用戶在很多時候都不會提出需要什麼,只會說這樣做是不對的,你這樣做不好。比如有些頁面結構比較複雜,有些按鈕的位置不太對,可能點不到,在設計的時候可能沒有考慮到,在碰到這樣的問題時,可能就是一個把按鈕的尺寸放大的解決辦法,但是這樣做也可能會影響頁面其它部分的佈局。這時可能就要考慮是不是要重新考慮一種佈局,從零開始去思考這個結構是什麼,因為有些設計是聯動的。

問:你的iPhone 首屏上都有什麼app?你在設計中會參考什麼樣的 app?

我的iPhone 首屏基本保持Apple 的出廠設置。

因為我做街旁​​,所以比較多參考的是社交類的app。我覺得最完美的是 Facebook 的 iOS app。這個app 把一些別人認為已經達到完美的功能一步一步去升級,讓你覺得說我怎麼沒有想到這個設計,而Facebook 的改動就越來越好。比如Facebook 的搜索,會在點擊搜索欄之後就顯示3 種可能的搜索分類,而不是讓用戶在看到大量的搜索結果後再進行篩選。再比如發送新信息的時候,Facebook “啟動輸入框打開鍵盤”這件事可以做到非常順暢沒有延時,其它任何主流app 都沒辦法做到同樣的程度。但SNS app 的用戶可能最常用到的就是發消息,所以這一點點的進步很容易會被察覺到並被認為有價值。

Facebook 的搜索功能

問:你怎麼找到這些好的app 幫助形成設計?

各種科技博客,好的app 都會被炒的很熱,然後就可以在科技博客中發現。但其實大部分好的app 都是那些比較老的,它們都會不斷改進自己的設計,我覺得這種改進才是真正值得學習的東西。我喜歡在一件事情上反复思考,不斷的改變,把設計進化到很好,而不是一拍腦袋想到一個設計。

博客我看得比較多的是 Engadget 和 Core77,這些不一定是談設計本身,但是可能會有很多想法上的幫助,包括 TechCrunch 都會經常看。

問:你用什麼軟件和硬件完成設計工作?你的夢幻配置是什麼?

  • MacBook Pro 15-inch。 Mac 的屏幕色彩比較準,我覺得對設計來講很重要的是屏幕的顏色,我覺得這個屏幕還沒有很好,我希望有更好的屏幕。
  • Razer Deathadder。我用鼠標只有一個標準,就是這個鼠標要很大,貼我的手
  • Photoshop CS5。但是我覺得應該更多的用 Illustrator 和 Fireworks 做,因為現在iOS 和Android 的屏幕分辨率都越來越高,所以應該有矢量的輸出,更容易改變尺寸。
  • Windows 7Microsoft Word。編輯文檔的時候,萬不得已我不會用Mac,因為要考慮對方大部分用Windows 打開的時候,看到的格式字體是不是一致,而且 Office for Mac 太爛了。
  • Gmail 用來收發郵件
  • Skype 和 iChat 作為即時通訊工具。但是我不喜歡新版Skype for Mac 在UI上的改變,變的很笨重。我也嘗試過用Adium 之類的IM 聚合軟件,但現在覺得把各個群體都整在一起並不適合我當下的使用需求。

夢幻配置的話就是全部都是固態硬盤吧,我討厭等待,我想如果有固態硬盤我可以提高一倍的設計效率。

來源:http://www.lanrenux.com/?p=427

特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy

Comments are closed.