海外优质VPS
高性价比免备案主机推荐

如何验证界面设计合理性

曾经的一次面试里HR问过我这样的问题:是否可以接受反复修改设计图?我当时是这样想的 “不愿意接受无效的反复修改 ” 。那什么样的修改是有效的,作为设计师又如何向他们表述自己的界面设计是合理的呢?

接下来分享的几个思考方向,希望对大家有所启发。

1、明确设计需求

KANO模型

KANO是由东京理工大学教授狩野纪昭(Noriaki Kano)提出的,是用来对用户需求分类和优先排序的有用工具,反映了产品性能和用户满意之间的曲线关系。

它将用户的需求分为了5个类别:

1)必备型需求

如果没有满足用户的此类需求的功能,满意度将急剧下降,甚至被用户抛弃;

如何验证界面设计合理性

2)期望型需求

此类功能满足得越多,用户满意度越高;

如何验证界面设计合理性

3)兴奋型需求

这是用户没有想到的功能,但如果包含这些功能,则可以提高客户满意度;

如何验证界面设计合理性

4)无差异型需求

此类功能的存在与否对用户来说并无明显感觉;

如何验证界面设计合理性

5)逆向型需求

此功能越多,越起作用,用户满意度也越低;

如何验证界面设计合理性

通常来说,它们的优先程度如下:

必备型需求 > 期望型需求 > 兴奋型需求 > 无差异型需求 ( 逆向型需求不做考虑) 

当设计方案出来后,将界面进行板块区别,利用KANO模型进行分析,把界面板块按照重要程度进行分类(这也是常说的“十字分析”)。由此可以清晰的得到每个板块的重要程度, 至此我们对设计需求也就明确了。

如何验证界面设计合理性

2、根据设计需求进行视觉布局

1)视觉路径

我们在浏览信息的时候通常是采用:F字路径、 Z字路径的方式。

F字路径:阅读浏览时视线从左上角到右边移,再向下移动,重复之前的移动模式。整个视线如同字母F。

如何验证界面设计合理性

Z字路径:眼睛从左上角向右移动。在视线移到右上角后沿着斜对角向下方走,然后视觉再次向右移动,直到页面的右下方。视线轨迹如同字母z。

如何验证界面设计合理性

2)古腾堡图表

根据视觉动线我们可以知道 : 眼睛通常会从左上角到右下角浏览,视线趋向于从上到下,从左到右的眼动规律,左上角是第一视觉落脚点,右下角是最终视觉落脚点,这两个地方是最容易在浏览过程中被注意到的, 而右上角和左下角则是一个强烈的视觉盲点区域,大多数是容易被忽略的。

如何验证界面设计合理性

由此在布局排版时需要注意:

越是重要的内容也就越是放置在可见区域里,视觉路径靠前的地方。

如果板块存在先后逻辑关系,也应该遵循视觉浏览路径进行排布;

3、道乐读首页分析

1)板块分区

我们可以将其划分为:【1-年龄选择】【2- 搜索】【3- banner】【4- 金刚区】【5-读物推荐】这五个板块。

如何验证界面设计合理性

2)KANO模型初步分析

以下是 “有道乐读” 的官方描述:阶梯阅读、多样阅读方式、个性化、阅读报告是它的特色,也是它的主要功能,属于kano模型中的必备型需求。由此可以知道: 【2-搜索】和其他几个板块相比,重要性偏弱。

1、独创少儿分级阅读爬梯书库:从A~E阶一步步带领孩子从阅读萌芽期到独立阅读期,科学培养孩子终身阅读习惯;

2、多样化阅读:有声书、主题丛书、电子书、知识专栏、漫画等多种阅读方式推动孩子主动阅读;

3、阅读成长报告:根据孩子的阅读记录及阅读偏好,生成阅读报告给家长与孩子进行阅读指导;

4、个性化推荐:根据孩子的兴趣及阅读记录,智能推荐匹配图书,帮助孩子个性化阅读、独立阅读;

5、独家研发阅读器:专门为孩子定制的阅读器,兼容绘本、拼音书、故事书、卡通、有声等书籍类型,还具备倍速播放、护眼阅读模式、夜间阅读模式等功能。

3)十字分析

【1-年龄选择】阶梯阅读、多样阅读方式、个性化都是要建立在年龄属性的基础上,因此重要性最强;

【3-banner】是平台进行营销活动的重要入口,和平台的收益息息相关,其重要性较高;

【4- 金刚区】是聚合各类子板块的入口,为各个子版块分发内容引导流量,相较【5-读物推荐】其重要性更高;

如何验证界面设计合理性

对于用户来说【4- 金刚区】重要程度是大于【3-banner】,但3-banner】涉及平台的收益,所以3-banner重要程度大于4– 金刚区】


由此,我们可以得到五个板块的重要性排序:【1-年龄选择】>【3- banner】>【4- 金刚区】>【5-读物推荐】>【2- 搜索】

4)排版布局

通过视觉路径可以知道:越是重要的内容也就越是放置在可见区域里,视觉路径靠前的地方。所以界面布局从上到下依次是【1-年龄选择】【3- banner】【4- 金刚区】【5-读物推荐】【2- 搜索】

【 2- 搜索】的重要度较低,所以被安排在了右上方的视觉盲点区域。

【4- 金刚区】部分中有四个入口:新书推荐、必读书单、免费上课、邀请有礼;

如何验证界面设计合理性

由于APP中的书籍大部分需要二次处理 ( 例如绘本、有声书籍) ,上新速度比较慢。“ 新书上新 ” 对于家长来说是有了新的选择,而有道乐读从一开始就决定走付费模式,对于平台来说也有了新的收益所以在四个当中最为重要,被放置在了最左边;

“ 必读书单 ”书单是app为不同年龄用户提供定制化阅读的重要表现方式,是app主要的功能之一,所以紧接放置在必读书单后;

“免费上课 ” “ 邀请有礼” 都属于留存用户的一种方式,一般情况下我们都是先体验产品是否符合自己的期望,如果符合期望,则寻求更多的体验(例如购买服务、分享给朋友后免费获取。)所以依次排序为:免费上课 ” “ 邀请有礼” 所以依次为:新书推荐 > 必读书单 > 免费上课 > 邀请有礼

当然很多因素都会影响页面布局,最后呈现出来的结果大多都是经过多方平衡的结果,但不变的宗旨是:让用户看到信息的有序传递

–END–

如何验证界面设计合理性

《如何验证界面设计合理性》原文地址:http://mp.weixin.qq.com/s?__biz=MzUxMzUzNzUzMw==&mid=2247492527&idx=2&sn=5571b67f23dc997df730bbd599951af4&chksm=f951073dce268e2be308b00674a676a7f080481d6f122739f78c2ead1e296b4ef4d56dd9f946

赞(0)
本站所刊载内容均为网络上收集整理,本站不保证其真实性和准确性,所有内容仅供大家娱乐参考。如有异议,请与本站联系,会尽快处理争议内容。VPS主机推荐 » 如何验证界面设计合理性

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址