童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

和街旁设计师刘洋对话

2月18日 斩情道投稿
  (本文由盒外原创,与懒人有禅联合发表)
  刘洋是懒人有禅的新成员,也是街旁的移动产品设计师。他的设计经历非常丰富,包括tshirt、海报、书籍和网站。现在他在负责街旁多个移动平台的app设计。下面是果合团队和他的访谈记录。
  问:你觉得最近移动app产品设计的发展方向有什么变化?
  从Instagram开始,就很不一样了。因为这个app把图片当成feed的主题,就变成了说社交事件是用图片一张一张传下来的,就好像给Flickr加上了一个时间线,又像是把Facebook的时间线变成了一张一张的图片。图片变成了一个很重要的部分。
  我觉得这也符合现在智能手机发展的趋势:现在手机都越来越强大了,拍照是一件很自然的事情。在触屏手机打字都不是很方便的情况下,拍照传图就变成很自然的事情。像后来的Path和Color都是这一个系列概念的演化。
  在街旁的app里面,实际上我们也有借鉴Intstagram的设计。我们没有做那种传统的地点相册,好像一个图片墙的概念,而是按照时间轴把照片放进去。
  问:你之前的设计经历对你现在做移动产品设计有什么影响和帮助?
  其实我设计的背景很杂,没有说一开始就专注于某一部分的设计。因为学软件,所以eb设计肯定是很大的一部分,但是也做过平面,比如海报、书籍封面。
  传统的设计大部分是给人看的,交互模式比较简单,比如Web设计基本上是鼠标点击。移动设计的交互比较多样,比如有手势啊。还要考虑到移动性和网络的问题。如果是Web设计,用户会坐在那儿,电脑插着网线,你不需要考虑很多,但是移动设备上的设计,就要考虑到各种异常情况,比如有的时候手机会没有信号,走路的时候用户交互会不那么精准之类的事情。这些都是移动设计要注意的事情。如果一开始从Web设计转过来,需要考虑容错性。相对而言,移动设备上交互的可能性会更多。
  另外就是移动设备的屏幕。除了尺寸上会有局限之外,也包括硬件平台的差异。比如Android上很少有app会做下拉刷新(PulltoRefresh)这个交互,而在iOS上却很常见。Android上的刷新率是20帧,而iOS是60帧每秒。Android不同的硬件配置差异很大。在iOS上滚动一个列表,很容易一次滚动到头,而在Android上滚动速度和阻尼的变化都很难预期。所在不同的手机上适配会很难。Android在不同OEM的“改进”下,UI已经变得很“散漫”,所以一个设计放在不同的Android手机上可能会不一定适用。
  与其说之前的设计经验对我的帮助大不如说是作为一个重度用户的经验对我的帮助大。本身你要去用不同的app,潜意识里面你要去做对比。当你看到一个app做一件事情的时候,你要去想为什么以前的app没有做这件事情,而现在这个app这样做了,然后以前的app是怎么做的。形成一种很自然的对比。在这种前提下,你就能把握iOS平台上的app是什么样的,哪些东西是好的,哪些是不好的,新的概念出来怎么去避免就的错误。这种对设计进化的思想是要不断的更新,保持自己一直在体验和思考新的东西。
  问:你认为在不同的移动平台上进行产品设计的区别是什么?哪一个移动平台上的设计是最舒服的?
  我觉得肯定是iPhone,因为iPhone开创了触屏交互的先例。新闻上都会经常说iPhone最近注册了一个专利,然后Android又要给苹果交专利费。所以你会看到iPhone是一个从零开始把交互做起来的平台,而Android和WindowsPhone7都是在iPhone的基础上做一些变化,创造一些不同的东西。你会看到(在Android和WindowsPhone7的平台上)有一些刻意的或者是修饰性的改变,不是非常自然。
  每个交互都会有一个流程。在每个平台上都会有一套导航的模式。做app特别是社交类的app,一定要先定义你的app在这个平台上怎么做导航。导航包括哪些?就是每个页面中的信息架构,比如:标题要放在哪里,页面之间如何跳转,这个页面如果有菜单的话要怎么做,这个页面如果要有一些不太重要的东西要把它藏到哪里去。这套东西是在做每一个页面的时候都会遇到的问题,所以要在最先把它搭建起来。在iOS和Android上的这种差异是非常大的。因为iOS没有物理按键,而Android上有。这个问题是一直被讨论的,但是我觉得不太会有答案。因为现在Android的硬件也不断向iPhone的方向发展,硬件越来越好,甚至超过iPhone的硬件。所以现在会有越来越多的iOS交互搬到Android上来,比如:iOSapp上会有一个导航,左边放返回键,右边放功能键。在Android上有人会用到下面的菜单按键,也有些人会直接用iOS的设计,把按键做到UI里面,而不用物理按键。如果把框架想清楚,然后就可以专注在内容上。
  所谓的框架就是一种很共通的交互模式。比如在iPhone上,除了一些游戏之外,很多SNSapp都是用同一种框架。如果你选择做一件不一样的事情,就要考虑风险:用户习惯于原有的框架,在新的框架下就可能找不到习惯的交互方式,就会问为什么这个功能被藏起来了。
  记得有一句话是说最好的UI就是没有UI,就是让用户感觉不到交互的存在。我觉得最好是在一个用户感觉不到的UI的框架下,再去关注内容,就会是对内容一种比较好的提升。
  不同平台的差异实际上是一些非常细节的问题。我会把这些差异考虑在框架的设定当中。其实移动app的设计都是在一块触摸屏上,很多不一样的东西都是在OS的DNA中体现的。设计应该尽可能的去贴近这些特性。再说远一点,在设计app的时候,尽管不一定要遵循,但是一定要了解并且思考不同系统在用户界面上的UIGuideline,才能知道有些东西为什么要这么做,才能做取舍。
  最近我看了Android2。3的用户界面设计,觉得在新版本上的设计和之前的版本非常不同。代表性的app比如Twitter和Facebook都不一样了。从UI上讲,Android是一个非常自由的系统,所以在设计上会一直有新的变化。其实我感觉这个变化是越来越像iOS,特别是在导航的设计上。以前的设计是在页面的最上方会有20像素是放app的名称,现在就会是放logo和两个导航按钮,和iOS更加类似。此外,整个的设计风格都在向这个方向迁移。我认为这也是因为Android更加开放,所以一些大公司会希望自己的app在不同的平台上界面更加一致。而现在Android手机的性能越来越好,其实在一块液晶屏上的表现在不同的平台上也会越来越接近。
  问:对于个人开发者或者小型开发团队,你会对他们在产品设计上有什么建议?
  一些小的团队,可能只有两个人,一个人做开发,一个人做设计,可能没有一个人是专门做产品的,其实这样的模式很好。国外一些很不错的app设计和开发是由一个人完成的。如果说建议的话,我认为开发者和设计者之间的沟通是第一位的。在设计的时候一定要考虑在技术实现的时候会不会有什么问题。因为团队很小再加上缺乏经验,如果没有很好的沟通,设计出来之后会发现技术实现出来有一些问题是没有考虑到的。最好是能够在每一个设计上都进行充分的沟通,保证每一个想法都是(在技术角度上)“安全的”。越小的团队越要保持这样的沟通,才能提供产品设计和开发的效率。其实即便是像街旁团队的app也是这样的双人模式,同样需要这样的沟通。
  另外就是要去听用户的意见。当然其中有些是噪音,但是很多人提一个建议的时候,可能就是有价值的。但是作为设计师要会思考和过滤这些意见。如果没有这些思考和过滤,用户提到了一个问题,设计师却没有考虑到这个问题,那么这就是一个需要反思的事情了。用户在很多时候都不会提出需要什么,只会说这样做是不对的,你这样做不好。比如有些页面结构比较复杂,有些按钮的位置不太对,可能点不到,在设计的时候可能没有考虑到,在碰到这样的问题时,可能就是一个把按钮的尺寸放大的解决办法,但是这样做也可能会影响页面其它部分的布局。这时可能就要考虑是不是要重新考虑一种布局,从零开始去思考这个结构是什么,因为有些设计是联动的。
  问:你的iPhone首屏上都有什么app?你在设计中会参考什么样的app?
  我的iPhone首屏基本保持Apple的出厂设置。
  因为我做街旁,所以比较多参考的是社交类的app。我觉得最完美的是Facebook的iOSapp。这个app把一些别人认为已经达到完美的功能一步一步去升级,让你觉得说我怎么没有想到这个设计,而Facebook的改动就越来越好。比如Facebook的搜索,会在点击搜索栏之后就显示3种可能的搜索分类,而不是让用户在看到大量的搜索结果后再进行筛选。再比如发送新信息的时候,Facebook“启动输入框打开键盘”这件事可以做到非常顺畅没有延时,其它任何主流app都没办法做到同样的程度。但SNSapp的用户可能最常用到的就是发消息,所以这一点点的进步很容易会被察觉到并被认为有价值。
  问:你怎么找到这些好的app帮助形成设计?
  各种科技博客,好的app都会被炒的很热,然后就可以在科技博客中发现。但其实大部分好的app都是那些比较老的,它们都会不断改进自己的设计,我觉得这种改进才是真正值得学习的东西。我喜欢在一件事情上反复思考,不断的改变,把设计进化到很好,而不是一拍脑袋想到一个设计。
  博客我看得比较多的是Engadget和Core77,这些不一定是谈设计本身,但是可能会有很多想法上的帮助,包括TechCrunch都会经常看。
投诉 评论 转载

从应用启动器的设计来谈谈MetroUI的不足俗话说,太阳底下无新事。MetroUI的脱颖而出似乎是一次大的颠覆,但是任何新事物不过是旧事物换个表现方式。不妨从应用启动器的设计看,探讨一下MetroUI的一些缺陷和不足。……产品细节、用户体验和学习的态度下午与部门同学进行话题讨论,关于电子邮件营销中的产品设计,期间的谈话引起一些思考,在这里记录下来。一个产品的细节在交流中我举出一些关于电子邮箱输入框的细节问题,例子……用户体验之网页板块设计用户体验(UserExperience,简称UE)是用户在使用产品过程中建立起来的一种纯主观感受。在基于Web的产品设计中,UE是一个相对较新的概念。DonaldNorman博……SNS关系拓展还是关系维系?本文系我在知乎中参与一个关于六度分隔理论与SNS的相关问答讨论时提出的一些看法,因知乎无法长篇大论,因此,在这里进行了一些补充,并发表一篇博客。全文如下:六度分隔理论指人……本能的交互设计最近,同事爷爷八十岁高寿,他送了台Ipad。我们都笑他自己太潮,这高科技的玩意爷爷怎么会接受。没想到他说:“爷爷拿起就使,玩愤怒的小鸟、Tom猫、听歌都妥妥的。”这真真是……如何设计优秀的用户体验最近在看UXGuide翻译的一篇Windows用户体验交互设计规范,Windows作为UI方面的鼻祖,很多知识和经验值得延续,文章解释地特别祥细。我结合自己对一些产品的体……触屏手机网站设计随着智能手机iphone和Android的热潮,衍生出基于Safari和Chrome浏览器的触屏手机网站TSMWebs……关于儿童网站的web注册表单设计体验儿童网站是一个特殊的网站类型,设计儿童网站是具有挑战的,因为你要了解儿童的心理活动与习惯。当然一般来说设计师都是成年人。所以本文我们将讨论下怎样设计儿童网站web注册页面(以儿……移动终端中的视觉引导在传统网站设计和平面设计中,大量信息的整理规划需要设计者用合理的排版,将信息顺畅的传达给用户,连贯的不间断的视线移动阅读会给人舒适的感觉,反之,视线被引导的满屏幕跳来跳去的,会……和街旁设计师刘洋对话(本文由盒外原创,与懒人有禅联合发表)刘洋是懒人有禅的新成员,也是街旁的移动产品设计师。他的设计经历非常丰富,包括tshirt、海报、书籍和网站。现在他在负责街旁多个移动……Mobileapp视觉传达的魅力时下移动开放平台众多,苹果、谷歌、微软、诺基亚都有自己的移动开发平台,想让自己的产品在众多的开放平台中留住用户,只靠品牌是不够的,产品用户体验比品牌更重要。我们可以充分的利用移……20个改变网站用户体验的方法1。更多的“注册ID”选项在注册表单中可以给用户更多的选项:比如可以使用“电子邮件,用户名,ID”等多种格式的用户名进行注册。此外注册过程要尽量方便,比较好的例子如下面的……
优化产品结构时,这4个错误别犯了当你关闭朋友圈后,微信对你做了什么?理解场景比设计功能更重要移动端交互,这些问题你遗漏了吗?实战案例:数据如何驱动产品优化?服务类O2O产品设计要点:3个发展阶段和不同的推进节奏译文探索Stripe的产品设计之道阿里产品经:8年经验凝聚的16点产品设计要诀那么用户到底想要怎么样的产品?走马观花,一览科技界各种设计工种你知道刷一刷红包预热H5背后设计在弄啥嘞?经验总结:设计功能的时候,这4点产品需要注意

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界