引言

“无处不入口,无处不按钮”不知道你是不是看懂了这句话,我们从字面意思来分析,所谓“无处不入口,无处不按钮”可以理解为,任何一个地方都可以作为按钮,任何一个地方都能作为进入下一个区域的入口。

产品设计——悬浮

最能体现这个理念的一个产品设计就是悬浮了,如下图:

从这张原型图我们可以看出,整个页面只有三条文本框、一个时间组件和一个小号的柱状图表按钮。但是这些只是停留在表面的样式和入口,实际上我们可以通过鼠标悬浮的操作,扩展出很多的功能例如下图:

这就是很好的体现了“无处不入口,无处不按钮”的理念。通过隐藏按钮来使得界面更加的干净整洁,鼠标悬浮的操作也让用户在使用的过程中操作的更加流畅。

产品设计——隐藏/显示

我们在设计页面的时候,也许有页面太多,弹窗设计太多的困扰,而下面我要介绍的这种产品设计形式就能很好的解决以上痛点。我们可以巧妙的使用隐藏和显示的特点来对用户进行必要的信息展示,不必要的信息可以进行隐藏,并且支持随时切换。如下图:

这种形式的数据展示,不需要切换页面,不需要多余的弹出来展示更多信息,最大程度的利用了已有的空间,用户从使用上的体验也会有很大的提升。

总结

今天介绍了“无处不入口,无处不按钮”这种设计方式,只要利用好这种产品设计理念,相信慢慢的会有更多的用户来使用你设计的产品。

产品设计——无处不入口,无处不按钮相关推荐

  1. 产品设计——按钮(四宝)

    一.自适应按钮 前端在设计按钮的时候,我们很多的时候都是设置的静态的按钮,不管你是不是需要使用它,它都在那里.这样的按钮时最普通的按钮,但是就是这种普通的按钮也可以做一些产品设计的优化,例如,我们对表 ...

  2. 项目实战——产品设计

    产品设计 背景 公司产品设计理念 如果你设计的软件猪不能使你就是猪 让每一个软件使用者都成为我们软件的设计者 总结 如果博主的文章对您有所帮助,可以评论.点赞.<font color=bule& ...

  3. 设计原则交互思维,重塑产品设计

    本文为PMCAFF专栏作者呆呆丶出品 我们通常会主观认为,设计原则只是原则,知道了名词,并且了解了名词的意思就能在工作中运用设计原则.而认为不能在工作中运用的,是因为自己在工作的过程中没有好的方式介入 ...

  4. 总说数据分析,你知道产品设计中各环节怎么运用数据么

    送给真正的互联网人一顿干货早餐 [小咖导读]文自余代军,产品设计是服务于用户的,了解用户才能更好地做设计,数据是了解用户的一种途径. 一 做设计为什么还需要看数据? 很多设计师从来不看数据,要么是因为 ...

  5. 腾讯视频 android 2倍,腾讯视频多倍速播放产品设计小结

    观看是腾讯视频对于用户来说最为核心的体验,我们不断努力把精力聚焦在用户观看过程的体验优化,为用户创造更流畅有和趣的观看体验.近期其中一个探索是多倍速播放的尝试,此文向大家分享下我们在这次产品设计方案中 ...

  6. 华为视频显示服务器异常,给予用户一份贴心|(数十份案例)APP异常界面与Toast产品设计落地...

    异常界面与Toast 说起异常界面,这里不由想起在日常生活中我们所使用的APP带来的各种阻碍情况下的一些反馈提示.这里要说明异常界面里面可能会包含Toast. 但从Android和IOS的人机交互规范 ...

  7. 2015年5月产品设计学习与思考

    前言: 最近在做产品设计,对这方面的思考也很多. 时常的我们,无论有没有仔细用过,专业不专业,对一个产品的吐槽都很容易,一副头头是道的样子. 到真正设计一个从最基本的方案可行,有竞争力,到贴合用户需求 ...

  8. 产品设计中那个“+”是用来干嘛的?

    日常工作中,有很多看似平凡的小细节,常被大家忽视,却影响着用户的真实体验.比如,前几天跟同事们针对产品设计中"+"功能所运用的场景.展开形式进行讨论,发现这是一个挺有意思的话题. ...

  9. PM进阶之路 | 用户端产品设计

    MVP设计: 硅谷创业家Eric Rise在其著作<精益创业>一书中提出了"精益创业"(Lean Startup)的理念,其核心思想是,开发产品时先做出一个简单的原型- ...

最新文章

  1. Python案例:使用正则表达式的爬虫
  2. 当会打王者荣耀的AI学会踢足球,一不小心拿下世界冠军!
  3. SCVMM 2012 R2---安装SCVMM 2012 R2服务器
  4. linux7.5进单用户模式,linux进入单用户模式
  5. 带宽与流量的基本概念(更新)
  6. 【Linux】vi编辑器命令
  7. MySqlDataReader在Using中使用
  8. linux下tail命令的用法,在Linux命令中tail的用法
  9. python 人脸识别活体检测_人脸识别 -- 活体检测(张嘴摇头识别)
  10. novatel中DGPS和RTK以及ppp的terrraStar-x的记录
  11. D. Binary Spiders(dpTrie)
  12. java实现excel导入数据库
  13. 什么是MAC多播地址
  14. JavaScript 每日一题 #8
  15. 掌阅群分享技术点收集(app性能优化专攻)
  16. PS2021中文汉化版软件安装教程
  17. 计算机怎样检查视力,电脑视力表同样测视力 测试方法要正确
  18. 什么是高端音乐制作-巴汉著文
  19. 安全HCIP之华为USG6000
  20. 什么是CISP-PTE?

热门文章

  1. 中文搜索引擎技术揭密:排序技术(五)
  2. 买100送50相当于打了几折?
  3. 华为交换机端口模式trunk⇌access互改
  4. 用蜂鸣器实现伪和弦音(音量渐变)
  5. mysql 数据库修改数据库名称
  6. SQL调优指南笔记16:Managing Historical Optimizer Statistics
  7. 《奈飞文化手册》笔记
  8. 用js在控制台打印html页面,vue 使用print-js 打印html页面
  9. 杭电OJ 2008 C语言版 已通过
  10. Postgresql_存储过程:Update完返回操作数