眼睛要吃冰淇淋!——流程规范信息的可视化

Posted by & filed under Uncategorized.

比起白开水,冰淇淋明显是比较好吃的嘛(除非你对甜食有着强烈的抗拒情绪)。那么对于你的眼睛来说,自然也是比较想要“吃冰淇淋”的咯!近年来各种数据可视化、信息可视化图的兴起,科普知识、研究报告、信息图表摆脱以往单一的数据文字内容,不再冷冰冰而有了自己的“味道”。这些有趣的阅读体验不正是口味超丰富的“冰淇淋”们吗!下面先一起来欣赏一下这些美好的例子吧。 以上是一位设计师以自己节制饮食规划一周为主题所拍摄的海报,原本不及颜色那么鲜美动人垃圾食品的朴素的健康食品,在设计师的巧思下变得可爱清新,热量蛋白质等数据也不再干巴巴而成为设计的美好元素之一。这可比那些市面上说教式的健康饮食菜谱让人有胃口多了,是不是让观者更有动力扔掉垃圾食品们,迈向健康的新生活呢~   以上是经典字体Helvatica的一组时间轴图表,设计师除了清晰的展示这个字体的历史之外,不忘用强烈黑白红凝造出与字体本身“优雅、经典”相符的气质。   以上是一组Mercedes-Benz Read more […]

产品经理必备技能:用草图来规划网站

Posted by & filed under Uncategorized.

设计院校中有大量的基本课程。大企业与创业公司都在采取回归本源的设计方式,这一点也不稀奇。   无论你是个终身的涂鸦艺术家,还是一位严肃的商标设计师,通过纸张探索灵感都是一项重要的设计技能。   别怕!铅笔这类工具的力量不会消亡。在这个专注设备的时代,简单、久经考验的设计方式仍然大有可为。   实际上,我已经听到一种日渐强烈的声音,反对将工时浪费在高保真photoshop效果图上。手绘稿让你以一种灵活巧妙的方式,创作迭代式的渐进设计,不必为了高保真设计图和电子稿而超支时间。   不论你是大公司还是自由设计师,通过快速手绘与客户交流想法,是一项相当重要的手段。   为什么手绘?   手绘稿在某些方面对线框图甚至电子稿有所优势。它便携、亲切、富有创造力,并且久经考验。再没什么比纸和铅笔(或者钢笔)更简单的了。   我也发现,手绘稿对客户而言足够通俗,使他们能够提出意见并且做出修改。高保真效果图看起来就像是“成品”或者即将完成,那会束缚客户提出改进建议的意愿(可乐橙在这里真的忍不住要插一句,这完全不符合国情啊,不科学啊!)。手绘稿相对散漫、友好、非正式……你可以擦掉进行修改。   线框图总是充斥大量文字,极少反映出美术趋向和设计基调。特别是对于照片和视觉元素。你可曾见过一个大叉叉传达出了照片内容?   通过手绘稿,你可以快速、近乎思维练习式地迅速记录下你的创意。它能飞快见效,让你在屏幕前花更少工时,从而拥有更多时间来产生创意。卷起袖管然后寻找答案吧。   它最终会转化为photoshop的视觉稿给客户。你会发现它与传统线框图相近,却能更接近地反映出设计稿的美术趋向。   通过手绘,能够消灭那些仅仅为了占位的图片。要知道,你放在原型图和效果图中的一个大叉叉,代表着这里将放入一张真实的图片。你就会省着用你那些昂贵的版权图片了。   这就是网站的效果图。你能看出草图到线框图再到效果图的变化吗?   从哪入手   有一点可以肯定,多加练习才能精通。随身携带笔记本来涂鸦、迭代、速写,保持这项技能处在最佳状态。   我发现,练习的最好办法,就是在任何排队的时候拿出来画一画——比如买咖啡、杂货店购物、等待火车……只要是等待时间,都可以用来手绘。   画下你的所见,这个技巧会对以后有帮助,当你需要向客户展示的时候。画下每个给你带来灵感的东西,随身携带笔记本就意味着你可以随时记录灵感,留待以后使用。   随着手绘量的增加,你会开始学着精炼你的手绘稿,并将它们转化为更加正式的插图或绘画。   为网页设计而手绘   规划一个网站时,手绘可以成为非常重要的一环。你可以把它用于设计、用户体验测试、界面元素,甚至尝试字体设计方面的创意。   我曾经在多个网站中用它来想象一些创意元素,比如照片和图标。我也在关键界面问题上使用过这个办法,例如怎样使一个按钮或图标更加直观友好。   交流设计元素的推演变化时,手绘也是最好的方法。客户喜欢这个有创造性的环节。他们会深陷于此,并也喜欢上手绘。   我有个客户说过:“哇,好像我想什么你就能马上画出来。太不可思议了!”这就是和客户面谈时,飞快手绘的魔力。   注意!多加练习   Doodlers Read more […]

产品原型应该做到什么程度?

Posted by & filed under Uncategorized.

  [导读]最近在对产品客户端进行了一次大的改版,修改的地方涉及产品的功能以及客户端界面。无论是功能的设计、改变还是还是客户端界面的改版。在立项前就必须经过一道道的关口。“互联网的一些事”推荐此文,为各位交互设计师提供参考。   最近在对产品客户端进行了一次大的改版,修改的地方涉及产品的功能以及客户端界面。无论是功能的设计、改变还是还是客户端界面的改版。在立项前就必须经过一道道的关口。尽管你是这款产品的产品经理,但是要对产品进程设计是需要经过评审,在立项到评审到最后的项目周期评估,你都必须要用到的是产品原型。因此对于产品原型,我有一些不大不小的感悟。   产品的原型有很多种形式,一般形式有基本的草图到线框图,再到绝大部分的功能交互都能实现高保真原型。这些原型在产品设计的每个阶段都是必须的。   产品的草图,通常是你的灵感所在,只要有笔和纸就能做到,这些草图一般画在你的笔记本或者一些空白的纸上面,据说很多产品经理身边都会带着纸和笔,特别对于那些对于产品十分执着的人,整天都带着问题去思考,遇到有灵感的时候,可以就此记下自己的想法。这些草图经过后续思考和测试后会形成基本的产品。什么是基本产品,基本产品就是只满足基本需求(可行性,可用性以及价值)的产品,去掉了任何一个元素,这个产品都是不完整的。产品的草图确定后,这个阶段还只是你的一个产品概念,在确定这个概念是否可行,你需要跟产品的技术人员讨论关于这个产品的可行性和研发周期,研发周期可能在早期的产品草图里还无法确定,因为一款产品能否成功上线,功能的研究还远远不够,其中还要涉及到产品的UI设计,产品的可用性设计等。笔者最近的一个产品改版,基本功能的增加和改变在开发的同事们看来都不算是很大的工作量,但是界面UI的调整有时候却要花费很多的时间。产品的可行性确定后,你需要向你的领导以及老板讲述你的想法,以争取更多的资源和让你的老板知道你的产品思路。因为在很多公司,你的产品想法必须要经过上层的首肯,毕竟资源是老板给的。给老板和你的上司看的原型图,最好是产品的草图或者是低保真的线框图。这样他们才能从战略层这样最核心的角度去想问题。对于你的上司,也就是产品总监,他通常是一个对于产品经验十分丰富的人,在产品这方面,他能提出很多十分有意义的问题,这时也是加深你对于你产品思考的一个好机会。   产品的线框图,产品的线框图用处不同的公司可能不同,笔者所在的公司,确定了基本产品后,你的想法就要向整个产品团队评审,在很多公司里这称为是需求评审。线框图的画图软件有很多种,有的产品经理用word画,有的用photoshop画,笔者用的是AXURE这款软件画的,工具只是为我们服务,能清楚的表达想法的工具就可以了。在这个阶段,功能的优先级会摆在重要的位置。产品是迭代的,你的功能优先级是怎样?在这过程中,你需要经过产品团队里成员的质问,你需要一一解答,有时候,遇到分歧还必须进行PK,如果有数据说明这个功能的必要性,这很好,但是通常,你要做的很多功能,没有数据支撑,只有需求。这个时候,你对于产品的理解和产品战略目标的把握就显得相当重要了。在产品的需求评审阶段,我最怕的事情就是,团队的某些成员就你所设计的一个按钮的位置或者文字提出一些意见,并且引起大家的讨论,这时候,产品经理要适当的将问题的重心转移到产品的需求上来,不要在需求评审上讨论过多的细节。否则会造成丢了西瓜捡了芝麻的结果。我在产品设计的过程中,很赞成jssses Read more […]

原型设计干货:Axure RP 7.0快捷键 汇总

Posted by & filed under Uncategorized.

使用快进键的好处是 让你用更短的时间更高效的去使用一个软件工具,其实你要是对一个工具软件的快捷键使用的得心应手,那感觉他不再是一个工具而是你的一双巧手,在电脑代码的世界里书写一个个美丽的传奇,让设计变得好像玩游戏一样,那是一件非常美丽开心的事情。   基本快捷键:   打开:Ctrl + O   新建:Ctrl + N   保存:Ctrl + S   退出:Alt + F4   打印:Ctrl + P   查找:Ctrl + F   替换:Ctrl + H   复制:Ctrl + C   剪切:Ctrl + X   粘贴:Ctrl + V   快速复制:Ctrl+D&点击拖拽+Ctrl   撤销:Ctrl + Z   重做:Ctrl + Y   全选:Ctrl + A   帮助说明:F1   输出快捷键:   生成原型预览:F5   生成规格说明:F9   更多的生成器和配置选项:Crtl+F5   在原型中重新生成当前页面(不弹出新窗口生成预览):Ctrl Read more […]

移动应用导航总结

Posted by & filed under Uncategorized.

下图是《移动应用UI设计模式》一书的截图,截图中列出的是一些适合做主导航的导航模式。 其中跳板式导航、列表式导航和选项卡式导航最为常见,仪表式导航和隐喻式导航一般在拟物化设计或者是工具类的app中比较常见,超级菜单式现在会用到的比较少。由于这个行业发展速度很快,还出现了一些书中没有列出,但是在现在也很常见的导航模式,例如,出现于Android的侧边抽屉式设计,现在在ios中也得到了广泛的应用。下拉式菜单也会作为主导航出现。 下图是书中列出的一些只适合做次级导航的模式 例如:页面轮盘式、图片轮盘式和列表式中的行内扩展式,还有一些超级菜单式导航也被用作次级导航。 一 Read more […]