美文网首页
页面与交互设计

页面与交互设计

作者: 老山羊随想 | 来源:发表于2017-10-19 17:26 被阅读0次

页面排版原则

元素在页面构成中排版要遵循四大原则:对齐、亲密性、重复、对比

页面元素包括: 内容与行为

        内容元素: 要从用户的角度去考虑使用性,便捷性同时要抓住用户心理,吸引眼球(特别是首页内容)

        行为元素: 要引导用户进行决策。


交互的三个要素: 目标→任务→行为

设计要遵循扁平化运用相对浅的层级达到用户目标,追求易用性、高效性、愉悦性;

交互设计的四个策略:

        删除: 聚焦用户目标,去除干扰,减少不必要的按钮。

        组织:同页面设计中亲密性

        隐藏: 避免分散用户注意力,帮助用户找到更有价值的信息与功能/优先级较低的功能,一般的个性化设置,适合隐藏

        转移: 把正确的功能放在正确的平台或系统中去,将资源价值最大化/明确各个终端的优势与特性,明确什么工作交个谁,根据场景化设计(调用相机/第三方功能)


产品设计的理念:

        易用性: 产品功能要明确,要有清晰的任务步骤,引导用户行为(页面元素排版)

        高效性: 减少用户操作步骤,扁平化设计,浅层级。尽量减少用户输入(任务的操作)

        愉悦性: 有情感的文案反馈与激励,提升产品体验与归属感

相关文章

  • 12-12 交互设计总结

    交互设计与用户体验设计: 交互设计是由页面、icon、文字基本要素构成的系统流程,。在软件设计时,要考虑用户的使用...

  • 页面与交互设计

    页面排版原则 元素在页面构成中排版要遵循四大原则:对齐、亲密性、重复、对比 页面元素包括: 内容与行为 ...

  • 高并发秒杀API(五)

    前言 本篇将完成前端页面的设计与开发,包括: 使用Bootstrap开发页面结构 交互逻辑编程 一、使用Boots...

  • 原型设计步骤

    1、页面放入信息架构 2、设计操作交互 3、根据操作交互调整信息架构 4、设计版式布局 5、制作交互动作 6、设计...

  • (22)打鸡儿教你Vue.js

    vue.js 单页面,多页面 Vue cli工具复杂单页面应用Vue cli工具 交互设计,逻辑设计,接口设计 代...

  • 12-09交互设计和用户体验设计

    交互设计和用户体验设计 App和web交互设计是有页面、icon、文字三种基本要素构成的系统流程交互设计的概念路径...

  • 猫眼电影APP产品原型设计

    目录: 产品背景介绍产品分析“电影”布局与交互设计“影院”布局与交互设计“发现”布局与交互设计“我的”布局与交互设...

  • 免费公开课:做UI懂交互,C位出道有门路!今晚20点不见不散

    做UI懂交互,C位出道有门路! 微信7.0交互设计技法 课程介绍: 原型认知与使用场景 登录的判断与启动 主页面结...

  • 1. Total Football 足球资讯APP用户体验设计

    内容:用户研究与画像 / 信息架构 / 任务流程 / 交互页面原型 / 界面设计工具:Figma / Ps / A...

  • Android及IOS设计规范简介

    什么是交互设计规范? 就是交互设计的统一规则,对设计风格、设计规则的约定。页面怎么布局?使用何种控件?等等 为什么...

网友评论

      本文标题:页面与交互设计

      本文链接:https://www.haomeiwen.com/subject/rchpuxtx.html