弹性化设计-设计框架的包容与扩展性

概念

“弹性”一词源自力学,指物体在外界因素作用下发生运动和形变,当外力撤销后能恢复原来大小和形状的性质,叫做弹性。

将“弹性”引申至互联网产品设计领域,则强调了设计框架及界面结构的包容与扩展性,具体体现在框架的搭建对后期的变化改动及功能增加是否可适应,即将时间因素纳入考虑,以发展的眼光设计框架结构及信息布局。

具有良好可扩展性的系统设计,则需对空间规划与功能布局把握适度弹性与灵活,便于后期对框架的改造和再利用,以适应未来一段时间内变化需求。


常用的设计方法

1、模块化

对整个画面进行区域划分,不同的模块承载不同功能及内容,根据需求及变化,对相应的模块进行调整和改动,以达到减少对其他模块的影响,进而减缓整个画面的变动。

块化在内容更新快、业务推广频繁的应用中发挥的价值不言而喻,像电商、视频、新闻等,例如优酷pad版上方的子标签页,可以根据当前事件添加不同的模块专题,像“新好声音”、“里约奥运(现已去除)”等,在已有的框架内,很好的满足了业务需求。

标签页,是一种常用的信息内容的扩展方式。所有的标签本质上平行或同等级的关系,因此可以根据新增内容的性质来判断是否需要标签的新增。PC端的软件中,使用场景非常广泛,且信息组织清晰明了。

在移动端,演化为我们现在常见的tab bar(标签选项卡)、segmented control(分段控件)、scope bar(范围栏)等

移动端标签栏中的标签选项最多为5个(具体详见IOS Human Interface Guidelines),若有更多的标签,标签栏会显示其中4个并增加一个“更多”标签,再将其他标签以列表的形式呈现,例如美团APP。

列表可用作导航及分类,主要分为平铺型和分组型,特点就是“占地小、放得多、易组织”。

2、“物以类聚”

对相同性质的选项或功能聚合在单个功能键上,例如筛选和搜索等。聚合的区域内有更多的可变性及扩展能力而不影响原有框架布局。

zendesk中的高级搜索,就集合在单个控件内,而不影响整个界面结构,即使后期搜索选项发生改动,也不影响现有的布局。

salesforce中使用场景更加广泛,使复杂的功能的也可以简单有条理的呈现

这种方式操作相对隐藏,功能层级较深,部分可采用鼠标移到该操作区域即可展开。


3、自适应

自适应也是很好的体现弹性化设计,可应对多种设备和分辨率。

最优的方式是做到响应式,则需要考虑屏幕分辨率断点和栅格系统。

弹性设计思想是一种应对需求变化的策略,贯穿与常规设计过程之中,将时间因素纳入考虑。当然,任何物体都有一定的弹性空间,当现有的框架无法继续承载产品发展,大的体系建立便将再次发生。

在我的设计中,将来是十分重要的,我用今天的材料和方法进行设计,但我设计的建筑物将在明天使用和改造–––西萨·佩里
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,944评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,785评论 4 61
  • 为了把我生产出来 你怀了四年的胎 你阻挡着外界的一切丑恶 以期让我在你腹中安享 尽管也有脐带绕颈的危险 但是我并不...
    三秦阅读 1,585评论 3 2
  • 我們在使用EditText的時候,有時候需要設置輸入限制,如輸入類型、輸入長度等等現在。 如果是在佈局文件中,只需...
    匡风含情阅读 3,526评论 0 0
  • 逆光白杨阅读 3,003评论 0 1

友情链接更多精彩内容