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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
从交互层面思考如何完成界面的内容设计
0.0°
2019-07-29 原创文章 经验/观点 举报 1333 4 3 0


文章很短,是在看了一些其他作者的经验分享和书籍后,加自身理解归纳整理出的,如有对文章内容版权有疑问的朋友还请联系我删除,对内容有探讨的朋友也欢迎在留言区分享你们的观点~




1.首要目标:找到设计目的


例子:弹框不是为了让用户纯粹的去点击,它还有一个引导作用,我们设计的界面,会左右用户的想法。因此,将简单的弹框通过设计进行加强,再通过更丰富的文案和配图来告诉用户弹框的用处,降低弹框本身的警惕感,提升⽤户使用产品的意愿度。


因此作图时不要一拿到需求就立马找参考,应该分析自己的产品要走什么方向,题材是什么,以及最后的目的是什么,只有这样你才知道要找什么素材获取什么样的灵感。


所有这些设计缘由的背后,都是由其产品业务属性以及它们当前场景的目的所影响而造成的,只有从这个角度出发,我们才能搞清楚究竟设计为何是这个样子的,以及我们要达到什么样的设计效果。




2.可用性测试验证内容


命名——部件/按钮标签文本是否合理,使用哪些词语反响更好,更有利于用户操作需求?

组织——信息是否进行了有意义的分类,用户能否第一时间在想找的位置找到特定的部件?

初次使用和可发现性——常用项目是否易于新用户的寻找,指令是否清晰、必要,是否需要做引导?

有效性——用户能否有效完成具体任务,有没有犯错,错在哪里,是否可兼容错误操作,错误是否经常发生?




3.如何做内容设计


从概念到完成,抽象到具体。

1)战略层:用户需求、网站/app目标

2)范围层:功能规格、内容要素

3)结构层:交互设计、信息架构

4)框架层:界面设计、导航设计、信息设计

5)表现层:视觉设计


设计流程:

内容生产(确定内容方向、内容场景分类和内容源)——内容再组织(根据内容策略来制定相应的页面级信息结构)——内容呈现(根据不同类型的各自特点梳理相对应的信息架构展示方式)——内容流转(让优质内容触达用户,用户回流,转化成目的行为)




4.如何打造合适的组件


1)优化模块结构(清晰的视觉动线、用户处理高效提高)

2)确立组件的表现形式(视觉统一、易于操作)

3)发现最合适的组件(拆解组件元素,拆解信息模块,结合新模块新组件,重新定义新元素,确定元素优先级,整理出元素的表现形式,最后将元素进行多种的重组样式,选择最适合的)




5.内容决定了布局


分清主次;用颜色来吸引注意。

组件模块的统一性:

1)统一意味着软件产品的不同模块要有相似的外观、感觉和行为;

2)统一改善了易用性与易学性,降低了用户的学习成本,也就降低了用户操作培训与技术支持的成本。




6.交互反馈的思考


1)错误页面处理:引导下一步如何操作,让用户忘却页面错误带来的不快。
2)竞品分析寻求突破:深入挖掘产品和业务需求,不要上来就想到产品应该有个首页用标签式导航,要深入具体业务场景。
3)Don't make me think原则:是否删除所选文件?删除/取消(不要用“是/否”)Because用户不阅读弹出框文案也能根据操作引导语快速完成操作。
4)设计原则:用户界面基于用户的心理模型;目标导向的交互设计反应了用户的心理模型。
5)设计作用:不仅可以发现用户需求,还能规范产品行为和外观。
6)目标导向设计流程:研究(用户及应用领域)——建模(用户及使用环境)——需求(定义用户、业务及技术面需求)——框架(定义设计框架和流程)——提炼(行为、形式及内容)——支持(开发阶段的需求)。



7.问问题


设计前多问问自己这些问题:

Q:用户是谁?用户在试图实现什么目标?用户如何看待他们要实现的目标?用户认为那种体验最具有吸引力并且值得的?产品应当如何工作?产品应当采取何种形式?用户如何与产品实现交互?产品功能如何最有效地组织在一起?产品以何种方式面向首次使用的用户?产品如何在技术上实现易于理解、让人喜欢且易于操控?产品如何处理用户遇到的问题?产品如何帮助不常使用或者生手用户实现其目标?产品如何为骨灰级用户提供足够的深度和力度?















更新:2019-07-29

收藏

4人已收藏

Fyr

发芽儿 发芽儿~

  • 15

    作品

  • 48

    粉丝

  • 18

    关注

  • C4D小练习
  • 端 午
  • app空白页设计
  • 插画动效二维码
相关标签
用户体验ui经验

    猜你喜欢

      2019-07-29 原创文章 经验/观点 举报 1333 4 3 0

      从交互层面思考如何完成界面的内容设计

      0.0°

      你确定要举报从交互层面思考如何完成界面的内容设计

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年03月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      4
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录