【UI技能】磨刀不误砍柴工!打开PS软件前应该执行的四个方面

编者按:有经验的设计师在拿到需求后,往往不会急着开Photoshop,而会自问该做的事都做好了吗?要知道,如果能提前执行好这四个步骤,能大大减少改稿推翻重做以及和PM“吵架”的几率,没错,四个步骤说的就是今天这篇干货。

鸿影:初入行(算上实习)时的我,在接到一个来自产品经理的口头需求后,经常犯、现在也会偶尔复发的一个错误就是粗略了解思索一下,就立刻打开软件投入到对解决方案的探索中去;在需求比较小/项目时间紧急的时候,这样做的概率会变得更高。初衷是希望能节省时间、加快交付速度,但实际却会出现一开始就跑偏了方向,解决方案需要完全推倒重来的情况,结果反而耗费了比预期更多的时间来完成项目。在学校接受设计教育时,我们都知道,在打开软件进行正式的设计工作之前,需要花上很多时间来进行前期调研、分析、头脑风暴、草图等;而在实际工作中前期准备也非常重要,现在我正在培养一种意识,在打开软件前先告诫自己一句:「该做的事都做好了吗?」

沟通了解项目背景

其实这点在之前的文章里已经提到过很多次了,当产品经理本身足够靠谱的时候,这部分并不太需要设计师花很多时间去主动沟通了解,他们会通过文档或口述的方式把设计师应该关注的项目背景信息都说明得一清二楚。但毕竟你也不能指望一直遇到足够靠谱的产品经理,如果他只是简单粗暴地说一句「XX你做一下这个功能/图标的设计」,就需要设计师自己有意识地主动去询问、确认清楚相关信息了。

在做新的产品设计之前,需要了解清楚产品的目标用户定位与具体的用户画像描述,本次设计的页面/功能/图标具体是为了解决什么问题,要改变怎样的业务现状,改进怎样的体验痛点,判断这个需求是否真的能解决业务与用户的问题,还是只是隔靴搔痒(当然,对设计新人来说这点可能比较难,有时明明直觉不靠谱却又难以说服产品经理,这时请教/求助组里资深的设计前辈会比较有用)。否则的话,如果遇到的是靠谱的产品经理(嗯我现在遇到的都很不错)还能蒙蒙过去,遇到拍脑袋提需求的就有方向南辕北辙、需求中途被砍、辛苦设计出来的方案最后完全用不上的风险了。

IMG_0875.JPG

明确数据和相关衡量指标

一个设计方案是否取得了预期效果,上线后的数据会是一个非常有力的评判工具;而后续的迭代优化,也往往需要围绕某一数据指标的提升展开。过去我对产品的数据这块漠不关心,设计之前完全不清楚产品的各种数据指标现状,只知道要提升一个整体的XX率;设计做完了上线了就和没事一样,并不关注设计方案的实际市场反馈如何,知道那个整体的XX率提升了就满足了,而不关注是否真的是设计的贡献,是否具体在交互流程某一个或几个环节还存在问题。

现在刚刚开始尝试在一次产品设计改版中做出一点改变,在设计之前,先和产品经理了解清楚本次设计需要达到的目标是什么,这个目标是通过什么数据指标(UV?PV?流失率?转化率?满意度?)的提升来衡量,迭代前的产品数据如何,在交互流程各步骤的分布情况如何,有哪些是可以通过设计上的改进来达成的,等……将其作为设计过程中的思考方向引导和设计上线后的跟踪验证标准之一。

竞品资料搜集分析

竞品分析环节并不是说要像做专业、规范的竞品分析报告那样,实际上紧张的项目排期也往往容不得我们花大量的时间精力在这一环节。但平时可以有意识地多玩多搜集应用网站(我算万年iOS+Android双机折腾党,虽然现在做移动端的机会不多应用玩得也少了些,但习惯仍然保留),在脑中构建起一个知识索引库,真开始设计的时候能迅速举一反三出多个案例,而不是茫然地想:「看上去好像没有什么竞品可以参考啊?」

对于在BAT等大公司实习工作的同学,公司内网各业务线各部门UED的资料也是一个不小的宝库,只要善于主动去发现与挖掘,我就会去找一些公司里相似产品业务的设计文档来看,看看工作经验多很多年的前辈们是怎么考虑问题、找到解决方案的。

当然这一环节有一点是一定要注意的,要知道竞品本身存在产品定位、目标用户、使用场景上的差异,不能被表象迷惑无脑抄袭,做出完全不适用于当前产品的设计方案。

IMG_0876.JPG

善用纸笔来思考、表达与沟通

使用软件做前期的设计草案探索有一个坏处,就是有时会不自觉地陷入到对一些当前无关紧要的细节的追求中去,如果有过视觉设计背景的话这种情况可能更多。我自己有时就会在整体布局方案都还没确定的时候先去纠结对齐、字号、多状态处理、特殊场景一类的问题,结果后来整个方案被推翻,这些细节也就失去了价值。

最近在做草案阶段的时候,我开始尝试回归用纸笔思考表达,让自己的注意力保持在全局框架上,避免中途被某个细节勾走分心,纸笔想得差不多了再打开软件勾勒线框图。同时纸笔也是一个很快捷方便的前期沟通工具,有时精心画出一个线框图/视觉稿给需求方看,结果被说完全不是他想要的,造成较大的返工成本;如果前期就能通过便签、草图一类方式和需求方沟通甚至协同创作,看上去时间增多了,但长远看来却能减少更大的无意义返工成本。

转载自:http://www.uisdc.com/preparation-before-open-app

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/11135/

(0)
iouedioued
上一篇 2015-11-27
下一篇 2015-11-29

相关推荐

  • 像一个APP设计者一样去思考

    随着移动互联网发展,移动应用程序视觉设计流行风向推陈出新。 现阶段我需要深入了解新型智能硬件设备,它通常意味着改变我们的思维方式——即使这意味着远离我们之前的网页设计技巧。 我的职业生涯就像许多UI设计者一…

    2015-04-13
  • 你的产品鸡肋了吗?

    如何保证自己的产品不成为鸡肋,除了成功的商业模式外,只有高频次的使用才能保证用户忠诚度,延长产品生命周期。所以,好的用户体验也就成为了其中非常重要的致胜王牌。

    2016-10-20
  • “来电”性格测试的交互设计历程

    来电,是一个主打免费通话的纯语音应用。从14年7月份低调发布Lightalk1.1后,历经3个版本,终于在1.4版更名为来电并投入推广了。除了运用一些传统的渠道推广,来电也尝试在应用内嵌一个提供分享的入口,鼓励用户做…

    交互设计 2015-04-10
  • “5媚娘传奇”——H5总结大会

    作者:KIKI 去年JDC出了不少优秀的武媚娘...不,H5呢,大家都很拼哒,同时当然也是累计了一些经验和教训啦。今天就从字体,排版,动效,音效,适配性,想法这几个方向结合咱们的例子朕就关上门只跟你来好好聊一聊关…

    2015-01-27
  • 设计师必看:8处满足原型设计的矢量图标根据地

    做原型设计时,我们往往感觉图标素材不够用,尤其是矢量图标不够。矢量图标是矢量图的一种,这种图形也叫做绘图图像,是各种设计中比较常用的图片格式之一。因为其是根据几何特性绘制,并且通过数学公式计算获得,…

    2023-03-03
  • 统一图标大小的方法分享

    最近在整理设计稿中出现的图标,整理除了汇总之外,还需要重新调整一下图标的大小,使他们看起来“差不多大”。调了很久,也咨询了一些设计师朋友,最后在谷歌的Material Design找到了一种规定的方式,特此来记录一下…

    2016-09-05
  • 如何使用Sketch3创建APP原型

    自从Fireworks逐渐衰落之后, 我一直在找其他好用的app和网站设计工具。后来我发现,只需用Sketch再加上其他一些简单的工具,就能构成一条非常不错的设计生产线。 在这篇文章中,我将谈谈我是如何利用Sketch搭配Flin…

    2015-06-29
  • 设计效果评估及产品迭代-有理有据做设计

    近期关注了几篇关于考核产品效果的文章,话题都是围绕如何权衡“数据指标”和“用户体验”。本人更认可的是Facebook总监的说法“ 数据目标是很有用的,但它和用户体验不应陷入永久的竞争对立局面 ”。在我们评估设计效果…

    2017-03-08
  • 『UI设计尺寸标准汇总』iPhone界面尺寸标准|Android界面尺寸标准|网页界面尺寸标准

    iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px 132px 147px iPhone6 plus放大版 1125×2001 px 401PPI 54px 132px 147px iPhone6 plus物理版 1080…

    2015-06-16
  • 从零开始学Sketch——入门篇

    如果你是一枚交互设计师或者UI设计师,那么你一定知道Sketch这个强大的矢量设计软件;如果你用过Photoshop,那么在你接触了Sketch之后就能了解到这款产品相对于PS的优点,说不定会跟我一样变成一个Sketch的死忠粉。…

    2016-01-06