成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Redesign:iPhone中的“再”設計

移動開發 移動應用
隨著移動app的發展和升溫,PC端的產品有逐漸向手機端移植的趨勢。如何將一款PC端產品成功移植到手機端,比如移植到iPhone上去,這必然要對交互操作進行“再”設計。

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

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

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

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

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

結構層級在PC端往往很深

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

層級的圖blog

(層級的圖blog)

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

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

美圖秀秀iPhone

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

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

手機交互設計分析

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

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

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

手勢

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

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

需求的“再”設計

“需求”對于交互,在我理解分為兩部分,用戶需求和商業需求。

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

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

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

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

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

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

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

優雅的降級

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

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

責任編輯:佚名 來源: 雅秋blog
相關推薦

2011-04-22 09:26:57

MVC設計

2011-11-23 09:18:25

iPhone通知

2011-01-26 15:47:45

SquarespaceiPhone應用

2011-01-26 16:34:10

GowallaiPhone應用

2012-05-14 09:21:49

iPhone

2011-02-16 14:50:09

iPhone應用Panelfly Co

2011-02-13 15:41:38

Trip JournaiPhone應用

2011-02-14 14:08:25

Awesome NotiPhone應用

2018-08-28 16:02:23

iPhone蘋果喬德里

2015-03-02 09:58:14

蘋果專利愛立信

2009-04-17 09:15:39

Iphone蘋果移動OS

2011-12-14 09:32:06

微軟iPhone

2011-01-27 18:03:53

iPhone應用friends aro

2011-10-28 13:34:10

iPhone應用設計

2010-08-19 11:27:24

2020-05-25 16:09:17

蘋果iOSBug

2012-06-14 10:26:43

iPhoneWeb App導航設計

2011-06-02 18:02:50

iPhone MVC

2021-09-02 00:18:44

iPhone手機iOS

2011-06-07 15:38:29

點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 久久一区 | 亚洲国产欧美精品 | 九九综合 | 国产高清免费 | 日韩综合在线 | 亚洲精品久久久久中文字幕欢迎你 | 亚洲男人天堂 | 中文字幕在线免费 | 午夜久久av | 中文字幕在线不卡播放 | 日韩欧美一区二区三区在线播放 | 波波电影院一区二区三区 | 福利视频网站 | 天天草视频| 久久国产一区二区三区 | 在线亚洲一区二区 | 一级黄色毛片免费 | 色网站在线免费观看 | 日韩国产在线 | 精品中文字幕一区二区三区 | www.久久.com| 性一区| 91精品国产综合久久久久久漫画 | 精品亚洲一区二区三区 | 亚洲精品99 | 免费看色 | 久久精品国产亚洲 | 秋霞电影一区二区 | 性大毛片视频 | 欧美成视频| 网址黄| 亚洲成人99 | 99热播放 | 国产精品久久久久久久久久妇女 | 韩日在线 | 中文字幕日韩一区 | 国产日韩一区二区三免费高清 | 黄色一级大片在线免费看产 | 亚洲图片一区二区三区 | 色视频在线播放 | 五月天婷婷狠狠 |