【优秀作业展示】交互设计基础(一)

《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优业。优秀学生作业第一期周亦辂产品设计1511高铁取订票界面设计色彩选取字体:冬青黑体字号:18、21、24、28、30、32、36风格:利用从...

      《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。

        接下来就看看学完本课程后同学们的优业。

优秀学生作业

第一期


周亦辂

产品设计151

1

高铁取订票界面设计


色彩选取

【优秀作业展示】交互设计基础(一)


字体:冬青黑体

字号:18、21、24、28、30、32、36

风格:利用从左向右的统一渐变体现速度感


【优秀作业展示】交互设计基础(一)

购票和取票去掉了图标,使信息直观


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

等待界面用小火车跑山,增添趣味性


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

票型整体变成圆角矩形,且显示了座位号,图为选中状态,已有填色提示用户此区域都可用来点击


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

打勾符号让用户不用看字就明白打印成功。添加了出站口和剩余时间的提示性信息且加大加粗,能让用户一眼捕捉到


【优秀作业展示】交互设计基础(一)

首先,流程提示位于上方,且有箭头提示。选地点用首字母,提示在待选框内,直观又不占空间,右边自动显示热门城市


【优秀作业展示】交互设计基础(一)

图为选中GZ状态下 ,右边显示对应城市,上方框内字母显示能表明两个首字母的顺序

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

上方流程条上的信息实时更新,更便于用户捕捉信息


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

选择车次时先选择车型和发车时间短来进行筛选,打散了多量级的信息,使后面步骤更加容易


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

选车次,时间是最重要的信息,因此加大加粗,放在首位,地点,车次都是不重要的信息,故尽量缩小。同时中间时间我也有显示,用以给有需求的用户。显示票型余量,不会做无用功。

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

“我认为选择座型时要考虑的一个很大的因素就是乘车时间。因此我把此信息放置在上。”

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

去掉之前是或否的模型,直接用打印按钮


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

2

智慧医疗


色彩选取


【优秀作业展示】交互设计基础(一)

字体:冬青黑体

字号:18、21、24、28、30、32

风格:利用微弱的渐变和弱高光弱阴影体现质感


【优秀作业展示】交互设计基础(一)

“主界面中,主级信息中我把充值结算流程合并了,上方是挂号取号并列的两个流程,下方是充值结算和预约挂号。次级信息我认为是时间,因此将之放大放在屏幕右上角。最次级信息是市民卡智慧医疗服务平台,我将之放在了屏幕底端。配色上太过鲜艳的颜色有攻击性而沉闷的颜色也不适合本来身体就不舒服的用户,因此我选取了温和但又不失活力的颜色。”


【优秀作业展示】交互设计基础(一)

“因为医院有特设的发热门诊,热度达到38度以上是不需要走普通挂号流程的,一般医院只在门口竖牌提示,会导致用户直接挂号去内科就诊,因此我在在此闭合流程的一开始增加了这么一条。

最终版我把原本的圆角矩形改成了对话框的样子,增强了询问的柔和度,给用户一种被关怀的感觉。”


【优秀作业展示】交互设计基础(一)

这一页面把倒数秒数减少至3秒,关键信息“3号楼”加重突出


【优秀作业展示】交互设计基础(一)

如已插卡,请勿拔卡的提示加重


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

当时时间已过上午时间段,因此上午时间段灰掉。此处返回按钮是直接返回首页

【优秀作业展示】交互设计基础(一)

“此页,我在科室选择基础上,增加了智能导视按钮,但由于信息过于混杂,故区分到二级界面。”


【优秀作业展示】交互设计基础(一)

智能导视,因为不清楚市民卡读取能不能调出性别数据,故加了性别转换按钮和正反面切换。选中状态下,身体部位变灰,右边出现推荐科室


【优秀作业展示】交互设计基础(一)

男生版本


【优秀作业展示】交互设计基础(一)

然后是选择号次,因为没有确认键故取消首个默认。已选的号子作为次级信息灰掉。左边的普通和专家是大分类,可以分开选取查看号次情况


【优秀作业展示】交互设计基础(一)

“若选择专家号,则出现选择医生,一般专家较少,故把每个选项放大。另外我舍弃了放医生的照片而用卡通图像来表示,只传达最重要的信息,即医生的性别。”


【优秀作业展示】交互设计基础(一)

进入专家界面后可选择号次


【优秀作业展示】交互设计基础(一)

确认页,把确认按钮的形状改成一样的圆角矩形,减低形状认知难度,挂号费用提示是医保减免后,以免用户产生疑问


【优秀作业展示】交互设计基础(一)

余额不足的情况下,直接跳到充值流程,不然又要重新来过


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

充值结束后选择挂号


【优秀作业展示】交互设计基础(一)

用等待时间告知用户科室位置


【优秀作业展示】交互设计基础(一)

最终成功界面,提示取走凭条,信息加重。再提示科室位置和就诊时间,最后祝愿用户身体健康


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

进入界面,显示待结算金额和余额,如果待结算金额为零或者卡内余额不足115元时,结算按钮为待激活状态,只能选择充值


【优秀作业展示】交互设计基础(一)

充值金额默认结算的差额,蓝色框为常用金额


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

这边充值完可以直接结算也可以放弃


【优秀作业展示】交互设计基础(一)

结算清单,因药单一般人不会看也不太看得懂,但有可能出现敏感词汇,故缩小了处方和科室信息,加强隐私保护


【优秀作业展示】交互设计基础(一)

结算成功后还可以继续充值


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

预约先选择日期,我在他原基础上加了星期几,且提示了明后天,使信息更直观


【优秀作业展示】交互设计基础(一)

跟挂号不同,加了预约日期的提示


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

添加了就诊日期


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

提示信息改为就诊日期和就诊时间

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

因调查后得知一个人最多一天能预约两个号,因此采用了这种信息结构


【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

【优秀作业展示】交互设计基础(一)

最终成功界面,提示取走凭条,信息加重。再提示科室位置和就诊时间,最后祝愿用户身体健康


       

        第一期的优秀学生作业就展示到这里了,后面会陆续推出不同的优秀学生作业,敬请期待。。。

【优秀作业展示】交互设计基础(一)

欢迎订阅公众号

时刻参与浙科院工业设计系的精彩动向

:)

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36250/

(0)
交互精选交互精选
上一篇 2018-04-04
下一篇 2018-04-04

相关推荐

  • 用户体验 | 移动网络音频传播效果研究

    作者:广东外语外贸大学新闻学院教授   郭光华广东外语外贸大学新闻学院硕士生    余思乔来源:《新闻爱好者》【摘要】在传统媒体被集体唱衰的时代背景下,移动网络音频的出现重新定义了广播行业,并在短时间内抢占了大量的音频市场份额。移动网络音频作为互动传播平台,将传统的听众身份转变为用户角色。用户主动使用这一平台,在互动中完成了内容的共构和情感的交流,从而获得了全新的体验与满足。【关键词】移动网络音频;用户体验;传播效果移动网络音频是新媒体...

    2018-04-10
  • 电梯按钮的交互设计

    开始注意和观察电梯的按钮面板,是因为觉察到自己因常乘的两部电梯设计细节方面的种种不同而陷入了混乱。电梯常常会和自己"想的不一样",即预设的或已建立的心理模型失效了,我们不得不重新审视电梯的操作面板,重新建立心理模型,找到对应的按钮。如果日常常搭乘几部电梯,它们之间的操作规则和心理模型还不一样的话,一是容易让人混乱,二则给人增加了记忆负担,实在是很麻烦。觉得这一小块可操作区域很有趣很值得分析之后,好奇之下找了不少图进行研究,五花八门的设计...

    2018-02-06
  • 最近很火的租衣APP用户体验报告

    以下内容并非广告,但是如果衣二三和女神派的营销部门看到的话,要不要考虑来主动给我发点广告费?其实租衣APP这个东西应该火了好一阵了。有我微信的宝宝们可能知道,我这个人有个很大的毛病就是喜欢买衣服。且买来并穿不了一两次,接着就开始在朋友圈各种亏本卖闲置。最近整理衣服发现实在太多真的不能再剁手了,因为根本没地方放。然后突然想到了公司一个客户和我说过她一直用一个租衣APP叫衣二三。看到这个APP的时候我的内心是激动的 --- 终于有软件解决我...

    2018-03-30
  • 用Axure水平菜单做导航菜单原型

    哈喽,"梯子"们好,这么多天都没有更新过Axure的教程了,理由如果是"沉迷吃鸡,无心做教程"未免也太勉强了,额......这个理由好像并不勉强啊,其实就是休息了一段时间。 好了,下面就来介绍一下这几天收集的比较多的"A技",额......Axure的技巧在浏览网页的时候,我们会经常性的点击或者鼠标悬停在"总有一款适合你"的顶部选项,这个就是顶部导航菜单。有的"梯子"就直接从元件库中拖拽一个"矩形"或者"文本标签"直接使用,如下图:其实...

    2018-03-16
  • 12家公司2018春招开启,内推进行中!20W高薪岗位面向18/19届!

    春招现已全面开启cherry整理了春招开启以来还可以内推的公司请大家仔细浏览遇到心仪公司把握住机会不要错过拿到offer才是要紧事注:以下所有公司均可通过互联派内推,后台回复【内推】即可获得内推方式!可内推公司公司:今日头条面向人群:2018届&2019届工作地点:北京、上海、深圳、武汉职位分类:研发类产品类运营类市场类职能类网申时间:2月12日起网申地址:https://job.toutiao.com/2018/公司:蚂蚁金服面向人群...

    2018-03-03
  • 交互设计攻略之“竞品分析”上

    前言:无论一个产品是从0到1,还是从1到2,我们需要对自身产品有一个清晰的认知与定位,最快的方式就是竞品调研。知己知彼,取长补短。(这里针对自家产品做的一个竞品调研分享,请勿商用。)首先,我们要确定竞品调研的目的是什么?很简单:为了选取同类型产品功能,可供学习与借鉴的地方,从而对本产品平台进行迭代优化。运用金字塔原理自上而下的方法解决“竞品分析的目的”是找出【同类竞品学习与借鉴】,那么引申的问题如下:一、同类型产品有哪些?想知道同类型产...

    2018-03-16
  • Axure实践第二讲

    Axure实践第二讲---如何有效的在工作中引入原型·页面枝干·添枝加叶·画龙点睛在近期的产品需求开发过程中,我们产品小组正式且大量的将原型开发工作投入常规的需求分析工作中,原型的开发对于我们在产品初期的调研、构建都提供了很好的指导。接下来就让本文带你领略:产品与原型的一节课。一、功能结构图(页面枝干)1.切入点是功能结构图(自顶向下)从大的方向上去划分几个大的模块类型,适用于业务功能较为单一且业务逻辑处理流程较为简单,如在做市商系统构...

    2018-03-16
  • 交互设计怎么入门呢?

    经常会有童鞋来问我:“交互设计如何入门?工业设计转行做交互设计的门槛高吗?用户体验和交互设计的区别是什么?”工业设计转行做交互的门槛并不高,就像工业设计需要考虑用户和实体产品之间的互动一样,交互设计更多的是考虑用户与界面之间的交互,只是换一个载体,其理论体系挺相似的。设计技能并不能弥补设计思维上的欠缺,技能只是一种表达方式,而Design Thinking才是最为核心的价值。基本概念浏览招聘网站上的讯息,就会发现UED,UX,UI等不同...

    2018-03-23
  • 【交互设计排名】SKD独家 | 美国交互设计排名

    Alias工业设计点击关注 和工业设计做朋友关注数模师  JACKAlias建模学习ALias建模咨询加好友你心目中的交互设计是什么样的 ?也许Google这个产品所创造的场景是你所畅想的交互设计可以被认为是当下最热门的专业,受热捧的程度可以和金融媲美。但是,你真的了解开设这个专业的院校吗?每个院校之间的差异和设置有什么不同?SKD根据院校开设的课程设置、专业排名,特邀我们资深的教研团队根据对自身院校的了解、利用兄弟院校的校友资源、以及...

    2018-04-08
  • 最新软件安装包目录【18年4月】

    悦台新媒体欢迎关注我们图文美编部关注软件导航电脑办公室内/外设计平面设计机械设计影视动画建筑设计地理信息网页设计屏幕录像编程类电子绘图数据库数据统计理科工具软件目录【电脑办公】电脑系统(U盘安装)PE制作WIN7WIN8WIN10XP电脑系统(直接安装)WIN7WIN8WIN10Officeoffice2003office2007office2010office2013office2016Projectproject2007projec...

    2018-04-09