诗沐的设计博客和作品集。提供网页设计/开发/用户体验咨询/wordpress博客主题设计等服务。记录网页设计&开发教程,发布wordpress主题。

endless posts

Home

Posts Tagged ‘交互’

06/12/2010 (48 days ago)in 思索

一名网页设计师在做具体设计的时候应该考虑的问题有哪些?业务,产品,信息结构,交互,视觉……别忘了还有页面性能。我所崇尚的其实一直都是小作坊似的创业团队协作开发模式,大伙儿能快速沟通,就算设计师没关注到页面性能这一点,前端同学也能迅速提醒他,因为他俩就无时无刻不在一起。而现在在标准项目流程中,大家的沟通成本成倍增加了,除非是与世隔绝的闭关(就算是闭关,前端同学多半也在陪着开发),前端同学很难在页面设计过程中就和设计师沟通页面性能的问题。

页面性能不仅仅是前端同学的问题

页面性能的重要性不再赘述,就我个人而言,能忍受一个网站加载出DOM和css的时间是5秒,否则就会毫不犹豫的关闭网页。上面罗嗦了半天,实际上只想说明一个问题,设计师需要考虑页面性能。实际上设计师就是一种“通才”的角色。在传统设计领域,多数设计大师都是通晓好几个行业,比如科拉尼。在设计过程中充分考虑到各种因素,这是设计的难点,也是成就一个好设计的关键所在。以往那种网页设计师做好psd图稿,扔给前端工程师去做DEMO的时代已经过去了,因为互联网进步了,用户进步了。

Continue Reading »

04/23/2010 (97 days ago)in portfolio 网站及界面设计

这是我在本科毕业设计时做的一个项目,期间包括调研、概念设计、交互设计、视觉设计,动画设计。是做得比较完整的一个流程。项目最初的想法是延伸多点触摸技术来预言一下未来手机的人机交互。具体的设计过程可以看我的系列文章:

  • idle
  • call
  • call history
  • message
  • music
10/09/2009 (293 days ago)in 思索

这次要写的话很多,就不在翔子的博客上留言回复了。他的博文《Designing Interactions(续)》写得很好,我也有很多话想说。

1.设计最初肯定是下意识的,心智模型更是人类自身无法完全了解的。

就算到了现在,我们所讨论的设计仍有部分(比例因人而异)是下意识的。但到了今天再做设计的时候,单纯靠经验和感觉来做设计是不够的了,肯定要有数据说话,这个数据如何得来、统计方法都是理论支撑。而心智模型这个东西,实际上在产品设计这块已经有相当多的案例是设计和它结合一起做的。阿莱西、深泽直人的许多作品就有相当强烈的心智模型的印记。

Continue Reading »

07/31/2009 (363 days ago)in 思索

最近挤出一点时间来回味了一下自己这半年来做的设计,除了毕设之外,就是Zozoc的项目了。

一,背景

在Trilogy实习的时候,在Zozoc这个项目中做设计。事实上当时这个项目的business goal已经很迫在眉睫了。当时Zozoc还没有收费,通过viral提高的UV每周在60%左右,下载产品的用户只占UV的20%,但用户流失率却在50%以上,可以说用户黏度是非常之低。

而项目可以利用的资源也是不容乐观,当时我们有web/wap/sms几个可以利用的资源,其中web方面由于人力原因,项目老大就排除了这个资源。也就是说,我们需要赶在Zozoc收费之前,近1个月的时间,将UV的增长率提高到50%以上,conversion rate要到60%,而用户流失率降低为10%以下,而能利用的资源是wap和sms。

Continue Reading »

05/10/2010 (80 days ago)in 思索

交互设计不是在控件库里挑选合适的控件,这是我最近工作中的一个感受。线上应用的环境复杂多变,不一而足,很多在书本或别人的实践中看起来合理的方法,放在自己具体的环境中就会出问题。下面分享一个交互设计的小案例,这个案例很好地说明了我们在具体工作中怎么样去追求“易用”并且“轻量级”的设计,而这是影响用户体验的两个关键因素。

history_record

Continue Reading »

04/23/2010 (98 days ago)in 诗沐作品

以下flash是我毕业设计的项目:Draware手机界面概念设计的flash动画演示。之前有录成视频上传到优酷上,不过不是很清晰,质量搓。现在直接把flash放上来。由于直接放上来没办法让AS代码生效,所以只能分开来看每一段了(本来是衔接在一起的)。p.s.最好全屏看~

之前有写过记录这个手机界面概念设计过程的系列网志(还没完成全部),已完成两篇:Draware手机界面设计设计系列:Draware是怎么炼成的(1)。如果你感兴趣可以订阅我的博客,我会尽早完成这个系列网志,到时就能在RSS中看到。

Continue Reading »

08/06/2009 (357 days ago)in 诗沐作品

这个系列主要展示一下我的毕业设计:Draware Mobile UI

这一篇focus在前期的设计,包括icon交互等等。

一:概念的产生。

概念是在一天晚上睡觉的时候产生的。当时想,像iphone那样那么多的应用放在一起,用户在操作的过程中会不会不太方便,一个页面上有十多个icon,寻找一个icon会花费一些时间,甚至用户所需要的应用会在下一页上(iphone换页的交互方式是拖拉页面边缘)。如果有一种交互方式能让用户不需要选择就直接到达应用,那会大大提高易用性可用性
Continue Reading »

07/27/2009 (367 days ago)in 诗沐作品

毕业设计前前后后做了两三个月,从最开始的概念,到icon,到整个界面场景,然后深入到细节,最后做很麻烦的动画。

虽然有相当多的瑕疵,不过还算是比较完整。最大的收获应该是实现了自己的一些交互的想法,在视觉上也有了突破。

不过实际而言,研究并没有进行到很深的一个程度,限于精力和时间吧,对于draw这个动作的细化还只是在比较表面的阶段。 Continue Reading »