设计规范
设计规范的含义:提高效率、保持产品一致性、引导设计。安卓与iOS的最大区别在于,安卓tab栏在上,iOS在下,其原因是安卓底部虚拟按键。
IOS布局规范四个常用组件:栏(导航栏、标签栏)、内容视图、控件、临时视图。
导航栏:用于引导用户了解目前产品所在位置,并通过控件让用户进行相关操作。
内容视图:展示具体内容信息,通常可以滑动,也可以用个控件进行操作。
控件:如下拉菜单、时间选择器、进度条等。
临时视图:通过处于隐藏状态,需要特定的触发条件,出现用于给用户传达重要信息或提供更多的选择功能。如退出提醒。
Android界面尺寸规范:机子较多,通常也可以采用与IOS尺寸进行效果设计,其布局规范与IOS相似,基本组成远见包括:状态+导航+主菜单栏+内容区域。只有标签栏的设计有所区别,ANDROID标签设计通常置于上方,而IOS置于下方。
流程管理
打造一个产品的设计环节中最重要的是明确设计目的。在设计前必须明确产品的理念,在指定设计创意。
一个产品的研发流程大致为:基础调研——产品分析——交互设计——视觉设计——研发——测试——交付。其中三次评审,分别为产品需求评审(需要产品+设计+研发参与),原型评审(需求产品+设计+研发+市场等人员参与),最后是开发评审。

UED内部工作流程:1.绘制纸面原型,主要用于讨论设计思路与具体设计方案,不需要最求细致的刻画细节。

2.流程绘制,流程图中必须明确出需求一些什么节目与每个页面的内容,并且标注出那些页面会有特殊状态提示。常用的有泳道图、操作说明图等。


3.绘制线框图,流程图绘制完毕,接下来开始流程图中每个节目内容进行设计。重点考虑节目设计的布局和逻辑是否完善、体验是否流程,
4.交互自查:此流程对产品完整性与用户体验至关重要,设计过程中往往被忽视,经常到了开发阶段才回来补,主要流程如下:一,明确完成什么操作及主场景;二,检查操作流程逻辑是否有问题;三,加载状态,各种特殊状态的展示;四,外界因素,如机型适配。
2.交互设计(流程图/线框图)
3.交互自查:此流程对产品完整性与用户体验至关重要,设计过程中往往被忽视,经常到了开发阶段才回来补,主要流程如下:一.明确完成什么操作及主场景;二.检查操作流程逻辑是否有问题(如:框架导航——流程——布局——转场——反馈——文字等);三.框架导航检查,各种特殊状态的展示;四.流程检查,如机型适配。五.加载状态检查(有是否有反馈,反馈是否备注清楚;是否添加有趣场景;成功失败、空状态是否考虑齐全且有关提醒;上传中过程是否可以取消,布局内容检查,相关信息是否可合并,没有重复信息,功能是否易操作,文字是否通俗易懂,界面内容是否完善,) 涉及到硬件设备因素的检查主要包括:横屏竖屏是否需要解锁,等问题,新功能是否影响老版本,是否需要升级。 涉及网络因素检查包括:网络超时,网络太慢是否加入Loading状态,针对账户相关的内容百科:登录以后才可操作的功能是否有向用户提升。6.视觉效果。
4.2 项目管理与自我管理
项目管理五个基本元素为任务(怎么做)、目标(是什么和为什么)、时间线(何时)、成本(是多少,每个项目都需要会计专业人员的参与)和负责人(是谁负责)。

项目管理一般用到甘特图
减少团队之间沟通成本,自我管理的内容包括:时间管理(只有时刻记着时间就处理重要单不紧急的事情); 目标管理(拆分大目标、小目标);知识管理(记录知识与随时能找到想要的,如再(简书、知乎、掘金等寻找));情绪管理;文件管理。
交互设计和用户体验
交互设计起源来源于计算机的人机界面设计,最初帮助人们做一些最基础的数据计算。交互不仅仅局限于人与计算机的交互,包括人与人、人与环境人与产品等两个或两个以上的活动参与者的信息交流。交互涉及到众多学科,比如心理学,工业设计,视觉设计等。
用户体验设计 User Experience Design 指的是人在使用某个产品时的主管感受。就是解决人民的某个实际问题,提升用户感受。
例如宜家的体验。相比传统有形的产品,无形的软件产品的用户体验设计更是备受关注。

交互设计五大要素:人(有需求的用户)、目的(目的性、做什么、方便快捷的记录)、环境(任何环境、尤其是地铁、商场等嘈杂环境)、媒介(手机,用户使用的设备称为媒介)、行为(输入自己的想法,查看记录、分析给朋友,用户的具体操作就是行为)。以人为核心画一个圈,其它要素相互影响,最终服务于圆圈中心--人。

交互设计师如何参与一个项目(例如便签产品)
交互设计师接到项目或需求后按照下图。

首先要和产品一起做需求分析,明确产品定位:了解做一个什么样产品,什么样的便签?目标用户是谁,什么场景用?表达到什么目的,用来干什么?具体有哪些功能、内容,怎么用?
确定以上需求定位方法有:用户调研、竞品分析,头脑风暴、故事版、人物建模、产品数据等。


接下来,在草图上梳理信息框架。

需求分析:前期分析阶段,我们需求从目标用户收集需求。但也要考虑商业价值和用户需求,以及项目的目标。

在产品设计过程中,要充分考虑商业需求和用户体验的平衡。 首先,要筛选明显不合理的需求,比如在计算机上输入文字便签,通过扫描或网址,同步到手机APP。这种复杂操作在产品前期意义不大,投入成本高,产品前期明显意义不大,投入成本高,其次要看本质,用户更关注自己记录的便签,而不是分享或查看他人便签内容。还有初级版本实现,比如可更换标签的颜色,设置闹铃,做个性化增值服务的功能,在初级用户量不大的情况下,考虑在产品迭代成熟后再去补充。

如何组织需求:完成需求分析后,不要着急做视觉设计。我们要定义产品需求的优先级是根据产品定位,分析目标用户的真是需求,结合实际使用场景,将删除后的需求提炼并按重要程度区分。 国内通常用来制作信息架构的工具有×mind、visio、ppt。
信息架构:需求收集、需求删减、定义优先级、用户任务

设计信息架构时候,注意信息层级的深度和广度要均衡,信息结构太深意味着功能隐藏太深,难以被用户找到,退回到主流程需要多步骤操作。结构广度太大则是在同一个层级给用户提供了很多选择,给用户添加了操作和认知成本。
什么是流程图:在确定了产品信息架构之后,我们要确定用户任务,以及用户如何完成操作。

页面的设计就是根据用户操作流程中的行为,进行可视化设计,通过什么操作进了什么页面如何返回和跳转。
原型设计及设计原则:确认功能和逻辑后,可以用设计草图来帮助自己思考,完善功能设计。相比原型图和线框图来说,草图更自由。原型设计中,要时刻站在用户角度和十一场景思考,四点核心的原则:清晰/高效/一致/美观。
流程图:操作流程、页面流、布局设计。开发过程中,程序员会对照流程图梳理页面逻辑。

用户体验指人在使用某个产品时的主观感受。需求分析中,要综合考虑商业、项目、用户三者的情况。
网友评论