恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【设计师百人百天】交互总结分享(04)
0.0°
2017-06-05 原创文章 经验/观点 举报 3097 16 11 1

以下分享来自参加百天活动的卢永杰同学


分享正文


大家好,我是一名准备转行的建筑给排水工程师。在职自学交互设计至今已有七个月。幸运地在自学初期通过知乎找到马力老师的知乎Live,随后参与了#设计师百人百天#。基本坚持有输出成果才打卡,视觉百天有效打卡46天,交互百天77天。


要感谢马力老师、志愿者、自学小伙伴们。为大家带来了一个分享、互助的自学平台。才让我在这段日子里找到方向,断断续续地坚持下来。


在职自学很累、时间相对紧缺,结尾也分享一下这方面的心得。前半部分先展示一下还没结束的交互百天输出。


第一周(Day01~Day10)

Image title

主要是通过看书、搜索资料去了解设计概念。打卡开始前,已经看了《设计之下》《破茧成蝶》《写给大家看的设计书》《用户体验要素》。网页上的资料繁杂,让我应接不暇,最初很兴奋,但接着是因知识的零碎、难以辨别而迷茫。看一些大家公认的好书是一个过滤信息的好方法。形成初步的概念、印象,就能慢慢去甄别网络的知识。

Image title

从书本和资料中能找到对“交互”的各种阐释。通过对比和理解后,个人认为这是最恰当的。大部分从此演变而来。

Image title

交互设计涉及多个学科和领域,心理学、数据分析、设计与表达等。从业过程中经常会跨行业、跨领域。因此除了直接相关的学科,快速学习能力也是交互设计师的关键能力。


第一周输出内容百度云链接 http://pan.baidu.com/s/1c29uKow


SVG/PNG文件可选。


第二周(Day11~Day17)

Image title

同样是通过书本和查找资料对商业、产品、需求进行了解。商业相关知识可以不断往外拓展,有耳熟能详的B2C、O2O,也有双边市场模型等。同时输出了商业模式画布、简单的竞品分析和用户画像。


下厨房的商业模式画布

Image title

下厨房的用户画像

Image title

Image title

输出前需要查资料去了解输出文档的组成和概念。商业画布推荐《精益创业实战》,其中介绍了由商业画布改良而来的精益画布。人物画像在多本图书中均有介绍,推荐《交互设计精髓》;资深设计师对输出的点评提到:人物画像的照片需要更加形象,才能更好地理解目标用户的人物角色。竞品分析主要通过网站查找,质量良莠不齐,只能多看多对比,推荐网站:人人都是产品经理


第二周输出内容百度云链接:http://pan.baidu.com/s/1kUCnZ8N


第三、四周(Day18~Day33)

Image title


开始初步了解APP。选择了手绘线框图,但依然比较注重细节,甚至有时画一些动漫场景以自娱。 选择的APP包括:微信、新浪微博、探探、陌陌、足记、豆瓣、堆糖、LOFTER。使用的软件是Xmind。


堆糖首页功能流程图

Image title


探探线框图局部

Image title


堆糖信息架构图

Image title


输出内容百度云链接:http://pan.baidu.com/s/1qYpZ1Ru


第五周(Day34~Day51)

Image title


由于一直拖着没有学习Axure,原计划要求建立的控件库也一直没下文。控件方面的知识推荐直接看设计规范material design guidelines 、iOS 10 human interface guidelines等。Axure非常简单,也建议尽早学习使用,尝试手绘后,可以直接用Axure练习线框图。

Image title


除阅读马力老师推荐的《可用性工程》外,还参考了网站资料从这四个点,正确完善地拆解一款 App (正确完善地拆解一款 App),综合得到上图流程,详细展开图百度云链接:http://pan.baidu.com/s/1b60HVw

Image title


将评估分析流程具体应用到产品时,根据产品页面和功能调整细节,继续完善流程。评估过程中,每一个APP都认真使用,思考页面和功能点,一点点展开分析,基本是两天完成一个APP的评估分析。因此第五周实际上耗时达两周。评估分析也达到一定的深度,达到第六周功能分析的要求。前后分析了堆糖、LOFTER、足记、豆瓣。


第五周输出内容百度云链接:http://pan.baidu.com/s/1i5aEEOH


第六周(Day52~Day72)

Image title


原计划是快速简单分析并提出优化方案,以量变带动质变。但我在不知不觉中将分析写成了报告。最后,也没提出优化方案。虽然如此,但也形成了先建立流程,再按流程一步步分析的好习惯,有条不紊。

Image title


在第五周的基础上,对堆糖、LOFTER、足记、豆瓣进行横向对比分析。采用PPT的形式输出报告。此次没有在流程图上先进行细化,而是直接下手,计划往后根据输出报告补充细化流程节点。

Image title


报告比较粗浅,从可用性和用户体验出发,而市场、商业相关的篇幅较少。由于此前在职工作的原因,报告被打断了两次,时间跨度达两个月,所选的APP均已迭代一、两次。整个报告的完成效果,自己也不太满意。个人习惯对于一件事情做精做细,可是往往自身技能和知识储备未达到自己对结果的要求。往后需要尝试快速试错,耗费同样时间,或许能更好地带动质变。


横向分析报告百度云链接:http://pan.baidu.com/s/1hrZuKzq


原计划第七周进行产品的深入使用,思考产品细节,练习流程图并建立模板。第五、六周对产品的深入使用基本达到第七周要求,前面第三、四周及第六周练习了不少任务流程图,但现在总结才发现,一直没有练习业务流程图。


2月17日~19日参加了Global Service Jam。在完成横向对比分析报告之后,对活动进行个人回顾和总结(Day73~Day77)。

Image title


活动采用敏捷流程、以发散与收敛的思维模型进行设计与循环迭代。除了互联网从业者参加活动外,还有不少学生和跟我一样的其他行业从业者。活动中进行了多次头脑风暴和用户访谈,输出了简单的用户画像和用户旅程图,最后形成概念原型。

Image title


现场照片

Image title


简单用户画像与用户旅程图(过程)


活动过程中,最苦恼的是头脑风暴,因为经常卡壳;感受最深刻的是用户访谈。访谈框架由小伙伴们商量确定,提问提纲则各自发挥。

Image title


用户访谈流程及提纲


这次活动除基本体验了敏捷流程以外,也体会到“服务设计、关注于人”。平时应多扩充知识,接触到新领域时需主动获取知识与经验,在设计时才能减少卡壳。此外,设计中还必须结合商业、考虑技术可行和壁垒。


活动的详细回顾与总结百度云链接:http://pan.baidu.com/s/1bo5cNvD


活动的回顾与总结结束后,因补充技能(Axure、完整阅读设计规范、学习需求文档)而暂停输出打卡。现在只剩下需求文档未开始学习,Axure会在接下来的小作品(APP原型)中继续提高,继续熟悉设计规范。初步浏览招聘信息和对比获取了交互offer的作品集,简单衡量了自身知识体系和水平,发现无法获得交互的offer。数量不多的交互实习生基本只出现在校园招聘,产品助理或产品实习生在社招中则较常出现。因此改变转行求职策略,暂且补充学习基本的需求文档。在求职过程和之后工作中,慢慢补充完善,靠近目标岗位。


视觉百天也进行了46天的打卡,之后由于工作和个人原因停止了打卡,在这里也简单总结一下。


图标临摹一

Image title


图标临摹二

Image title


图标创作

Image title


参与视觉百天之前,特意看了教程重拾荒废已久的Photoshop和学习了illustrator。


图标创作更多的可能只是工具技巧的提升和图形训练,正如资深设计师的评语:色彩偏灰、不够大胆。


配色练习一

Image title


配色练习二

Image title


配色练习过程中有相当一部分自娱自乐的作品,混合使用了PS和AI,操作技巧也有不少的提升。对于色彩,只了解了冷暖色调、互补色、类似色等基本原理。色彩的感觉和运用还需要慢慢积累和培养。同时色彩原理上要有更多的补充和扩展。


系统控件临摹

Image title


临摹了Material Design的系统控件,大量时间花费在看规范、对照尺寸要求上。边看边做也增加了对设计规范的熟悉程度。 由于计划时间限制,暂时搁置了iOS 10系统控件的临摹。iOS 10的人机界面设计指南也是在最近才认真阅读完一次。


此后进行了三天的手绘练习。由于工作和个人原因暂停了视觉百天的打卡。


总结:


参与#设计师百人百天#的自学活动,目的在于转行。在校时,有点儿视觉基础,但没往视觉方向发展;考虑转行时,经过初步了解,对交互设计产生了兴趣;因此在前半段同时进行了两个方向的打卡。那时虽然很疲惫,但每天下班都有任务,不会有“突然没事做”的空虚感,甚至上班时间也抽空确定一下打卡内容。


在职自学关键在于划分零碎时间和持续时间,统筹好工作日和周末的时间安排,形成生物钟一样的习惯。零碎时间:上下班的通勤时间、午饭等餐时间、午饭后至午休前空闲时间等;持续时间:早起学习时间(上班前)、晚饭洗漱后学习时间。按之前每天打卡的内容要求,保持身心的运动时间只能安排在周末。在零碎时间当中可以阅读一些碎片文章、自身低限度的娱乐时间(看一话动漫之类的)。


在职自学的另外一个关键点:基本不加班。其实对于技术类工作,这一点难以把握。良好的工作技能和习惯、熟悉工作流程能够更容易做到不加班。


视觉百天的停止打卡、交互百天的多次打断和拖延,除了工作上一个时间不合理的大项目外,也有春节、家庭生活小问题、由单身到恋爱等原因。感觉自己是单回路生物,问题一来,只能先处理好最重要的,恰当舍弃。每个人每天拥有的时间都一样。现实原因而选择在职自学;各种因由而多次打断了自学进程,也要回想最初的决意而不要放弃。要达到想象中的目标,付出的努力应该要比想象中多很多倍。


现在离职了,有时间继续自学,但也对找工作充满焦虑。离职前后,留意到一些不错的岗位。但对比招聘要求,发现技能点明显不足。多去准备,就能更好地把握机会。生活多未知,发现未准备好时,请不要放弃,马上补充吧~


最后,再次感谢马力老师、志愿者、自学小伙伴们和知乎live中的其他老师。

#设计师百人百天#打卡记录:http://weibo.com/baddonkey

------------------------------------------

感谢卢永杰同学的分享,希望他能在转行道路上一帆风顺,加油!

有兴趣一起学习的同学可以加下马力老师助理的微信,微信号LilySoNice,会有百天练习的配套资源可供参考,另,想要进群一起打卡的同学加助理时请备注【设计师百人百天】。她会把拉你到相应的群。

更新:2017-06-05

收藏

16人已收藏

  • 104

    作品

  • 2489

    粉丝

  • 0

    关注

  • M2 课程升级| 产品、交互设计师的入门与提高
  • M1 课程升级| UI 设计师的入门与提高
  • ⾮科班出⾝,能不能来互联网做设计?
  • 从建筑到交互,她转行时的心路历程也许能帮你走出迷茫
相关标签

    猜你喜欢

      2017-06-05 原创文章 经验/观点 举报 3097 16 11 1

      【设计师百人百天】交互总结分享(04)

      0.0°

      你确定要举报【设计师百人百天】交互总结分享(04)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年05月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      11
      16
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录