【推荐】交互设计工作记录知识总结

交互细节小结:

1.用Axure画线框图的时候,线框图网页要多大尺寸?

答:让页面缩放至100%,网页伸缩至适合电脑屏幕大小的尺寸,一般也就是真实网页的实际大小,因为很多时候这份线框图要发送给某个没有Axure的领导看,生成的html格式的文件就是按照100%来显示的。

2.线框图是否要上颜色,字体间距是否需要跟高保真那样严格遵守规则?

答:看情况而定。如果此交互稿要给领导看,则需要尽量把界面做的保真度高一些;如果此交互稿只需要给产品经理看,则可以做的保真度低一些,因为这样更节省时间,而且可以尽量少的影响UI设计师的自由发挥。

3.如何提高低保真线框图的易读性?

答:(1)页面按照真实网页或手机界面来做,在时间允许,要给领导过稿的情况下

( 2)分组命名取该页的可交互的功能名,要尽量少的分支,相同的内容放在一个组里

4.填写姓名身份证之类的个人信息的交互设计,各信息的顺序应该是怎样的?

姓名输入框  -  身份证等证件类型下拉框  -  身份证号码输入框  -  出生年月  -  性别单选

原因:姓名和身份证号都需要手动输入,待身份证输入后,出生年月和性别会被自动带出。因为国家为了保护身份证信息安全,姓名和身份证号码是分开的,信息系统内只会录入身份证号,性别, 出生年月和地址,不会出现姓名。

5.在一个需要输入多个选项的界面,非法校验该如何设计?

在填写选项时,没填某必填项,也可以填其下一个选项,不需要按顺序一个一个填,可以跳着填,只是如果点击了“下一步”或者“确定”按钮时,会自动定位到未填的必填项,并标红提示“请输入”

当填写了某个选项,但这个选项输入有误,此时用户点击了除输入框以外的地方,则立即自动定位标红提示输入有误,即只要输入了,但是输入有误,就不能输入其它选项。如输入电话号码的输入框,应该输入11位数,但是用户只输入了10位数,则在用户点击另外的选项时,自动定位到电话号码输入框,并标红提示需要“输入有误,请重新输入”,不进行正确输入,则不支持用户对其它选项进行输入等操作。

不过,如果用户把输入有误的内容清空,则可以跳着填其它选项。直到点击“确定”或“下一步”之类的按钮还没有输入内容,则自动定位到这个选项并标红提示请输入

6.APP在离线状态下要怎么显示?

“无法加载信息”和“加载中”等字眼的显示无疑是让人失望的,我们可以考虑充分利用起这些空间,如放一些之前缓存好的资料,如果没有缓存资料可以放些“假内容”,以便让用户不至于那么无聊,可以有盼头,或者是放些温暖的公益广告、有用的寻人启事、或是一句转移注意力的话”一天记得要喝八杯水哦~“之类的。

7.怎么设计缺省页面?

缺省页面:是出现在用户没有提交任何资料或者网络连接不通畅的情况下所展现的页面。可以通过图形+文字清楚地说明该页会出现什么内容或者直接提供体验范例,并在屏幕下方提供操作按钮。

8.交互流程还需考虑怎样才能让APP“反应”够快。

一个人反应很快会被赞头脑灵活,会比反应迟钝的人更受欢迎,APP也一样。反应比较快的APP体验肯定是更好的,但是我们设计师无法掌控硬件、系统、网络等客观条件,我们只能试图用其他的方法去让APP”假装“很快的样子。比如微信发状态时,第一步就是让用户上传图片,就是为了让用户点击了要上传的图片后,图片在后台上传的同时,通过让用户做编辑文字等操作转移其注意力,等用户编辑完了,点击“发表”就可以文字带图片快速发表成功了。

9.APP介绍页要怎么设计?

分析用户看引导页的心理路径:简单告知我此APP有什么特别的?对我有什么好处?

介绍逻辑:最重要的APP亮点放最前面 - 可以给用户带来什么好处 - 紧接着上页介绍的好处用证据让用户去相信

要点和细节:给自己贴金,数据说话,环环相扣,通俗易懂,全程提供下载按钮随时可下载

工作方式:

交互设计工作记录

1.如何让自己的交互设计方案打动产品经理?

(1)质量:尽自己最大努力做好,能过自己这关

(2)描述:

1)最好有用户数据支撑

2)没有条件提出大数据,也最好多询问几个同事对自己方案的看法,以此为论据。

3)有些设计往往存在多种表现形式,而自己采纳的设计方式不能只说自己认为,最好能找到相关专业依据,比如说菲兹定律,席克定律等设计学,心理学定律,再比如可以列举微信,淘宝网,百度地图等公认用户体验很好的产品中相应的地方,也是如此考虑设计的,权威的论据比较有说服力。

2.作为一名要以老板(领导)的意思为准则来设计产品的设计师,该如何自处?

(1)实在觉得此工作没前途,那就果断辞职

(2)因为一些原因不能辞职,需要暂时从事这份工作,那就:不要去抱怨这样的工作让人难受,影响自己的设计发挥,而应该找到这种环境下也能做好工作的方法。比如,在设计之前找到各种相关资料、图片并整理成PPT,再根据这些资料和自己想要了解的内容先列出几个问题,最后集合老板、相关领导和相关成员开会,利用这些问题去了解老板真实想法,和他想达到的目的,因为老板比任何人都了解公司产品,他看待问题的高度远高于我们,所以我们应该记录并思考他说的话,再对任务有了更清晰的认知后再开始设计,因为一个能实现产品价值的设计才是真的好设计。

3.让同事感动,可以最大化赢得她的好感

我从老家带了些特产。我早上一来,给我身边的同事各发了一包,有很熟的,也有不怎么熟的,我谁也不想得罪,所以都发了。过了一两个小时后,有个项目负责人级别的同事,她给我发了一封邮件,内容大概是:“MM,谢谢你的家乡特产,好香,好好吃!” 我当时好惊喜,忽然对她好感倍增,以前看她长相觉得她好凶,现在怎么看都觉得很亲切了,这么一件小事她能特地发来感谢信,真是很有心,这种感谢方式比一句口头谢谢来的触动大多了,真是职场无小事,越小的事能做到最好,带来的感动和好感会越大。

4.做好PPT的方法

(1)先回答这几个问题:给谁看?为什么做?要写些什么内容?

(2)一页中的内容要突出重点,简明扼要,不用多余的没用的装饰元素

(3)PPT只是个辅助,讲解才是最重要的

设计思考:

交互设计工作记录

1.交互和视觉,是理性与感性的双重交织:交互是理性的分析,帮助我们限定问题的边界,缩小范围;而视觉是感性的创意,帮助我们在一个聚焦的点 上无限发挥,最终得到一个既正确又个性、创新且能够触动人心的作品。

2.产品经理就像一根线,串连起整个产品团队,有用研、UI、交互、前端、后端、测试等人员,在当中协调和检验各人员的工作内容,维持整个团队正常运作,规划产品周期,提升产品的商业价值,宏观上整体把控产品的生命活力。

 

文章来自微信号:飞阿婷的交互设计生活

看完你有没有觉得精神饱满,挺营养,嘿嘿 ~~~~

下方二维码,扫一扫关注作者我碰出思想的火花 ~~~~

 交互设计工作记录

 

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

(0)
iouedioued
上一篇 2015-11-24
下一篇 2015-11-26

相关推荐

  • 我们如何有所作为的设计经验?:在DfE的教训- 有效用户体验

    它并非罕见,请参见语句喜欢"让世界更好的地方,在一段时间的一次经历"在用户体验从业者的生物。这些都是崇高的索赔,但当你的工作都是围绕创造产品和服务,使人们更加快乐和多产,很容易看到如何思考这种悄然而至。

    2014-12-28
  • 网易资深设计师:ToB产品的6条交互设计经验

    网易UEDC –李东岳:本文希望能够总结一些B端产品的设计经验,帮助大家更好的进行ToB产品的交互设计 工作。

    2017-09-26
  • 独家 | 马化腾:用户体验,比一切事情都大

    内容来源:2017年4月26日下午,“清华-青腾未来科技学堂”发布会在深圳举办,马化腾出席了发布会,并以创业者的身份与在场的青腾学员进行交流,分享腾讯的创业经验。笔记侠经主办方授权发布。责编| Even第1715篇深度好文:2825字 | 3 分钟阅读独家·精华笔记·商业思维本文新鲜度:★★★★+口感:绿茶笔记君邀您,先思考:1、战略选择的第一步是什么?2、怎么通过用户体验打动用户?3、如何从互联网跨界中找到大的商机或蓝海?我非常希望也...

    2018-02-01
  • 产品经理|交互设计专场

    产品经理走上交互之路3月31日深圳线下分享会2018PMTalk春节后带来的第一场深圳线下产品经理活动,一场以交互设计主题的产品经理线下深圳交流会,PMTalk产品经理社区将带头又一次与大家见面!01一场值得产品经理学习成长的分享会本次分享会,在经历Pmtalk发起人几位小伙伴利用业余时间,在深圳成立这个产品组织后,我们将首次也推出PMTalk社区会员、产品经理合作周边等服务!具体的就在倒计时7天更新!本次沙龙我们邀请的深圳产品大咖(持...

    2018-03-15
  • App界面设计风格 | App界面交互设计规范

    App界面设计风格 APP设计风格是指APP通过主要的几种颜色搭配、页面布局和NPC等给用户呈现出的整体视觉感受。 一个APP开始启动设计时,第一步应该用主要页面定下整个APP的设计风格,然后其他页面按着统一的设计风格…

    交互设计 2015-08-26
  • 产品原型设计之交互体验的思考过程(二)

    接着上一篇《产品原型设计之交互体验的思考过程(一)》,这篇主要针对微记第二版的原型设计调整的思考过程作一下详细的说明。

    2017-05-23
  • Adobe放大招!Sketch有的功能都上了!

    (本文内容来源知友:不知语冰,感谢~)关于 Photoshop的UI-DNA工具很久就有传闻了!昨天据MICU了解,这个强大的工具终于开放测试啦~~虽然说很多设计师比较推荐sketch,可是这回了不得!sketch有的功能,PS都能实现了!也许有很多同学还不太了解 UI-DNA 是个什么样的工具,说白了,就是 Photoshop 上拥有更强大的属性编辑功能。现在来说说UI-DNA都有神马强大的功能。打开Photoshop 中的UI-DN...

    2018-03-02
  • 预加载:尝试分析这种自动加载的交互方式

    网站运营者的目的是为了增加阅读量,用户停留时间。而大部分用户一般是比较迷茫的,他们不知道自己想要读什么。

    2017-05-01
  • 《用户体验要素》:一张图读懂用户体验五要素

    《用户体验要素》是一本讲产品的好书,作者为我们清晰地介绍了关于用户体验的五个要素,五个要素是按照产品的整个生命过程来描述的。产品设计五要素分别是:战略层、范围层、结构层、框架层、表现层。《用户体验要素》说这本书清晰,是因为五个要素很清楚,按逻辑步骤总结出来的。但,这也是这本书唯一清晰的地方了,因为,这本书在细节描述上还是很凌乱的。产品设计五要素对于读这本书而言,能够领会作者的思想就可以,不必要拘泥于具体的细节。原因有二:一是,这本书的细...

    2018-04-04
  • Axure8.0展开收起

    设置菜单展开收起效果,且联动箭头朝上朝下动效。收起状态:箭头朝下,内容收起。展开状态:箭头朝上,内容展开。【步骤】1)设置展开内容与箭头为两个动态面板,命名2)点击事件设在点击菜单栏,同一个事件下控制两个面板状态。内容面板:箭头面板:设置旋转效果。点击菜单栏:点击运行即可。

    2018-03-15