交互设计笔试题总结.docx

上传人:b****7 文档编号:8722766 上传时间:2023-02-01 格式:DOCX 页数:8 大小:23.25KB
下载 相关 举报
交互设计笔试题总结.docx_第1页
第1页 / 共8页
交互设计笔试题总结.docx_第2页
第2页 / 共8页
交互设计笔试题总结.docx_第3页
第3页 / 共8页
交互设计笔试题总结.docx_第4页
第4页 / 共8页
交互设计笔试题总结.docx_第5页
第5页 / 共8页
点击查看更多>>
下载资源
资源描述

交互设计笔试题总结.docx

《交互设计笔试题总结.docx》由会员分享,可在线阅读,更多相关《交互设计笔试题总结.docx(8页珍藏版)》请在冰豆网上搜索。

交互设计笔试题总结.docx

交互设计笔试题总结

交互设计笔试题总结

交互设计笔试题总结

1平面设计工作的流程1)进行设计需求分析;2)提供设计构思;3)收集整理资料;4)选择相关软件进行制作;

5)根据领导或客户的意见进行修改;6)成稿。

2用户体验(UE)是一种纯主观的,在用户使用产品过程中建立起来的感受。

但是对于一个界定明确的用户群来讲,其用户体验的共性是能够竟有良好的设计实验来认识到。

好的用户体验,是一种“自然”的体验。

一、问答题。

3对用户体验及相关行业阅读过的书籍。

4列出至少5个国内外对应网站?

GoogleVSXXFacebookVS人人Twitter(140字符)VS微博eBayVS淘宝AmazonVS京东YouTubeVS优酷土豆grouponVS拉手网

5jpg和gif格式的不同点,各自应用在哪些场合。

1).jpg格式是由一个软件开发联合组织制定的有损压缩格式,用最少的空间得

到较好的图像品质。

对色彩的信息保留较好,适合应用于互联网和需要连续色调的图像如照片。

2).gif格式是一种基于LZW算法的连续色调无损压缩格式,它的另一个特点是

可以存多幅彩色图像,可以构成最简单的动画。

GIF文件支持透明特性,有大量的软件使用GIF图像文件,它还适用于icon图。

3).png格式是基于公共专利压缩算法的无损压缩格式,支持8位和24位图像。

PNG文件也支持透明特性,8位的PNG图片与GIF图片基本相同,24位的PNG可以支持Alpha透明效果,适合用于需要与背景完美融合场合。

6怎样理解“设计”二字?

7好的设计有什么标准?

8中国web设计与外国的同行比较有哪些优势和不足。

9说说优秀的设计师需要哪些素质和能力。

10一句话解释交互设计

11比较一般的网页翻页设计和移动平台产品的翻页设计。

12网站首页常常会放大量的分类信息和导航栏,怎样改进并提升用户体验?

13为什么现在的网站注册名都要用邮箱地址?

二、分析题。

14列出至少5个生活中用户体验不方便的案例,如电梯的上与下。

选择上述5个案例之一进行分析并解决之。

15说一下你觉得用户体验最好的互联网产品有哪些,为什么?

16近三个月着重观察的互联网产品列表。

17小A是一个交互设计师,某日接到一个任务,设计一个表单,一共只有三个输入框,而且都是必填项。

小A就开始犯愁了:

如果有一项是必填的,我可以给它加上”*”,那剩下的两项就不是必填的。

但现在三项都是必填的,我怎么把这个信息表达给用户呢?

另外,如果我把这个信息表达得过于明显了,用户当然都会偷懒不填的。

那我怎么才能收集到尽可能多的用户输入呢?

这分寸的把握比谈恋爱还难了,怎么办呢?

请用尽可能简短的文字表述您的解决方案。

如果您对这道题目本身有异议,也可以叙述您的见解。

三、画图题。

18画出从淘宝买东西的一个高保真流程图。

从将货物添加到购物车到确认订单中间的所有流程和反馈。

20画邮件发送流程图。

在发送邮件过程中,若小于50M,正常邮件界面发送,若大于50M,进入超大附件界面,此时进行判断,条件一:

开通手机邮件功能,条件二:

安装手机邮件插件。

只有在这两条件都满足的情况下,才可以成功发送,否则不成功。

四、设计题。

21某公司为合作客户建立信息列表,大约有1000个客户,近五年的记录都在里面。

现在让你设计一个列表页面,来显示客户信息。

画出原型和写设计说明。

22假设有一个”CEO服装网”,它的主营业务是针对中国的大公司CEO们销售各式服装。

请您为该网站设计一个简单的Persona(注意,仅一个)

23未来的社交信息超级聚合器。

未来的移动互联用户的信息分散在新浪微博、腾讯微博、QQ、QQ空间、人人、开心、facebook等多处,你需要在iPad(或AndroidPad)平板平台上设计一款聚合软件,吧用户身边好友的信息,其他(通过你对用户情况的分析)信息(如淘宝信息、天气……)整合到一个适合平台阅读的界面中去,需要兼顾其可用性和游戏性。

24北京三里屯有一家AppleStore,每当有新产品刚发售的时候总是有很多客户来排队购买,中间掺杂着一些黄牛党。

设计一款供该商店使用的触摸屏手机app,提供新品发售排队的客户排号用,保证:

25公司向针对“节假日回家”这一行为开发一款互联网产品,需要写一个项目策划,用户潜在需求,时间和工作人员分工,功能流程框架,网站首页草图和另外某一屏草图。

不再只是一味的追求视觉或实现产品功能、结构等,而是视觉、可用性一个都不能少。

如何压缩可用的图片?

如何设计网页的色彩?

如何给页面信息归类排列优先级?

如何架构一个页面、一个网站?

最后如何熟练使用软件完成设计?

1简单的智力计算题,只要审题仔细的话肯定没问题的2网络常识,外国的社交网站,视频网站考你一下3JavaSrcipt基本知识,设计原则什么的填空题:

1Chrome浏览器内核

Trident内核:

IE,MaxThon,TT,TheWorld,360,搜狗浏览器等

Gecko内核:

Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等Presto内核:

Opera7及以上Webkit内核:

Safari,Chrome等典型的双核浏览器包括:

搜狗2.0:

Trident内核和WebKit内核傲游3.0Beta:

Trident和WebKit内核QQ浏览器5:

Trident内核和WebKit内核

2Twitter一次能最多能发多少字符13电容式屏幕和电阻式屏幕的比较

1)电阻屏在触模时需要轻触压按,而电容屏即使很轻微的手指触碰感应就能激

活。

2)电阻屏可以用任何物体来触摸,而电容屏是人体热感应工作原理,只能用手

指的热感区来触摸,指甲和手写笔均无效。

3)电容屏可以很容易进行多点触摸,电阻屏一般不能实现多点触摸的。

4)电阻屏内部是软的,一般是在4到5层超薄的钢化玻璃中间夹杂细微的炭粒

(显微镜下才能看见),通过按压导致上下两层的炭粒相互接触而接通触屏电路,产生触摸反应,容易产生出油、划痕,易坏,容易触屏不灵,而电容屏都是采用单层加厚钢化玻璃,硬度大,耐旧,使用寿命长。

5)电阻屏在阳光下可视性稍差,电容屏则非常好,在阳光写可视性依然很强。

6)热感电容屏的成本比普通按压式电阻屏贵50美金,使用寿命是普通电阻屏的

2倍,因此热感电容屏一般使用于高档高端手机上,电阻屏一般使用于普通手机上。

4举两个社交媒体网站

开心网人人网QQ空间朋友网Facebook豆瓣珍爱百合世纪佳缘QQ空间基于6.37亿活跃QQ用户的中国最大的社交网络。

Qzone的问题不在于数量,而是这种基于昵称的社交图谱的质量。

Renren是中国实名社交网站的领头羊。

它为中国的SNS设立了标准,但是仍然面对着其他社交网站的挑战,比如腾讯朋友,Kaixin001。

附加题:

用户喜欢在用QQ签名存一些网址,电话等信息备忘,但QQ签名档不是针对此进行设计的,请提出解决方案

交互设计笔试问题

交互设计笔试问题:

1平面设计工作的流程

1)进行设计需求分析2)提供设计构思3)收集整理资料

4)选择相关软件进行制作

5)根据领导或客户的意见进行修改6)成稿

2.用户体验

用户体验(userexperience)是一种纯主观的、在用户使用产品过程中建立起来的感受。

但是对于一个界定明确的用户群来讲,其用户体验的共性是能够竟有良好的设计实验来认识到。

好的用户体验,是一种“自然”的体验。

3.对用户体验及相关行业阅读过的书籍

洞悉用户用户研究方法及引用认知心理学

4.列出至少5个国内外对应网站

BaiduVSGOOGLE

TAOBAOVSAMAZON/EBAYTudou/YOUTUBERENREN/FACEBOOKWEIBO/TWITTER

5.jpg和gif格式的不同点?

各自应用在哪些场合

1).jpg格式是由一个软件开发联合组织制定的有损压缩格式,用最少的空间得到较好的图像品质。

对色彩的信息保留较好,适合应用于互联网和需要连续色调的图像如照片。

2).gif格式是一种基于LZW算法的连续色调无损压缩格式,它的另一个特点是可以存多幅彩色图像,可以构成最简单的动画。

GIF文件支持透明特性,有大量的软件使用GIF图像文件,它还适用于icon图。

3).png格式是基于公共专利压缩算法的无损压缩格式,支持8位和24位图像。

PNG文件也支持透明特性,8位的PNG图片与GIF图片基本相同,24位的PNG可以支持Alpha透明效果,适合用于需要与背景完美融合场合。

6.怎样理解“设计”二字

设计其实是一种由简单到复杂,由复杂到简单的重复循环的过程。

把自己的想法通过视觉的形式手法来展现出来的过程,或者是根据事件的性质要求,作出计划。

设计不单是艺术的展现,绝大多数是将艺术最大程度的转化为商业价值,让受众对设计展现的美和对生活的质量有所追求,算是一种以商业为目的进行的艺术创作

7.好的设计有什么标准

详见附文

一好的设计具有创意性,有新意,有创新二好的设计要美,符合大多数受众的审美观

三好的设计要要有重点,简单明了,醒目,让人一目了然,吸引人的注意,让人过目不忘四好的设计要既要细节做到精细,整体还要美观大方,细节决定成败,设计也一样,要精心的处理细节,同时还要注重整体的平衡性。

8.中外web设计优劣对比

优势:

从业人数较多,同时中国的很多设计师的借鉴能力都很强,这样的话,节约了时间和成本,还吸收了国外的精华。

中国的历史文化博大精深,为设计提供了无穷尽的素材和思想,比如最近流行的中国风。

不足:

设计的理论和方法比较落后,web设计在中国兴起时间不长,很多理论和方法都需要借鉴国外的知识。

大多数的web设计在可操作性上不是很好。

优秀设计师所应该具有的能力

设计师需要身具四个同等重要的素质:

创造力、清晰表达、适应力和判断力。

一句话解释交互设计

交互设计是让产品更容易使用,让用户更加愉悦的技术

为什么现在的网站登录名都用邮箱地址?

1.方便用户记忆

2.方便联系用户,或进行营销3.找回用户密码4.邮箱没有重复的

附文:

原则1:

用户界面应该是基于用户的心里模型,而不是基于工程实现模型

就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。

其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀。

#左边界

面#:

大众点评新版的价格的搜索就比之前改得更符合用户心里模型;#右边界面#:

食神摇摇的摇动手机找餐厅更加符合大众用户的心里,大家应该都有那种中午不知道去哪家餐厅就餐,那么就摇一摇来随机抽出一个附近的餐厅。

原则2:

培养用户使用情景的思维方式做设计

要做到这个原则其实是很难的,需要长期的实战经验才能做到这点。

那我们都知道米聊出的比微信早,但后来被微信反超,个人认为不光是QQ帮了微信很大忙,比如用户登录门槛低,用户来源,广告打得响之类的,其实在用户使用情景方面米聊研究的没有微信透彻。

对于一个社交即时通讯产品,添加好友的功能是好友汇聚的来源,虽然米聊微信都绑定手机通讯录,但话又说回来,用户找手机通讯录联系人语音聊天的还是比较少。

添加好友是引导用户去发现好友,找好友,碰好友的一扇门。

所以对于这么重要的功能放置在应用程序的哪个位置,在产品前期就会让用户明显的去选择用哪个应用,因为聊天工具的前提是要有人和你聊天。

再回到现实的界面中来,看看下面的对比:

信1.0的时候(我这里只截了4.0的图)把添加好友放置主Tab上,方便用户很快的添加好友

米聊2.0时还是把添加好友放置在好友列表的第一排,用户很难发现

原则3:

尽量少的让用户输入,输入时尽量多给出参考移动端的虚拟键盘一直是科技界无法解决的一个难题,虚拟键盘的主要缺点:

1.输入定位无法反馈,所以无法形成高效的盲打;2.虚拟键盘的空间限制,手指的点击经常造成误按。

光是上面这两点就让虚拟键盘在输入上大打折扣,所以我们在设计应用程序时,只要遇到InputBox的控件时,首先就要想到尽量让用户少输入,或者智能的给出参考。

XX音乐的搜

索先是把近期最热门的歌曲依次排列在列表中,当有字输入时,会出现歌手的候选词,这里值得称赞的是XX音乐的搜索能根据用户输入的字来判断用户是搜索歌手还是歌名。

XX地图也是

我用得比较顺手的一个地图导航应用,在减少输入方面也做的比较出色,XX地图拥有cookies功能,另外就是XX搜索的技术应用在地名的匹配中也很让人欣喜,在用户输入到一半的时候,下面的候选列表就出现了目标地址,用户直接停止输入点击列表即可。

原则4:

全局导航需要一直存在,最好还能预览其他模块的动态

全局导航在Web交互设计中比较容易做到,在手机移动端全局导航要看产品设计的需求,什么功能需要全局导航,社交应用通常是:

消息,通知,请求;音乐视频应用通常是:

下载,搜索;工具类产品经常是核心工具条(toolbar)比如浏览器,语音助理,音乐识别应用等等。

全局导航的价值在于可以让用户在使用过程中不会丢失信息,减少主页面和次级页面之间的跳转次数,当然全局导航中的info-task要能在当前页面完成,如果需要跳转到新界面,就会失去全局导航的意义,因为当出现多个info-task的时候,就需要用户不停的进入全局导航页面来完成。

Facebook的朋友请求,消息,通知都是采用全局导航的方式,就是面板设计的丑了些~

米聊的通知中心,里面包含的通知类型蛮多的,显得有点凌乱,希望下面的版本会筛选归类

原则5:

提供非模态的反馈,不打断任务流

模态弹出框的书面名称在iphoneOS中称作:

Alert-box,在AndroidOS中称:

Pop-upbox,我们都知道弹框会打断任务流,所以在有限的屏幕上怎样让这些弹框弱化,或者说优雅、绅士的提醒用户,这个需要设计师来定义。

模态是指界面中只有提醒弹框才具有可交互行为,其他一切都不可操作;非模态不会把提醒做成弹框,可能会处理成ListNotification,Toastlist等方式来提醒用户。

Gmail是第一个把删除的模态弹框设计成ListNotification这种方式的,提醒用户撤销刚才的删除操作,这种非模态的处理,让删除的流程更加顺畅和轻松自如。

K歌达人第二版的弹框就是模态处理,界面很不友好,用户在K歌过程中要被打断三次才能发表一首自己唱的歌曲,所以降低了用户的参与度。

原则6:

不要让用户等待任务完成,用户还要发现更多有意思的地方

移动互联的核心就是给用户带来移动体验的方便和高效,这是移动互联网Apps需要考虑的,用户在使用你产品在很多情况下都是碎片时间,所以在设计上尽量让用户在短时间内熟悉我们的产品,知道这个产品的诚意,特别是某些等待界面需要设计,不能把一个很枯燥的等待界面呈现在用户的面前,那用户很快就会换其他apps。

Instagram拍完照片后,点击上传后,它的处理方式是回到首页的位置,告诉你的照片正在提交,并不是显示一个上传进度的界面,让用户看那上传百分比。

因此,我们在设计米吧上传歌曲文件时也只是告知用户后台正在帮你上传,叫用户放心,用户自然就会去玩其他的功能,没有让用户焦虑的等待,等上传完毕时,我们再用Toastlist通知用户已经上传成功,这样把查看上传结果的主动权交给用户。

原则7:

自动保存用户的输入成果

在移动端,由于输入面板的复杂性,而且触摸输入没有物理按键的反馈自然,特别是手机上去输入一段文字或者信息,对用户而言本身就是一件很痛苦的事情;对产品而言,用户的在你的产品中输入是一个很值得庆幸的事情,所以设计人员需要让你的apps自动保存用户的输入成果。

微博官方的手机客户端在用户输入信息后,点击左上角的叉时会弹出Actionsheet来询问,确认是否要放弃,或者保存为草稿;path的处理则更为人性化,在处于断网的情景下,用户依然可以发布照片和文字,当然后面联网成功后,系统会自动上传,只是发表时间是连网后发布的时间点;Instagram的评论也很友好,在断网或者网络情况不稳定的情景,用户输入的评论依然可以发布,后面会有一个叹号提醒用户稍后发布或者重试,提升了用户参与的积极行,同时活跃了社区。

原则8:

为了程序响应的速度,设计有时候需要担任掩护的作用

科技并不是万能的,技术依然是移动互联网应用程序最需要优化和完善的,作为技术的盟友我们设计人员也需要辅佐他们,让用户觉得程序原本就应该是这么运行的。

特别是程序响应的速度很多时候不光是技术的问题,与网络环境也有很大的关系,这时候设计人员需要考虑这些客观存在的情况,帮助程序来掩护这些瑕疵,让用户感觉到在使用时是流畅的。

#随后实现#Instagram帖子“赞”不管对参与者还是帖子作者都是激发其积极性活跃社区氛围的重要功能,所以在程序的响应方面一定要具有可用,易用的特性,我们看左图中,“赞”的按钮已经现实“已赞”,同时我们看红色框内的“菊花瓣”就知道后台在loading赞的数据,所以这就是设计的巧妙之处,先让用户感知到程序是非常快速的,而不是等loading完之后再显示“已赞”;

#提前传输#Instagram中发布帖子的时候,用户处理完照片点击“上传”按钮就看到中间的界面,这时候界面是让用户去为自己的帖子输入一个主题,或者去设置分享等功能,同时我们可以看到红色框中的“菊花瓣”,很明显后台已经开始传输刚才上传的照片了,所以当用户在点击“完成”时,数据只需要上传剩下的一部分,让用户感知上传很迅速;

#边唱边完成#把伴奏和用户的歌声合成为一首音乐时需要后台处理大量的数据,如果分步做就要让用户等待比较长的合成时间,为了让用户不用枯燥的等待合成,我们需要后台在用户唱歌的同时,后台就已经开始把唱过的伴奏和歌声合成。

以上八项原则是我在工作中体会比较深刻的交互设计原则,希望能对观看到这篇博文的朋友有所帮助。

当然设计原则是随着时间的变化而不断变化的,所以也请各位朋友完善和补充,谢谢!

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 经管营销 > 公共行政管理

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1