童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

空白页面应该如何设计

6月22日 倾城傷投稿
  在我经历的设计项目中,所有的项目成员都会要求设计师优先制做所谓的典型页面,常见的就是产品的首页和详情页。
  而空白页面,或者说缺省数据页面(例如没有任何联系人的通讯录和没有任何聊天记录的微信),通常都是在设计过程的最后阶段才作考虑。有些时候,甚至会被遗忘。直到某个开发同学提出来,这个页面,如果没有数据的时候,该显示什么鬼东西啊?
  今天翻译的这篇文章,作者从用户首次接触产品,还没有内容数据好友的情况入手,分析并总结了一些空白页面设计的思路,应该能给各位产品设计者带来灵感。下面进入译文。
  用户首次使用你的产品时会遇到空白状态的页面,这也是用户由浅入深接触你的产品的必经之路。在这个过程中,一个优秀的空白页面应该达成三个目标:
  教育用户
  取悦用户
  引导用户
  教育你的用户
  空白的回收站页面回收站里的东西将在60天后被删除
  一个优秀的空白页面应该解决如下问题:
  何物(What):解释这个页面在说什么
  何地(Where):告知用户当前的位置,以及接下来可以干什么
  何时(When):解释此处空白在什么情况下将出现有效的数据
  空白的共享链接页面你分享的东西会出现在这里
  取悦你的用户
  空白的代码提交页面
  译注:这是Bitbucket的代码提交记录页面,当它为空时,网站的拟人化形象一个小桶子用幽怨的口气说道,我这里没有任何提交记录,这让我显得毫无用处。我感到很难过。(解决这个问题)
  优秀的第一印象不仅仅与可用性有关,它也与产品的调性有关。
  问你自己这几个问题:
  你能让用户感到新鲜或者出乎意料吗?
  你能让用户从心底绽开笑容吗?
  你能让用户感受到你产品的优秀调性吗?
  空白的收藏夹
  译注:一个仙人掌杵在那里,说道,这儿看起来像是沙漠!你没有任何收藏的东西接下还有一个引导用户去收藏的行动按钮。
  空白的内容页面
  译注:一个略显苦逼的熊猫脸,说道,我们在周围啥也没找到看起来你周围没有什么特别的事情发生。你可以过一阵子再试试这个功能。
  通过空白页面取悦用户,可以做这些:
  品牌(Onbrand):介绍并强化你的品牌元素
  亮点(Different):有创意或者展示你的幽默感
  共鸣(Relatable):展示你的产品温暖人性的一面
  空白的任务界面
  译注:看起来像是一个游戏的任务列表页面。一个潜水员在一条鲨鱼旁边,说道,你还没有准备好,指挥官。回去再训练一下吧。
  引导用户行动
  空白的项目页面
  译注:一个小人若有所思的看着右上角,念道,唔那个蓝色的按钮肯定很重要。
  空白的关注列表页
  译注:你还没有关注任何人。关注其他人可以查看他们收集的故事。你关注得越多,Flipboard提供的服务就更好!接下来就是一个引导用户去关注其他人的行动按钮。
  Airbnb的空白的历史行程页面
  译注:当你结束一次旅行,你会在这看到它。接下来就是一个引导用户去探索的行动按钮。
  在空白页面上引导用户的下一步行动,需要包含这三点:
  动机(Motivate):向目标用户展示激励性的语言,例如:现在就开始!
  劝说(Persuade):利益点不仅要在落地页上展示。当用户与你的产品交互时,也可以反复展示利益点。
  直接(Direct):在一开始就向用户展示唯一且最优的路径。提供行动按钮或者给出引导。在用户初次接触app时并不适合让他们做选择题。你应该让初次接触的体验尽可能的简单。假如刚开始就需要用户创建一些内容,你应该提供一些模板之类的东西让用户可以借鉴。
  增加空白页面的投入吧
  最棒的设计通常也是最具有挑战性的它要求在信息呈现与操作上达成精巧的平衡。但是,一个空白状态的页面就可能阻断你的用户进一步探索你所设计的精妙界面。这些空白页面难道不值得你投入更多的时间和关注吗?
  
  以上译文仅代表原作者观点。
  原作者DinaChaiffetz
投诉 评论 转载

浅谈移动搜索产品与app产品的使用需求现在通过百度、神马、搜狗等移动搜索引擎搜索,返回的不再是一条条普通的结果,而是直接呈现符合用户需求的结构化的内容卡片。各家公司都对垂直搜索结果进行了全面的优化,不管是从样式体验……空白页面应该如何设计在我经历的设计项目中,所有的项目成员都会要求设计师优先制做所谓的典型页面,常见的就是产品的首页和详情页。而空白页面,或者说缺省数据页面(例如没有任何联系人的通讯录和没有任……闲话移动支付流程设计当一款工具类产品和品牌电商结合起来的时候会发生什么?平台流量电商现金流或许这样的方法可以让产品自给自足,或者在某方面有更大的可能性,但不管怎样,还是先把用户做好,才……如何打造一款互联网产品好产品具备三个基本条件:价值、可用性、可行性,三者缺一不可。从一个想法,到设计,到研发,一款互联网产品是如何被打造出来的呢?本文将从产品想法、分析、规划、设计、实现等五个……当我们在谈知乎时我们在谈什么?知乎2。3产品体验报告(长文)作为高质量的UGC社区,知乎连接了人与人的分享和交流,并提供了简洁、友好的用户体验。但发展到一定规模的同时,知乎也面临着“劣币驱逐良币”等一系列的问题,社区运营及产品功能上都存……重磅教程!帮你全面彻底搞定MATERIALDESIGN的学习这一年就快完了,你还没搞懂Materialdesign吗?是嫌文档太长,还是觉得自己英文不好?都没关系,我们人人都是产品经理专栏作家可乐橙帮同学们通读了一遍官方的设计指南,去糙……大众点评闪惠买单,你用了么?大众闪惠买单VS美团优惠买单我经常用大众点评,每次外出吃饭的时候都会搜一下附近又开了什么餐厅去尝一下鲜。最近发现大众推出了“闪惠买单”,刚好常去的附近的一家餐厅支持,所以每次过去就用“闪惠支付”买单。……从产品层看微信会这样取代原生APP最近一阶段H5技术被推到高峰,很多人认为借助H5就能利用微信公众号取代APP原生应用了,而事实是怎么样的?这里我从产品层做一个客观分析。一。原生APP总体趋势要谈A……AppleMusic来了,产品初体验让人千等万等的AppleMusic终于和大家见面了。iphone上原先几乎没有人使用的音乐应用Music将会被彻底取代。这款新AppleMusic由iTunes音乐库、流媒体音……产品设计,搞清楚6W3H就够了!题目是标题党,大家自动忽略。主要是想从公司层面来讲讲如何使用6H3W来做产品设计。6Wwhy:为什么?用户为什么要用这款或这种产品?能够满足用户的什么需求呢?……网页动画的十二原则挤压和拉伸(Squashandstretch)Squashandstretch这是物体存在质量且运动时质量保持不变的概念。当一个球在弹跳时,碰击到地面会变扁,恢复的……最美应用体验报告一、基本信息产品版本:最美应用(Android)v3。0。8体验环境:SmartisanT1日期:2015616定位:高品质应用发现社区一起发现好用、好……
张小龙演讲PPT:APP产品经理必须要懂的30条原则从一个游戏大师那里学到的产品设计理念扔掉KPI,跟Google学习OKR管理方法市场趋于饱和,智能机,你该何去何从?产品经理必读23个FacebookPaper中的设计细节谈谈游戏做ABTest的误区创业型小企业如何做好前期的薪酬设计创业团队需要向银行劫匪学习什么?微信红包难提现遭质疑腾讯:不会用于它途微信电商化道路任重而道远做产品,你要在这6方面和用户“较劲”怎样才能成为一名用户体验设计师?上学OR工作
两性交往,没有共用过以下几样东西,说明只是玩玩而已一粒种子,美丽的开始四大理财箴言理财容【歌词】LikeaMovie歌手:酷龙热闻聚热点网 表格中怎么快速设置日期格式7款又酸又好吃的酸糖,从此以后,有我的地方就有它们天降女子(继天降女友之后七月新番《租借女友》又来了)热议聚热 坐月子并不是要完全卧床休息不爱刷牙的小鸟作文油秃头出息了!这防脱洗发水太低调了晚上睡多久,决定你能活多久!你的年龄该睡多长时间?1分钟了解兼职员工发放工资要发票还是做工资表?不懂的会计要被淘汰了!热

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界