从pc到iphone的“再”设计

很久以前看过一本书,讲的是一些设计师如何把已有产品、品牌进行重新设计,既保持原有特色,又焕然一新。工作中似乎充满着“再”设计,无论是网站改版,还是外面产品的复制模仿,或是一些成功产品的跨平台、操作系统的移植….

尤其,随着移动app的发展和升温,PC端的产品有逐渐向手机端移植的趋势。如何将一款pc端产品成功移植到手机端,必然要对交互操作进行“再”设计。

从pc到iphone的“再”设计

目前来说,需要移植的多为用户量比较大,相对成熟,数据累积丰富的产品。保持原有特色和常用功能让设计师觉得踏实。但麻烦往往也常来源于此:

网站结构层级在pc端往往很深。

但是,移动界面的信息架构往往不适合设计很深的层级。层级深容易让用户迷失,也不好找回主页。

&">nbsp;

pc端的网站层级往往会架构很深,因为导航和面包屑的辅助,逻辑和轨迹也不难寻找。但是手机屏幕和操作系统限制,多于三级,用户就不再好操作。

在iphone guildline里对于面包屑也提出尽量勿用的提示。

有人说手机交互是让设计师最能发挥的地方。我觉得没错。交互设计师眼中优雅的产品往往都是“小而简单清晰的“和重视用户使用目的流程的。

美图秀秀iphone我相信出自设计师之手,界面开始就清晰的表达目的和需求:拍照或是处理图片,之后的操作也是一气呵成。

手机如果想获得好的体验,最好靠像用户一样不断操作来感受。也就是说,手机交互设计分析不像传统分析从产品已有功能开始,更应该从用户操作目的和流程开始。Iphone似乎先天领略了这个:

顶部为title+nav(页面名称和导航),导航为表示流程操作的上一步、下一步。不难发现苹果希望流程设计像用户行为一样,一条线走下去,一气呵成。而不是不断的遇到拐角和选择。

关于触摸屏的手势,虽然iphone移动终端和pc有一些操作相似的地方,比如点击、拖拽。但触摸屏不存在所谓鼠标的悬停(hover)状态,也没有右键点击。Iphone有自己的独特手势,比如缩放、拉大多点触碰,长按图标抖动后移动或删除。

iPhone、ipad上手势的总结图

需求的“再”设计

“需求”对于交互,在我理解分为两部分,用户需求和商业需求。

用户需求很好理解,就是用户为什么使用这个产品,为了解决什么问题,用户的使用场景和流程分别是什么?

比如一个用户拍照、装扮并分享的app。

分割这些页面,可以通过对流程的梳理。每个页面反复问用来解决什么问题的,会让页面架构逻辑变得清晰。

商业需求就是公司战略重点,产品倾向和方向。一个交互设计师如何断定层级往往来自与他对于商业需求的解决能力。举个简单例子来说明:

拍拍的搜索提示,引导用户的热门搜索

把用户看成懒而怕麻烦的。上面的情况尤其对于浏览型无目的的用户来说,具有很强的引导和暗示,也是运营的发力点之一。换句话说,

如果说design is solving problem.那么,方法永远比困难多,设计如何解决问题和困难的方式也多样。

优雅的降级

用户有在手机上使用这个功能的需要吗?在什么情景下有呢?优先级高么?

手指操作不可以复杂,不可以过于精确。

来源:http://www.zhangyq.com/redesign-iphone-in-the-re-design/

时间: 2025-01-20 13:09:36

从pc到iphone的“再”设计的相关文章

美国iPhone 4S再出故障:不识别SIM卡

苹果iPhone光环笼罩下成为全球最畅销的智能手机,不过随着产品的逐渐上市越来越多的用户发现了iPhone 4S的问题,今日国外媒体报道iPhone 4S用户有时候会出现不识别SIM卡的情况.美国iPhone 4S再出故障国外媒体Engadget报道有少部分用户在使用iPhone 4S的时候提示没有插入SIM卡,目前还没有有效的办法避免智能重启机器.不过目前这个状况似乎有一部分用户已经遇到过并且反映到了AT&T的售后方面,其他运营商目前还没有接到相关的问题咨询.苹果以及AT&T目前都没有对

iPhone优秀应用设计细节:保证品质的设计

文章描述:不拘规范的iPhone优秀应用设计细节.  作为一个刚入行的交互苦逼女,最烦恼的事情是如何解决"iPhone原生的界面控件无法满足产品日益增长的功能需要"这个大矛盾.一方面,如果保守地采用传统的iPhone控件,不能给产品带来太多的创新价值:另一方面,如果过于突破,又害怕不能通过APP Store的审核,开发同学辛苦之后却竹篮打水一场空.纠结通过的时候,看到APP Store上有一些创新的设计,并从中获得启发的时候就特别开心.这里分享一些特别有新意的APP,看看它们是怎么突破

[译] iPhone X 网页设计

本文讲的是[译] iPhone X 网页设计, 原文地址:Designing Websites for iPhone X 原文作者:Timothy Horton 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m- 译者:Hyde Song 校对者:Larry Vernon 在最新发布 iPhone X 的全面屏上,Safari 可以精美地显示现有的网站.内容自动嵌入到显示屏的安全区域内,以免被圆角.原深感摄像头系统的空间遮挡住. 凹槽部分填充了页面的 backg

郭明錤:2018年苹果将保留iPhone X镜头设计

据外媒 MacRumors 今日报道,凯基证券分析师郭明錤发布最新预测称,苹果公司将很有可能继续沿用iPhone X的全塑料镜头,作为其2018年iPhone产线的设计基础. 图片来源:MacRumors 在 MacRumors 获得的凯基证券的研究报告中,郭明錤在给投资者的一封信中表示,其不同意市场猜测所说的苹果计划在 2018 年将 7P(七个塑料镜头阵列)或 2G3P(两片玻璃,三个塑料镜头)的混合设计整合到 iPhone 的后置摄像头. 据雷锋网了解,目前 iPhone X 采用的是6P

iPhone 5再曝摄像头问题:照片出现紫色光晕

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 iPhone 5再曝摄像头问题(TechWeb配图) 新浪科技讯 北京时间9月27日早间消息,一些iPhone 5用户发现,利用这款手机摄像头拍摄的照片会出现紫色光晕. 在科技产品评测网站AnandTech的论坛上,一些用户报告称,如果将iPhone 5摄像头对准明亮的光源,例如太阳或白炽灯,那么拍摄的照片就会出现这样的问题.而在用户将光源移

苹果微软签署“反克隆协议” 不能抄袭iPhone和iPad设计

http://www.aliyun.com/zixun/aggregation/17197.html">北京时间8月14日消息,一位苹果高管本周一表示,苹果已经将设计专利授权给微软,但是双方签署了"反克隆协议",微软不能抄袭iPhone和iPad设计. 苹果专利授权部618.html">负责人Boris Teksler在法庭上透露了上述消息.2010年时,苹果曾接触三星,试图达成专利授权协议,避免走上法庭. Teksler说苹果提供一系列的专利来授权,尤

IDC:今年全球PC出货量将再减少3.1%

IDC的最新研究报告称,在2015年第四季度,全球PC出货量同比减少了10.6%,降至2008年以来的最低点.IDC还预计PC市场今年将继续萎缩,全球PC出货量将再减少3.1%. 但是IDC的报告中还有一条信息或许能说明PC市场可能会在今年复苏.这条信息是:如果算上可拆式平板电脑,2016年的PC出货量将增长1%到2%. 这个增幅听起来似乎并不高,但是PC市场已经低迷多年,任何增长都是好兆头,尤其是对于像英特尔这样大部分营收来自PC芯片的公司而言. Moor Insights &Strategy

苹果临时改变了 4.7 寸新 iPhone 的屏幕设计

摘要: 根据路透社从供应链获得的消息,由于苹果临时改变了 4.7 寸新 iPhone 的屏幕设计,制造商在六月和七月份为调整生产线而经历了一段时间的停滞.尽管目前生产已经恢复,但这次事件给 根据路透社从供应链获得的消息,由于苹果临时改变了 4.7 寸新 iPhone 的屏幕设计,制造商在六月和七月份为调整生产线而经历了一段时间的停滞.尽管目前生产已经恢复,但这次事件给原本就注定空前抢手的 iPhone 6 上市初的供货量造成了负面影响. 苹果起初为 4.7 寸 iPhone 6 的屏幕采用了单层

杨元庆:国际化改变中国PC命运 移动互联再上征程

"中国制造"到"中国创造",如果喊喊口号就能成功,也不足以让世界惊叹中国产业转型的力量.完成这种跨越,中国产品需要向外界展示更多品质.更多创新.更多品牌和口碑. PC(个人电脑)产业就生存于中国制造业转型的这十年,"高.精.尖"赋予其光环,也容易让海外劲敌以此度量中国制造业的生存能量. 好在,中国PC没有让世界失望.十年前,中国每个季度只能卖出200多万台电脑,中国PC企业频繁遭受国际巨头白眼.而十年后,全球PC销量下滑,中国PC销量却在逆势增长