美文网首页我的产品学习之路创业0岁的产品经理
产品界面设计中,关于文字的一点事儿

产品界面设计中,关于文字的一点事儿

作者: 产品小张 | 来源:发表于2015-04-01 23:35 被阅读907次

    在产品的界面设计中,有一个值得玩味的地方就是产品的文字信息设计,我自己大致把内容归纳为:页面需要展示哪些信息、如何命名这些文字信息、使用什么样的颜色、字号和字体等。
    所以,我根据自己的理解做了个简单的总结

    1. 展示的信息内容

    关于信息内容的展示,我的理解是:在当前页面下,哪些信息是和用户完成当前场景下的任务强相关的,那么这些信息就是需要展示的。

    示例:

    (1)以美团App的团购展示页为例:

    一个团购项目相关的信息有很多,而在主页团购页面展示的内容是有限,这就需要对展示的信息进行筛选。

    在团购页面,筛选展示信息的出发点是要有利于引导用户在浏览时做出购买的初步决策,或者说勾起用户的兴趣,从下图美团团购页面可以看到的信息是: 商家名称、距离、简介、价格、优惠和已售量。

    其中,商家名称、距离、简介、价格是让用户对团购信息建立初步了解;而在此基础上,优惠、和原价的对比则会促进用户感受到直接的实惠,已售量则可利用用户的从众心理进一步触发用户的购买行为。

    而在用户点击某一团购后,在这一团购的具体介绍页面,才会继续展示例如用户评价和评分、商家具体信息、该团购具体内容等信息,用于用户做最终决策。

    (2)在我自己设计的App“坚持君”中(安卓,欢迎去下载玩玩),同样也是根据我的这个理解进行信息选择的:

    在主页,用户最需要知道的是自己在某一坚持项目下坚持了多少天,因此,大幅度的面积就用来满足这个既是记录也是激励的需求。

    而在此之外,在主页底端的是每天都会变更的一句不期而遇的激励句子,算是另一种意料之外的方式去满足激励用户坚持的需求。

    而只有在用户点击坚持项目名称之后,才会展示项目相关的开始日期、目标、曾经写下的感悟等内容。

    2. 信息内容命名

    选择了特定的信息内容或者按钮功能之后,接下来需要做的就是如何命名这些内容。我的理解是,文字的命名需要和产品定位风格相统一。

    示例如下,左图是节操精选的页面,顶端“操友圈”的命名明显会比普通的“朋友圈”的称呼更适合其风格。

    而在右图的暴走漫画中,“爆影院”的栏目名,显然更优于“影院”二字,此外,其中的“每日一暴栏目”也是更具骚气的~

    而在我自己开发的“坚持君”中,“今天坚一下”的按钮名相对于“打卡”二字也自然更贴切到位~

    3. 文字的颜色

    之后,需要考虑的内容是文字的颜色、大小、字号等。

    对于颜色而言,需要考虑颜色的色相(什么颜色),例如对于需要强调的内容,在深色背景下,宜用白色文字,而若换为浅色背景,则选择黑色等深色文字较为合适。

    在确定色相以后,需要进一步根据哪些文字内容是需要重点考虑的,对于相对次要的文字,通过调整字体的饱和度和亮度,降低和背景的对比,让文字不过分突显(例如白底如果用纯黑色太过突兀,就可以考虑降低黑色的饱和度,变成灰色)。通过色相和饱和度的调整,以达到既能总体统一、又可强调重点的效果。

    示例如下:

    4. 字体、字号

    对于字体风格而言,也是需要和产品的定位相符合。还是以暴走漫画为例,该页面中的主要字体和一般的字体相比较,更能发散出“暴走搞笑好玩”的气概~

    字号的大小是遵从大号字体强调重要内容的原则, 这个在以上所有的示例中基本都包含。

    相关文章

      网友评论

        本文标题:产品界面设计中,关于文字的一点事儿

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