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

《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优业。优秀学生作业第一期周亦辂产品设计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

相关推荐

  • 从中国形式走向中国叙事:RSAA / 庄子玉工作室的2017

    *本文转载自RSAA鼓楼7号院刚刚过去的2017,对我们这个钟鼓楼旁的四合院是很特别的一年。虽然在RSAA北京公司成立后的八年间,我们一直埋头苦干,作品也算颇丰,但好像对大多数人而言,我们一直是一个相对默默无闻的团队,甚至很少有人知道RSAA是个正儿八经的德国独资公司;而在2017,RSAA和庄子玉工作室却因为几个极具当代中国调性的项目而广为人知;但只有我们自己知道,这也许不是偶然 - 以“在当下中国的社会和空间语境中寻找新的叙事性与类...

    2018-02-24
  • 与经典艺术交互体验,迪士尼推出AR博物馆,“篡改”世界画作

    ——映维网——国际影响力VR信息数据平台文章相关引用及参考:vrscout怎样做到?用户能够通过移动设备扫描博物馆中的任何2D艺术品或者是书籍,然后实时更改颜色和色调。例如,你可以把《蒙娜丽莎》变成紫色的皮肤(映维网 2017年09月02日)迪士尼在2015年开发了一种可以通过实时纹理来创建彩色书籍的AR技术(一种捕获2D绘图来实时创建3D增强现实图像的过程)。自那以后,迪士尼将实时纹理技术发展成一个名为AR Museum的新AR应用程...

    2018-01-30
  • 【软件资源】Axure RP 8.0软件安装教程——附下载地址

    本次给大家提供Axure RP8.0软件破解版,整个破解过程非常简单。软件适合32,64位的操作系统,破解文件下载地址在文末,请查看!软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。安装步骤:1、选择下载的软件压缩包,鼠标右击选择解压...

    2018-03-24
  • 交互设计的进阶三重境

    ✨交互设计师的迷茫作为交互设计师,工作几年之后,如果还处在 “从产品接需求输出线框图” 的循环中,或许就会产生一些迷茫:自己的价值和竞争力在哪里?如何突破,进一步提升自己的能力与话语权?迷茫,是因为无法定位自己,寻不得方向,找不到出路。所以,当我们提问该如何提升时,不妨先想一想,【用户体验设计】这座高塔,究竟是个什么模样,而自己又在什么位置。此文中,我根据自己的一些工作经历和理解,将交互设计师的能力成长分出三个阶段:功能完善者、产品推动...

    2018-02-26
  • 交互设计师必须知道的五大交互设计流程

    交互设计又称互动设计,从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点。同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。其实,交互设计需要做的事情也不是一成不变的,它会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别。下面我就在马海祥博客上...

    微信热点 2018-03-16
  • 这些走心的用户体验应该多学学

    不仅仅局限于互联网的设计,可能还有服务,线下的设计等。先问一下自己,到底什么是好的用户体验?我认为有以下三点:第一,无需思考,符合本能的设计。(反例,各种需要用户大量动脑的设计)第二,不打扰用户,让用户沉浸的设计。(反例,各种不必要的弹窗提示)第三,温暖的设计,细节打动人心,超出用户的心理预期。(反例,各种冰冷的缺省页面)1.网易云音乐分享提示最近发现了网易云音乐的一个小彩蛋,那就是在播放页当你点了某一首音乐喜欢后,会给你跳出来一个可爱...

    2018-02-01
  • UNStudio:健康城市,基于未来的设计

    📌 编辑 |Cassi.W编者按:城市公共环境作为人们共同的“家”,需要群策群力共同营造。城市公共基础设施作为“城市家居”是人们日常生活舒适感、安全感的主要保证。第二届“衲田杯”可持续设计国际竞赛正在火热报名中,你的脑洞是否还够用?“新技术引领下的智慧城市家居”有很多可能性,需要大家去探索、去研究、去发现。本期我们将走近UNStudio事务所的智慧城市实践,为你的方案增添一点灵感!- UNStudio -Ben van Berkel本·...

    2018-03-17
  • 为了生存!QQ空间升级改变非主流印象,论用户体验的重要性

    关注留学签证移民的新资讯分享学习工作生活的新鲜事JT EDUCATION点击上方关注非主流、火星文、酷炫的QQ空间45度叫仰望天空、明媚的忧伤十年前,谁还不是个中二症患者?曾经的中二少年变成了大人大人不再点开的QQ空间也变样了面对微博微信这样的对手总要活下去这次QQ空间品牌升级重点在于对用户体验的设计哦?又是用户体验这个词真的是使用频率越来越高什么产品和服务都强调用户体验但具体说起来是什么意思呢?比如有人说现在发微博就像玩扫雷不知道发个...

    2018-03-06
  • Axure RP属于产品经理快速原型设计工具(一:简述)

    一、介绍Axure RP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效...

    2018-03-10
  • 从会计到交互设计,她用社会热点打动皇家艺术学院招生官!

    本科学的是会计研究生申请的却是交互设计零基础、跨专业却能在短短一年时间拿到5所顶尖艺术院校的offerQS世界艺术类大学排名第一的皇艺和享誉世界的英国伦艺都向她抛出了橄榄枝从西单骑摩拜到望京全程3个多小时收集了20多个单车乱堆积地点采访了数十位大爷和小朋友回家腿痛了整整一周只为做一个项目的调研成长的路上总是布满荆棘但坚持就是胜利杜娜/研究生/交互设计皇家艺术学院预科伦敦传媒学院格拉斯哥艺术学院金斯顿大学谢菲尔德哈勒姆大学杜娜offer(...

    2018-04-25