欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

案例研究:手机APP的UI设计流程

发布时间:2018:01:30 01:22:20 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1159个文字,预计阅读时间3分钟
导语
UI设计,不仅仅是创造漂亮的图像。

  UI设计,不仅仅是创造漂亮的图像。

  

案例研究:手机APP的UI设计流程

 

  面临的挑战

  我为自己提供了一个绝佳的机会来训练我的视觉设计技巧,并通过创建一个移动app用户界面库来学习其设计过程。UI库也称为可视样式或主题,是一种自定义的图形界面元素包,应用于特定的应用程序或网站,为用户创造高雅的体验。

  我的设计过程:

  

案例研究:手机APP的UI设计流程

 

  有一点需要注意的是,这个项目是关注UI /视觉设计,而不包括用户体验设计; 例如用户研究,可比评论,用户行程映射,信息架构等。

  App概念

  问题定义

  通过我的新应用程序可为用户解决他们在寻找课程和研讨会中所遇到的困难。对于像我这种想要学习新东西的人来说,找到合适自己的课程还是很有难度的。

  价值主张

  一般来说,一个价值命题以陈述的形式出现,通常是第一个呈现在大众面前的句子。它的主要目的是传达客户期望从产品中得到的好处。

  这类似于电梯推销的场景——当你把你的app概念提炼成一个易于记忆、引人注目和可重复的短语时,便可在“用户体验战略”一书中体会到JamieLevy的价值主张公式。

  这是个为客户提供服务的平台。

  介绍下BetterMe ——“Yelp的课程和研讨会。”

  这是一个帮助多伦多伙伴以方便快捷的方式查找课程和研讨会的APP。

  用户角色

  

案例研究:手机APP的UI设计流程

 

  

案例研究:手机APP的UI设计流程

 

  线框

  在我对用户目标和行为有了更好的理解后,我列出了这款app的一些关键功能,以创建低保真线框。

  课程列表(按流行度,附近,即将推出,为你推荐)

  搜索(按类别,类型,价格范围,地点,评分等)

  即时消息(查询)

  用户资料(游戏化,学习列表)

  

案例研究:手机APP的UI设计流程

 

  以上是草图

  

案例研究:手机APP的UI设计流程

 

  部分完成度的线框

  可视化语言

  语言由不同类型的单词组成,却可以组合起来创建一条消息,视觉语言也与任何其他语言一样,其可以分为风格,距离感,应景度和趋势。

  我采访了一些用户并了解他们的需求,发现了app呈现出给人的情绪引导,从而进一步定义视觉语言。

  面试问题:

  你为什么要使用这个app?

  什么样的情绪会使得这些需求得到满足?

  你如何通过视觉语言来传达这种情绪?

  设计初始工作表

  

案例研究:手机APP的UI设计流程

 

  情绪板

  作为设计师,我们的目标是优化和加速进程。 Atomic Design的想法是允许用户体验设计师,UI设计师和前端开发人员并行工作而不是瀑布式的方式工作。

  我们如何设计一些视觉上的东西,在更早的阶段呈现给用户?

  情绪板是设计过程中视觉可交付成果之一。这是一个拼贴画,通常由图像,文本和物品组成,除了描述了页面的实际布局以外,还有我们通过产品获得的感受,。

  我创建了两个独特的情绪板来呈现针对不同用户群体的感受。一种是安静,干净,简洁的,适合学习和研究的目的; 然而第二种则是令人兴奋的,年轻,快节奏的,传达着激情和积极的情绪。

  

案例研究:手机APP的UI设计流程

 

  情绪板(左 – V1;右 – V2)

  然而,对很多人来说,情绪板可能太抽象了,因为要设计一个情绪板如何表现为有形的视觉设计元素是很困难的。

  瓷砖式风格设计

  瓷砖式风格是有形的视觉设计元素拼贴,如调色板,字体或按钮样式,这有助于通过具体的视觉语言与参与者交流沟通。它弥合了情绪板和线框之间的空白,在早期获得设计反馈是非常有用。

  

案例研究:手机APP的UI设计流程

 

  

案例研究:手机APP的UI设计流程

 

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:在“克隆”优步 App中,我学到了什么

下一篇:C端&B端产品的差异及设计思考

  • 18893 文章总数
  • 2303289访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信