如何布局设计复杂界面
很多产品的信息量很大,又因为各种各样的原因设计师不能对内容进行轻易删减。如果不好好整理信息,会让界面越来越凌乱。那么如何布局设计复杂界面,下面我们一起来看看吧。
如何布局设计复杂界面1. 把需要展示的信息都列出来
先不考虑信息之间的关系和顺序,大致列出即可。主要信息一定要列出,优先级较低的信息不用100%覆盖也没有关系。
以Facebook为例,首页需要展示的信息有:
Logo、搜索、用户信息、导航、Explore功能列表、发帖发图、最新动态、朋友推荐、语言选择、网站声明、聊天板、我创建的、设置、注销…
2. 从产品策略的角度整理信息
与对这个产品比你更了解的人讨论(如产品经理),从产品策略的角度将这些信息进行分组归纳(这时还不需要过多考虑用户):
基础功能:搜索、导航、设置、注销
基础信息:Logo、用户信息
主要功能:发帖发图
主要信息(不断更新):最新动态
重要功能:聊天板
重要信息:朋友推荐
辅助功能:我创建的、Explore功能列表
辅助信息:语言选择、网站声明
3. 从用户的角度整理信息
与用户(或潜在用户)交流,观察他们对这些信息的.真实想法。因为越贴近真实心理越好,所以可以用一些口头话、感性的表达方式:
可能是我使用这个东西的唯一目的:最新动态
我常用的东西,越方便越好:发帖发图
必须有,但我通常不会仔细去看:Logo、搜索、用户信息
如果有动态我就感兴趣:聊天板、我创建的
我想要时才回去找:设置、注销、语言选择
我不关心,偶尔可能看一眼:朋友推荐、Explore功能表
4. 根据用户心理调整按照产品策略整理的信息
产品策略中的重要功能“聊天板”根据用户反馈,除非有动态否则不会关心。所以放到辅助功能里。
产品策略中的重要信息“朋友推荐”根据用户反馈,并不会主动去看,所以放到辅助信息里。
再将其余的信息结合用户关心的优先级前后排列。
调整后,信息的分类变成了这样:
基础功能:导航、搜索、设置、注销
基础信息:Logo、用户信息
主要功能:发帖发图
主要信息(不断更新):最新动态
辅助功能:聊天板(策略重要)、我创建的、Explore功能列表
辅助信息:朋友推荐(策略重要)、语言选择、网站声明
-
如何利用女性消费心理设计化妆品包装色彩
在当今,化妆品市场是一个充满巨大潜力的消费市场,拥有了无限商机与利润就必须在众多品牌竞争中脱颖而出,相应的化妆品包装则是吸引女性消费者眼球的第一道关口,色彩恰恰又是这个关口的关键。因此,在化妆品包装设计中,要充分利用色彩的联想特点,以此来吸引女性消费者。...
-
Photoshop平面设计技术探析
Photoshop是平面设计中应用广泛的一种图像处理软件,创造出了很多经典的平面设计作品。好的作品需要良好的技术支持。了解软件中各颜色模式的成色原理及其应用技巧可以帮助创作者更好的实现作品创意。本文主要就颜色模式和平面设计的应用方法进行讨论。Photoshop...
-
AI快捷键的使用方法
在日常使用AI中,很多时候都是会运用到快捷键位的'。下面是YJBYS小编带来的AI快捷键的使用方法,希望对你有帮助!1、选择工具可以移动物体如图2、编辑——还原移动或按CTRL+Z可以将操作退一步3、编辑——重做或按SHIFT+CTRL+Z可以将操作前近...
-
平面设计中彩色的搭配
色彩千变万化,彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知识。一.色环。我们将色彩按"红->黄->绿->蓝->红"依次过度渐变,就可以得到一个色彩环。色环的两端是暖色和寒色,当中是中型色。红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红|...