很久以前看過一本書，講的是一些設計師如何把已有產品、品牌進行重新設計，既保持原有特色，又煥然一新。工作中似乎充滿著“再”設計，無論是網站改版，還是外面產品的復制模仿，或是一些成功產品的跨平臺、操作系統(tǒng)的移植….

尤其，隨著移動app的發(fā)展和升溫，PC端的產品有逐漸向手機端移植的趨勢。如何將一款PC端產品成功移植到手機端，必然要對交互操作進行“再”設計。

從PC到iOS設備iPhone的“再”設計

目前來說，需要移植的多為用戶量比較大，相對成熟,功能完善，數(shù)據累積豐富的產品。保持原有特色和常用功能似乎容易讓設計變得容易而踏實。但麻煩往往也來源于此：

結構層級在PC端往往很深。

但是，移動界面的信息架構盡量不要設計很深的層級。層級很深容易讓用戶迷失，也不好找回主頁。

(層級的圖blog)

在iPhone guildline里對于面包屑也提出盡量勿用的提示。

有人說手機交互是讓設計師最能發(fā)揮的地方。我覺得沒錯。交互設計師眼中優(yōu)雅的產品往往都是“小而簡單清晰的“和重視用戶使用目的流程的。

美圖秀秀iOS版我相信出自設計師之手，界面開始就清晰的表達目的和需求：拍照或是處理圖片，之后的操作也是一氣呵成。

手機如果想獲得好的體驗，***靠像用戶一樣不斷操作來感受。也就是說，手機交互設計分析不像傳統(tǒng)分析從產品已有功能開始，更應該從用戶操作目的和流程開始。iOS設備尤其是iPhone似乎先天領略了這個：

頂部為title+nav(頁面名稱和導航)，導航為表示流程操作的上一步、下一步。

可以發(fā)現(xiàn)蘋果希望流程設計像用戶行為一樣，一條線走下去，一氣呵成。而不是不斷的遇到拐角和選擇。

手勢，雖然iOS移動終端iPhone和PC有一些操作相似的地方，比如點擊、拖拽。但觸摸屏不存在所謂鼠標的hover狀態(tài)，也沒有右鍵點擊。iPhone有自己的獨特手勢，比如zoom in/out，長按抖動后移動或刪除。

iOS設備iPhone、iPad上手勢的總結圖

在PC端 一些順暢的操作反而需要重新思考。

需求的“再”設計

“需求”對于交互，在我理解分為兩部分，用戶需求和商業(yè)需求。

用戶需求很好理解，就是用戶為什么使用這個產品，為了解決什么問題，用戶的使用場景和流程分別是什么?

比如一個用戶拍照、裝扮并分享的app。

分割這些頁面，可以通過對流程的梳理。每個頁面反復問用來解決什么問題的，會讓頁面架構邏輯變得清晰。

商業(yè)需求就是公司戰(zhàn)略重點，產品傾向和方向。一個交互設計師如何斷定層級往往來自與他對于商業(yè)需求的解決能力。舉個簡單例子來說明：

(搜索\引導熱門詞)淘寶 拍拍 團購..

把用戶看成懶而怕麻煩的。上面的情況尤其對于瀏覽型無目的的用戶來說，具有很強的引導和暗示，也是運營的發(fā)力點之一。

如果說design is solving problem.那么，方法永遠比困難多，設計如何解決問題和困難的方式也多樣。

優(yōu)雅的降級

用戶有在手機上使用這個功能的需要嗎?在什么情景下有呢?優(yōu)先級高么?

手指操作不可以復雜，不可以過于精確。