恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
系统相关联功能的设计方法
0.0°
2016-06-28 原创文章 经验/观点 举报 2853 5 4 0

文/大QQ


我们不是安卓,我们是自主研发的独立移动OS---元心OS 

那年当我们决定要做这样一件事情的时候,就注定着这条布满荆棘的道路。有一天,当我们才华横溢的设计师设计出了多套桌面主题和应用icon,当我们沉浸在我们的系统又多一些个性化元素的喜悦中,当我们跟桌面开发组的帅哥们一拍即合立马实现了这个功能时,问题出现了。。。。。。 测试组的同事出现在我们面前:“我们新桌面主题上线后,桌面上的应用icon跟设置中应用管理模块的应用icon,包括应用商店中的应用icon不一致了呀!!!”

有点蒙圈~但细细的把整个系统在整个脑海里过了一遍。天哪,这个问题何止如此,除了桌面应用icon、设置中的应用icon和应用商店中的应用icon,还有更多的地方与此息息相关,包括安全中心中的敏感权限模块、通知中心中的应用icon、后台任务管理器中的应用icon、状态栏新消息提醒、滚动通知应用icon,分享功能浮层中的应用icon。。。。。。


这就意味着,多设计一套桌面主题,设置中的壁纸预览就要多一套,应用管理列表中的icon也同样需要替换。


Image title


同样的问题需要考虑的地方还有很多:


Image title


从那以后大家都对操作系统有了更深层的认识,它是一个个应用组成的一个整体。它的各个应用以及各个功能模块之间存在着强大的关联性,每一个小地方的调整都可能牵一处而动全身。因此为了实现这个桌面主题多样化方案我们动用了几乎所有模块开发小组的资源,这比之前预估的人力投入多了几十倍。。。。。。


Image title



血的教训啊~~~ 在之后的交互方案实施前,我们把关联性这个问题摆在前面,为了保持系统功能的一致性,为了更好的评估人力投入,更是为了把可能发生的风险扼杀在摇篮中。那么问题来了,面对这么一个庞大的操作系统,同时兼顾交互设计和解决所有相关联的功能实在是太难了。这个问题要首先从哪些方面考虑,又如何针对不同类型的相关性给出解决方案?以下是我总结出来的几个方向:


1.应用中元素的关联性
除了以上提到的应用icon的问题,还有例如天气,天气的各项参数不仅出现在天气应用还会出现在快捷通知面板中,设计时必须考虑天气参数和数据的统一。


Image title


又例如我们的很多应用都包含列表页和会话流页,所以在制定时间规则的时候要尽可能的考虑能满足相关联的页面的一致性。


Image title


列表页时间显示:


Image title


会话流页时间显示:


Image title


另外还应考虑时间格式对整个系统的影响,比如锁屏和桌面,不同的样式和规则都对时间在这些页面的显示有所不同。


Image title


2.应用之间的交互功能的关联性

在手机操作系统中,本身就存在着一些应用他们是互相嵌套相互关联的,它们之间甚至有非常频繁的交互操作。最典型的就是通短联这三个应用。比如在拨号的时候可以随时把号码保存到联系人、在短信中可以保存发件人的号码和拨打电话。


Image title


在联系人详情页中不但可以立即拨打电话和发送短信还可以访问网址、发送邮件、保存联系人生日到日历等等。


Image title


在设计的过程中应充分考虑各应用可能出现的关联功能交互,理清楚页面层级,并且尽可能的简化交互逻辑。

3.系统中相关联信息的同步性

信息的传达是手机的重要功能之一,因此一个好的操作系统,信息的同步性显的尤为重要。例如,用户可以在联系人详情中记录联系人的生日,并把生日信息同步到日历中,并可以在日历中正确的显示。


Image title


照片中的图片详情信息,和视频中的视频详情信息也都应该跟文件管理中相应的信息保持一致。


Image title



4.应用中相同功能的设计

在系统应用的设计过程中我们发现有很多应用拥有类似的元素或功能需求,例如,短信、联系人、邮件、音乐、录音机、文件管理、应用商店、照片、视频等都有列表页。


Image title


针对于同类型的内容和功能需求,我们在进行交互设计的时候需要统一的考虑,以列表页为例,我们设计出了一个针对所有列表页的一个统一的操作:长按列表进入批量编辑状态,并根据需要提供不同的功能。


Image title



另外,还有搜索功能、字母检索功能和文本编辑功能也会出现在不同的应用中。针对于这些相同功能的交互设计都需要关联性的考虑其方案。


总结

在一个个应用的设计过程中,我们总结出了一个相关联性列表,希望在今后不断的迭代优化的过程中希望起到一个指导的作用。


Image title



认识到了相关联功能的重要性,理清了考虑这个问题的方向,自然就能更快更好的找到对应的解决方案,在交互设计的过程中尽可能的考虑到每个场景和每个相关联因素,这样才能决策出最佳的交互方案,在时间和资源有限的情况下做出最优秀的产品。


元心UED,做好玩的设计嗒嗒嗒~~~


Image title

Image title



更新:2016-06-28

收藏

5人已收藏

雪花花

设好玩儿的计儿,做好玩儿的人儿~~~哒哒哒~

  • 8

    作品

  • 35

    粉丝

  • 0

    关注

  • 毛毡内核的冰棍也不是那么冰哈~
  • 设计师撩领导专用表情
  • 怎样设计出自己风格的操作系统 ——元心OS2.0视觉风格概念
  • 【实用技巧分享】如何让开发工程师完美还原系统动态设计
相关标签
设计经验分享

    猜你喜欢

      2016-06-28 原创文章 经验/观点 举报 2853 5 4 0

      系统相关联功能的设计方法

      0.0°

      你确定要举报系统相关联功能的设计方法

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年06月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录