【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 设计规范详解

    移动端 APP  UI 规范详解, 专注规范解析,提高设计效率!提升用户体验维度!

    2016-07-14
  • 『真实』两个女设计师:一个互联网新手,一个30岁面临艰难选择

    编辑:我是UE网-@Tina爱学习  责任校对:@Tina爱学习 两个真实的经验送给互联网从业的设计师。 NANA 女 产品设计师  今年三十岁 传统软件企业 图片来自:unsplash 前几天Tina问我:好久不见,最近在忙什么?我说:…

    2015-06-02
  • UI设计师需要了解的开发中常用的UI控件(ios篇)

    大家都知道,在实际的工作中,设计师们和工程师们会经常频繁的沟通。有的时候工程师们会经常说一些控件名称,可能部分设计师们就会感到困惑,也许你经常说的是什么标签栏啊,工具栏,占位符之类的,但对于开发者们…

    图形用户界面 2015-10-27
  • 你的产品鸡肋了吗?

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

    2016-10-20
  • 为网页设计师 Web 设计编写的简要历史

    编者按:互联网的诞生本就是一个奇迹,作为其中最重要的载体之一,网页就是这个大时代最重要的缩影,相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计 发展史,我们可以看到技术、设计与思想的演进,看到无数有识之士改变世界的剪影。本文作者是网站Froont.com的联合创始人Sandijs Ruluks。

    2014-12-30
  • Sketch从入门到精通-Sketch3四种模糊方式

    现在经常能看到界面上各种模糊效果,或者是背景模糊,然后上面排字,放图片;通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式,分别介绍一下。 首先是最常见的高斯模糊(Gaussian Blur),…

    2015-08-03
  • Affinity Photo 最新破解版–PS真的遇到对手了,这里是 for Mac1.3.4免费下载!

    应网友要求更新。Affinity Photo已公布其在Mac App Store的最终版本。最终版本拥有众多专业高端功能,如Raw处理、PSD导入和导出、16位通道的编辑和ICC色彩管理以及兼容大量图片格式。Affinity Photo充分利用了Mac O…

    2015-08-12
  • Sketch汉化插件-SketchI18N最新版本

    安装使用 下载安装包,并解压,在安装包找到SketchI18N.sketchplugin 双击 SketchI18N.sketchplugin 完成安装 重启 Sketch 自动汉化后完成汉化 如果第三步没成功,试试 在 Sketch 中按快捷键 control command + x …

    2018-03-19
  • PC端web管理系统的交互设计规范分享

    前些时间正准备写交互规范,就去网上搜罗了一下交互规范的一些范本,想作为借鉴参考,但却没能找到比较满意的,找到了一些零散的内容(当然有些还是有参考价值的),所以就觉得交互规范这方面的内容比较少,就来此…

    交互设计 2016-10-18
  • 安卓APP设计规范·UI·UE-2015年(部分)

    移动应用在人们的生活中越来越重要,人们可以通过APP进行上网、聊天、购物等等。而且随着移动互联网的发展,APP的设计的变更也变得更快了。BESD设计实验室结合今年流行的设计趋势和一些实验调研后,在新的一年即将…

    2015-01-08