×
天晴创艺网站建设公司。主要为北京天津全国各地提供网站建设与网页设计制作服务,欢迎大家咨询。您的IP地址是:34.239.158.107。今天是:2019年08月18日,星期日,农历己亥年(猪),七月十八,现在是:13:49:18,外面的天气不错吧,出去放松一下~

复杂网站界面的布局设计

作者:天晴创艺发布时间:2019-3-26 14:21:00浏览次数:10168文章出处:北京网站建设公司

很多网站的信息量很大,又因为各种各样的原因设计师不能对内容进行轻易删减。如果不好好整理信息,会让网站界面越来越凌乱。我从去年开始做的很多项目都是这种情况,于是总结了一套简单好用,又有理有据的为复杂界面设计布局的方法。
为了方便大家理解,我使用Facebook首页作为案例。
1. 把需要展示的信息都列出来
先不考虑信息之间的关系和顺序,大致列出即可。主要信息一定要列出,优先级较低的信息不用100%覆盖也没有关系。
以Facebook为例,首页需要展示的信息有:
Logo、搜索、用户信息、导航、Explore功能列表、发帖发图、最新动态、朋友推荐、语言选择、网站声明、聊天板、我创建的、设置、注销…
2. 从产品策略的角度整理信息
与对这个产品比你更了解的人讨论(如产品经理),从产品策略的角度将这些信息进行分组归纳(这时还不需要过多考虑用户):
基础功能:搜索、导航、设置、注销
基础信息:Logo、用户信息
主要功能:发帖发图
主要信息(不断更新):最新动态
重要功能:聊天板
重要信息:朋友推荐
辅助功能:我创建的、Explore功能列表
辅助信息:语言选择、网站声明
3. 从用户的角度整理信息
与用户(或潜在用户)交流,观察他们对这些信息的真实想法。因为越贴近真实心理越好,所以可以用一些口头话、感性的表达方式:
可能是我使用这个东西的唯一目的:最新动态
我常用的东西网站首页,越方便越好:发帖发图
必须有,但我通常不会仔细去看:Logo、搜索、用户信息
如果有动态我就感兴趣:聊天板、我创建的
我想要时才回去找:设置、注销、语言选择
我不关心,偶尔可能看一眼:朋友推荐、Explore功能表
这东西需要吗:网站声明
4. 根据用户心理调整按照产品策略整理的信息
产品策略中的重要功能“聊天板”根据用户反馈,除非有动态否则不会关心。所以放到辅助功能里。
产品策略中的重要信息“朋友推荐”根据用户反馈,并不会主动去看,所以放到辅助信息里。
再将其余的信息结合用户关心的优先级前后排列。
调整后天津诺亚商舟科技有限公司,信息的分类变成了这样:
基础功能:导航、搜索、设置、注销
基础信息:Logo、用户信息
主要功能:发帖发图
主要信息(不断更新):最新动态
辅助功能:聊天板(策略重要)、我创建的、Explore功能列表
辅助信息:朋友推荐(策略重要)、语言选择、网站声明
5. 用信息分类画页面布局
分析其它产品,发现主流的形式是把基础功能和信息放在顶部网页制作,主要功能和信息放在中间,两侧放置辅助信息。为了方便理解,我挑选了一些大家比较熟悉的:
网站界面设计
简书
网站界面设计
Quora
网站界面设计
淘宝
网站界面设计
微博
网站界面设计
知乎

综合分析后,设计出自己的布局:
网站界面设计
一个复杂页面的布局设计就完成了。
(郑重声明:本文版权归原作者Z Yuhan所有,转载文章仅为传播更多信息之目的,如有侵权,请联系我们删除;如作者信息标记有误,请联系我们修改。)

文章来源:北京网站建设公司

文章标题:复杂网站界面的布局设计

文本地址:https://www.bjtqcy.com/info_1253.html

收藏本页】【打印】【关闭

本文章Word文档下载:word文档下载 复杂网站界面的布局设计

用户评论

客户评价

专业的网站建设、响应式、手机站微信公众号开发

© 2010-2019 bjtqcy.com 版权所有 京ICP备16050845号

关注公众号 关注公众号

进入手机版 进入手机版