威龙发艺发型设计价格联盟

交互设计与原型制作讲座

BISU旅管电商系2018-05-16 14:04:39

电商讲座


主题

交互设计与原型制作


讲师

王素伟,墨刀运营负责人


       11月9日,电商班班主任邓宁老师邀请墨刀运营负责人王素伟女士在知行楼100人教室行了题为“交互设计与原型制作”的讲座。

       讲座内容主要分为两大部分:“从框架到细节,如何打造产品中的交互设计”和“使用墨刀进行原型设计”。第一部分为理论知识,第二部分是实操性内容。

从框架到细节,如何打造产品中的交互设计

        一个产品要从外而内来设计:从产品框架设置到流程制作,再到页面设计,最后优化产品中的细节。现有总体框架的支撑,再做实际内容的丰富与优化。

       设计产品框架首先需要做细致的产品功能需求,然后划分出需求的高低层次。产品框架有两个特点:线性和多任务。“线性”是指要设计出一个动作完成的最短路径;“多任务”是指在众多需求中要进行筛选与分类,根据不同权重和属性对功能需求进行级别划分。


        老师将“简书”APP作为案例来分析,通过对它主界面的观察,来使同学们明白界面呈现出的最显眼功能点就是这个产品主要元素,而一些必须存在但设计人员不希望用户进行的操作,便会选择去弱化它的呈现。

        接着老师又通过举例分析为同学们讲解:一级导航、顶部导航、舵式导航、抽屉式导航、宫格式导航、列表式导航、轮播式导航和悬浮按钮导航。

相对应案例:

一级导航:微信主界面、支付宝主界面;

顶部导航:今日头条;

舵式导航:微博;

抽屉式导航:mobike;

宫格式导航:美图秀秀;

列表式导航:微信·发现

轮播式导航:门户网站;

悬浮按钮导航:Twitter·推发功能

一级导航

顶部导航

舵式导航


       第三步:页面设计,要求主次分明、结构清晰和操作方便。


        第四步:产品的细节优化。很多产品正是在细节上进行不断地打磨,优化,才一点一点地积累与别的产品形成差异,从而创造出核心竞争力。


使用墨刀进行原型设计


        老师在课堂上为同学们展示如何使用墨刀做出产品原型。一步一步地仔细操作,引导同学们做出自己的作品原型。在设计完成之后,可以扫描显示出的二维码,然后便能在手机上查看自己的作品了!

提问环节

        最后是提问环节。同学们纷纷提出自己的问题,邓宁老师也提出了关于墨刀这类互联网公司如何与学校合作建立人才储备库等问题。

        王素伟女士还准备墨刀的周边作为礼物赠送给同学们。

        感谢王素伟女士为同学们带来的内容丰富,趣味横生的讲座,也感谢墨刀精心准备的礼物。



图片来源:陈奕希

图文编辑:许雪红


友情链接