【UXRen问答】交互设计工作的那些小细节by飞阿婷

8课时掌握用户画像方法

国内资深用研专家,Workshop工作坊带你玩转用户画像。

uxren-wenda-ixd-details-00

回答嘉宾:飞阿婷
问题1、用Axure画线框图的时候,线框图网页要多大尺寸?

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

 

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

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

 

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

答:

  • 页面按照真实网页或手机界面来做,在时间允许,要给领导过稿的情况下
  • 分组命名取该页的可交互的功能名,要尽量少的分支,相同的内容放在一个组里

 

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

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

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

 

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

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

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

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

 

问题6、APP在离线状态下要怎么显示?

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

一天记得要喝八杯水哦~

之类的。

 

问题7、怎么设计缺省页面?

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

 

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

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

 

问题9、APP介绍页要怎么设计?

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

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

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

 

 

 

 

顶部图片来源:http://www.connect.ecuad.ca
嘉宾微信公众号:飞阿婷的交互设计生活

feiating-wechat-promote

 

 

UXRen公众账号 关注UXRen微信公众号(cnUXRen)

UXRen社区欢迎各界 用户体验从业者及学生 投稿优质原创文章。投稿请关注UXRen社区公众账号cnUXRen(上面有二维码)留言“我要投稿”,小编会及时与您取得联系。


版权声明:除转载文章外,本站所有文章版权归UXRen社区所有,转载请注明出处:UXRen社区,并保留本站原文链接地址。本站部分文章来自互联网及公开渠道,如有侵权请及时联系我们。邮箱:contact@13tech.com.cn