首页 > 产品 > 关键词 > 产品设计最新资讯 > 正文

如何设计出好产品:前小米产品经理教你八项原则

2012-12-20 16:55 · 稿源:tech2ipo.com

当用户折服惊叹于Paper的优雅设计,当Instagram的瀑布流风格被越来越多的网站采用,我们会发现在移动互联网时代,产品设计正扮演起一个越来越重要的角色。

那么如何才是好的产品设计呢?其中又有哪些值得大家借鉴和吸取的原则呢?前小米科技产品经理向化盛(@阿乖设计)在知乎上针对此问题的回答为大家列出了八项原则。

原则1:用户界面应该是基于用户的心里模型,而不是基于工程实现模型

就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀。

#左边界面#:大众点评新版的价格的搜索就比之前改得更符合用户心里模型;

#右边界面#:食神摇摇的摇动手机找餐厅更加符合大众用户的心里,大家应该都有那种中午不知道去哪家餐厅就餐,那么就摇一摇来随机抽出一个附近的餐厅。    

原则2:培养用户使用情景的思维方式做设计    

要做到这个原则其实是很难的,需要长期的实战经验才能做到这点。

那我们都知道米聊出的比微信早,但后来被微信反超,个人认为不光是QQ帮了微信很大忙,比如用户登录门槛低,用户来源,广告打得响之类的,其实在用户使用情景方面米聊研究的没有微信透彻。

对于一个社交即时通讯产品,添加好友的功能是好友汇聚的来源,虽然米聊微信都绑定手机通讯录,但话又说回来,用户找手机通讯录联系人语音聊天的还是比较少。

添加好友是引导用户去发现好友,找好友, 碰好友的一扇门。所以对于这么重要的功能放置在应用程序的哪个位置,在产品前期就会让用户明显的去选择用哪个应用,因为聊天工具的前提是要有人和你聊天。再回到现实的界面中来,看看下面的对比:

微信1.0的时候(我这里只截了4.0的图)把添加好友放置主Tab上,方便用户很快的添加好友

米聊2.0时还是把添加好友放置在好友列表的第一排,用户很难发现    

原则3:尽量少的让用户输入,输入时尽量多给出参考    

移动端的虚拟键盘一直是科技界无法解决的一个难题,虚拟键盘的主要缺点:1.输入定位无法反馈,所以无法形成高效的盲打;2.虚拟键盘的空间限制,手指的点击经常造成误按。光是上面这两点就让虚拟键盘在输入上大打折扣,所以我们在设计应用程序时,只要遇到Input Box的控件时,首先就要想到尽量让用户少输入,或者智能的给出参考。

百度音乐的搜索先是把近期最热门的歌曲依次排列在列表中,当有字输入时,会出现歌手的候选词,这里值得称赞的是百度音乐的搜索能根据用户输入的字来判断用户是搜索歌手还是歌名。

百度地图也是我用得比较顺手的一个地图导航应用,在减少输入方面也做的比较出色,百度地图拥有cookies功能, 另外就是百度搜索的技术应用在地名的匹配中也很让人欣喜,在用户输入到一半的时候,下面的候选列表就出现了目标地址,用户直接停止输入点击列表即可。

原则4:全局导航需要一直存在,最好还能预览其他模块的动态    

全局导航在Web交互设计中比较容易做到,在手机移动端全局导航要看产品设计的需求,什么功能需要全局导航,社交应用通常是:消息,通知,请求;音乐视频应用通常是:下载,搜索;工具类产品经常是核心工具条(tool bar) 比如浏览器,语音助理,音乐识别应用等等。

全局导航的价值在于可以让用户在使用过程中不会丢失信息,减少主页面和次级页面之间的跳转次数,当然全局导航中的info-task要能在当前页面完成,如果需要跳转到新界面,就会失去全局导航的意义,因为当出现多个info-task的时候,就需要用户不停的进入全局导航页面来完成。

Facebook 的朋友请求,消息,通知都是采用全局导航的方式,就是面板设计的丑了些~

米聊的通知中心,里面包含的通知类型蛮多的,显得有点凌乱,希望下面的版本会筛选归类

原则5:提供非模态的反馈,不打断任务流

模态弹出框的书面名称在iphone OS中称作:Alert-box,在Android OS中称:Pop-up box, 我们都知道弹框会打断任务流,所以在有限的屏幕上怎样让这些弹框弱化,或者说优雅、绅士的提醒用户,这个需要设计师来定义。

模态是指界面中只有提醒弹框才具有可交互行为,其他一切都不可操作;非模态不会把提醒做成弹框,可能会处理成List Notification, Toast list等方式来提醒用户。

Gmail是第一个把删除的模态弹框设计成List Notification这种方式的,提醒用户撤销刚才的删除操作,这种非模态的处理,让删除的流程更加顺畅和轻松自如。

K歌达人第二版的弹框就是模态处理,界面很不友好,用户在K歌过程中要被打断三次才能发表一首自己唱的歌曲,所以降低了用户的参与度。

原则6:不要让用户等待任务完成,用户还要发现更多有意思的地方  

移动互联的核心就是给用户带来移动体验的方便和高效,这是 移动互联网Apps需要考虑的,用户在使用你产品在很多情况下都是碎片时间, 所以在设计上尽量让用户在短时间内熟悉我们的产品,知道这个产品的诚意,特别是某些等待界面需要设计,不能把一个很枯燥的等待界面呈现在用户的面前,那用户很快就会换其他apps。

在Instagram 拍完照片后,点击上传后,它的处理方式是回到首页的位置,告诉你的照片正在提交,并不是显示一个上传进度的界面,让用户看那上传百分比。

因此,我们在设计米吧上传歌曲文件时也只是告知用户后台正在帮你上传,叫用户放心,用户自然就会去玩其他的功能,没有让用户焦虑的等待,等上传完毕时,我们再用Toast list通知用户已经上传成功,这样把查看上传结果的主动权交给用户。

原则7:自动保存用户的输入成果    

在移动端,由于输入面板的复杂性,而且触摸输入没有物理按键的反馈自然,特别是手机上去输入一段文字或者信息,对用户而言本身就是一件很痛苦的事情;对产品而言,用户的在你的产品中输入是一个很值得庆幸的事情,所以设计人员需要让你的apps自动保存用户的输入成果。

微博官方的手机客户端在用户输入信息后,点击左上角的叉时会弹出Action sheet来询问,确认是否要放弃,或者保存为草稿;

path的处理则更为人性化,在处于断网的情景下,用户依然可以发布照片和文字,当然后面联网成功后,系统会自动上传,只是发表时间是连网后发布的时间点;

Instagram的评论也很友好,在断网或者网络情况不稳定的情景,用户输入的评论依然可以发布,后面会有一个叹号提醒用户稍后发布或者重试,提升了用户参与的积极行,同时活跃了社区。

原则8:为了程序响应的速度,设计有时候需要担任掩护的作用    

科技并不是万能的, 技术依然是移动互联网应用程序最需要优化和完善的,作为技术的盟友我们设计人员也需要辅佐他们,让用户觉得程序原本就应该是这么运行的。

特别是程序响应的速度很多时候不光是技术的问题,与网络环境也有很大的关系,这时候设计人员需要考虑这些客观存在的情况,帮助程序来掩护这些瑕疵,让用户感觉到在使用时是流畅的。

#随后实现# Instagram帖子“赞” 不管对参与者还是帖子作者都是激发其积极性活跃社区氛围的重要功能,所以在程序的响应方面一定要具有可用,易用的特性,我们看左图中,“赞”的按钮已经现实“已赞”,同时我们看红色框内的“菊花瓣”就知道后台在loading赞的数据,所以这就是设计的巧妙之处,先让用户感知到程序是非常快速的,而不是等loading完之后再显示“已赞”;    

#提前传输# Instagram中发布帖子的时候,用户处理完照片点击“上传”按钮就看到中间的界面,这时候界面是让用户去为自己的帖子输入一个主题,或者去设置分享等功能,同时我们可以看到红色框中的“菊花瓣”,很明显后台已经开始传输刚才上传的照片了,所以当用户在点击“完成”时,数据只需要上传剩下的一部分,让用户感知上传很迅速;  

#边唱边完成# 把伴奏和用户的歌声合成为一首音乐时需要后台处理大量的数据,如果分步做就要让用户等待比较长的合成时间,为了让用户不用枯燥的等待合成,我们需要后台在用户唱歌的同时,后台就已经开始把唱过的伴奏和歌声合成。

文章来源:http://tech2ipo.com/57037

  • 相关推荐
  • 大家在看
  • 体验好的电商APP长啥样?这里总结了7种绝佳的UI设计原则

    最近,国外设计师Jennifer Jhang对一些顶级的电子商务APP如耐克、苹果、三星、Ebay、Banggood以及Best Buy等产品进行了研究,并总结了 7 种主要的用户界面模式。

  • CoinBene满币张漾斌:专注做好产品,提升用户体验

    满币创始人张漾斌 | CoinBene满币从2017年成立,至今已经良好运营3年多。CoinBene满币CEO张漾斌表示,“满币的运营模式是,始终专注做好产品,致力于提高用户体验”。为了满足用户多元化的需求,CoinBene满币曾7天上线开单止盈止损,在已有全仓和逐仓的基础上,30天上线分仓,10天搞定计划委托。CoinBene满币旨在为所有合约用户打造一个简洁、专业的数字货币交易平台,不止服务于专业的交易者,也要为合约新人打造一个0门槛的合约交易平台。C

  • 如何设计抖音主页头图 抖音背景图怎么设计

    抖音主页头图要怎么设计会比较好看,让人留下比较深的印象呢,背景图的设计思路以及主要考虑的因素有哪些。下面我们会通过几个要点来介绍下,抖音背景图的设计注意要点,大家在抖音设计自己的头图时可以参考下。1、KOL出镜,也就是自己抖音视频里的主角出现在头图背景图里面,让他/她成为标志性IP,记得要使用好看的高清形象照,不用其他过多文字或其他修饰就能引流2、在头图里面,再次自我介绍,完成对账号的简介的补充说明,或者

  • 如何设计抖音LOGO头像 抖音logo怎么设计好看

    抖音账号的头像LOGO要怎么设计比较好看,又符合自己账号的定位属性,什么头像可以让别人一眼看了之后留下深刻印象呢,这里我们来一起了解下如何设计好一个抖音的logo头像。

  • 如约而至!科勒精选·设计中国北京设计论坛即将开幕

    亚洲高端设计大展“设计中国北京” 2020 将与全球厨卫领导品牌科勒KOHLER再度合作,邀请来自国内外顶尖的设计大师,以“以设计之道复兴世界”为主题开展为期 4 天的科勒精选·设计中国北京设计论坛。其中,展会首日 9 月 23 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。2020 年注定是不平凡的一年,第三届“设计中国北京”( 9 月 23 日 –9 月 26 日)重磅回归,旨在凝聚全球设计的力量,以前瞻思想深入探讨“后?

  • 科勒再度携手设计中国北京,以设计凝聚幸福点滴

    2020 年 9 月 23 日 –9 月 26 日,亚洲高端设计大展“设计中国北京” 2020 即将隆重举行,全球厨卫领导品牌科勒KOHLER作为论坛的冠名赞助商,再度携手“设计中国北京”,带来为期 4 天的科勒精选·设计中国北京 设计论坛。本届论坛汇聚来自国内外 30 余位顶尖设计师的前瞻思想,将以“以设计之道复兴世界”为主题展开探讨。展会首日 9 月 23 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。在设计中感知幸福生活在

  • 上直播联手稿定设计,共同推进视频直播+在线设计服务的融合之道

    近日,上直播与稿定设计达成战略合作,双方将持续探索企业视频直播与商业设计领域的跨界融合,为双方的使用受众提供更多元化的视频直播和在线设计领域的使用体验,共同推动视频直播和在线设计的融合发展。上直播是国内知名的企业直播服务商,旨在为企业提供从视频内容生产、内容运营、大数据精准营销于一体的完整营销闭环服务,衍生了教育培训、医疗、金融、企业内训、汽车、房产、互联网等众多行业的企业视频直播解决方案,当前已

  • 如果说做建站代理轻松好运营,那么好产品和好服务才是基础配置

    导语:根据数据显示,我国个体/企业数量达到11020万户,但网站的数量只有500万个,因此目前企业对网站的需求还是比较大的,对于建站代理商来说,还是有很大的市场潜力。昆明天牛科技有限公司的张总,一个大胆的80后青年,在看到了互联网的发展趋势下,毅然放弃了自己的酒店业务,从“0”开始,走上了互联网大军的队伍之中。今天有幸跟张总聊天,才发现这位有志有谋的青年,目光独到,选择准确,成为了耐思智慧的建站代理商,轻轻松松,月利润达到50

  • HONOR TALENTS荣耀全球设计大赛上海艺术沙龙 畅谈设计美学“理想国”

    自 9 月 4 日上线以来,HONOR TALENTS荣耀全球设计大赛吸引了全球设计师、知名高校设计高材生的关注和投稿。线下,荣耀也与设计爱好者们积极互动交流,在上海时代广场连卡佛搭建了一个的交流平台,邀请青年设计师周桐及花粉一起在现场创作和分享精美创意作品,畅谈设计美学“理想国”。畅谈创意本源弘扬传统文化周桐,连卡佛 2020 创意集结号涌现出来的设计才子,作为中央美术学院设计院的青年设计师,其主攻媒体艺术研究方向,近?

  • 小米Z Fold三折屏智能机设计专利曝光

    荷兰科技博客 LetsGoDigital 刚刚曝光了小米的新折叠屏智能机设计专利,可知其采用了类似三星 Galaxy Z Fold 的思路。不同的是,该机配备了两条转轴,伸展时可将屏幕面积拓展到折叠时的三倍。如果一切顺利的话,小米或于 2021 年初推出类似的折叠机新品。

  • vivo IFEA 分离式镜头设计荣获2020红点设计概念大奖

    2020 年 10 月 9 日,深圳 —— 享誉全球的设计界“奥斯卡”德国红点奖于线上颁奖典礼中官宣获奖名单。vivo工业设计团队凭借vivo IFEA(Interest Free Explore Amazing)分离式镜头设计,在来自 52 个国家的 4170 件作品中脱颖而出,荣获红点设计概念奖,彰显其卓越产品设计和领先创新科技。对vivo而言,成为近三年为数不多斩获红点奖的中国手机品牌,意义非凡。红点设计概念奖证书vivo IFEA分离式镜头设计示意图 德国红点奖始于 19

  • 阿里给原创设计师找“钱” 联手中华设计奖为创意孵化牵线搭桥

    原创设计如何快速变现?商家又如何找到符合自己风格的原创设计,并在卖成爆款后不被抄袭?在9月25日的第三届中华设计奖颁奖仪式上,阿里巴巴集团知识产权保护高级总监徐骏提出了包括“一键备案确权”、“智能精准授权”、“抄袭快速维权”等在内的原创保护三权服务体系,用创新技术去保护商业创新,打通原创设计供应链和产销链,保护整个行业不受抄袭困扰,建立良币驱除劣币的可持续循环机制。与赛事合作促进原创设计商业孵化本届中华设计?

  • 丐帮设计:职场人升职加薪必备神器

    随着自媒体、短视频等行业的兴起,人们对作图的需求也越来越多,尤其在职场中,互联网公司、广告公司、旅游公司的小哥哥小姐姐们常常会接到老板作图的任务,对于不懂设计的小白来说,简直令人头秃。为了解决用户作图需求这一痛点,各类图片编辑工具应运而生,丐帮设计就是其中十分优秀的一款。丐帮设计的用户群体十分广泛,无论你是做新媒体运营、产品运营、淘宝商家,还是教师、HR、销售商家,在丐帮设计都能找到你想要的模板!丐

  • 代理分销制度6个设计思路

    因为最近在做一个新的社交电商平台,所以一直忙着做平台分佣的顶层制度设计。说实话,以前我从来都没有一次认真的参与到平台分佣制度的设计中去,我主要是负责平台上线之后的运营和玩法的。

  • 小米三折屏智能机设计专利曝光:正面展开后近9英寸

    很早之前小米就曾展示过自己的折叠屏,不过何时推出,并没有具体说明,估计是因为当时成本太高所致,当然这不能阻挡他们推折叠屏的脚步。LetsGoDigital刚刚曝光了小米的新折叠屏智能机设计专利

  • 聚焦“设计价值原生力”东外五十六号创新园区@2020北京国际设计周开幕

    2020 年,人类与城市进入后疫情时代的复杂变革时期。此时,设计的力量,从民生之维再出发,寻找与定义能抵抗风险韧性与穿透不确定未来持续性的真实的价值。 2020 年 9 月 25 日至 9 月 30 日,为期一周的 2020 北京国际设计周“设计之旅”东外五十六号创新园区分会场“设计价值原生力”系列主题活动正式开启。东外五十六号创新园区,一个面向未来的探索大院儿新邻里社区的创新实践场,以原生价值为核心进行设计力的重新解构,与众?

  • 好莱客全屋定制这样设计 小户型也能通透又宽敞

    许多人在家居布置中有这样的误区,认为中小户型如果想要显得更宽敞通透,就应该少放家具。但其实,这样装出来的房子非常不实用,住久了很可能出现的结果是:满屋的物品无处归置,显得更加杂乱无章。好莱客设计师提出,其实房子要想显得通透,和空间布局改造很有关系,装对了,大体积的柜子反而可以有出乎意料的效果。好莱客案例中的业主小熊家就是这样子,虽然家里住了五口人,却依旧保留了敞亮的空间效果,甚至还有种“空无一物”

  • 苹果高管讨论A14芯片的设计方法

    自上月推出采用 A14 芯片的新款 iPad Air 平板电脑以来,苹果高管已经在一系列采访中介绍了背后的一些开发细节。比如赶在 iPhone 12 发布会召开之前,苹果公司平台架构副总裁 Tim Millet、以及 Mac 和 iPad 产品营销高级总监 Tom Boger,就在接受外媒的新一轮采访期间,讲述了该定制芯片的能效问题。

  • 抓住关键点,提升App搜索设计的体验!

    搜索过程中需要展示什么?如何帮助用户尽快找到他们想要的?搜索的体验如何与其他体验相联系?这是很多设计师思维模糊的地方。

  • 启旻设计服务教你怎么样迅速提高CAD的水平

    AutoCAD之所以成为个功能齐全、应用广泛的通用图形软件包。先它是个可视化的绘图软件,许多命令和操作可以通过菜单选项和工具按钮等多种方式实现。而且Auto—CAD具有丰富的绘图和绘图辅助功能,如实体绘制、关键点编辑、对象捕捉、标注、鸟瞰显示控制等,它的工具栏、菜单设计、对话框、图形打开预览、信息交换、文本编辑、图像处理和图形的输出预览为用户的绘图带来很大方便。其次它不仅在二维绘图处理更加成熟,三维功能也更加完

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签