写点什么

从列表式 UI 中升华探讨:卡片式 UI 有哪些创新点(一)

  • 2019-12-31
  • 本文字数:514 字

    阅读完需:约 2 分钟

从列表式UI中升华探讨:卡片式UI有哪些创新点(一)

对于传统企业端应用而言,列表是最重要也是使用频次最高的设计元素,列表式设计有很多优点才会使之有广泛的应用,但是相应的列表式设计也存在很多缺点,在越来越追求极致体验的大背景下,我们需要探讨是否有其他设计模式可以完善列表式设计的不足,所以我们尝试引入卡片式设计。

背景分析:列表式设计的优缺点

优点

1.当(横向与竖向)信息较多时,列表视图可以提供一种概览性的方案来呈现,也可以快速扫描;


2.列表视图可以承载丰富的过滤与检索功能,满足复杂的用户搜索场景;


3.当用户需要批量选择操作时,列表视图提供了便捷的交互方式。

缺点

1.在用户终端分辨率越来越多的情况下,列表的响应性单一,空间利用率较差;


2.针对单条信息,呈现效果不够丰富;


3.跨终端将会受局限;


4.过多的场景使用列表,会引起视觉疲劳。

设计目标:细分业务需求,寻求每个场景下的极致体验,所以我们开始探寻卡片式设计模式

设计定义:什么是卡片式设计

简单说卡片式设计,它是包含图片以及文案并且有明显边界的信息区块,本身可以是一个完整的信息区块,也可以作为更多具体内容的一个入口,同时也可以承载丰富的互动方式。


本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/vYfol56CZPMStx9JqxrCOg


2019-12-31 14:45889

评论

发布
暂无评论
发现更多内容

如何设计自动化测试case?

老张

自动化测试

产品思维助力研发管理工具建设

研发管理Jojo

产品思维 研发管理工具 用户旅程 协同共创

C#入门系列(二十四) -- 密封类和静态类

陈言必行

7月月更

iOS 内存管理(基本概念及引用计数)

NewBoy

ios 前端 移动端 iOS 知识体系 7月月更

拷贝构造函数剖析【C++】

攻城狮杰森

c++ 7月月更 拷贝构造函数

Android root相关调研

沃德

android 程序员 7月月更

mysql进阶(八)排序问题方案探究

No Silver Bullet

MySQL 排序 中文编码 7月月更

【LeetCode】数组能形成多少数对Java题解

Albert

LeetCode 7月月更

面对复杂问题时,系统思考助你理解问题本质

阿里技术

系统性思考 复杂事件处理 业务逻辑

启新聚势 云谱新篇|海泰方圆与四川联通达成生态战略合作

电子信息发烧客

如何使用 SAP Intelligent Robotic Process Automation 自动操作 Excel

汪子熙

机器学习 RPA 机器人流程自动化 SAP 7月月更

直播短视频源码——直播短视频源码的开发步骤顺序五步走

开源直播系统源码

软件开发 直播系统源码 开源源码 短视频直播源码

Qt | 通过创建一个简单项目了解Qt Creator

YOLO.

qt Qt Creator 7月月更

vivo官网APP全机型UI适配方案

vivo互联网技术

App UI

【深度】新派LaaS协议Elephant:重振DeFi赛道发展的关键

西柚子

java零基础入门-java8新特性(完结篇)

喵手

Java 7月月更

CSS动画篇之404动画

南城FE

CSS 前端 7月月更

Unity实战问题-WebGL问题集锦-下篇

芝麻粒儿

android Unity 7月月更

Qt播放音视频文件报错DirectShowPlayerService::doRender: Unresolved error code 0x80040266

小肉球

qt 7月月更

在 IDEA 里下个五子棋不过分吧?

沉默王二

Java Netty IDEA idea插件 idea plugin

STM32+BH1750光敏传感器获取光照强度

DS小龙哥

7月月更

strcpy()

謓泽

7月月更

算法题每日一练---第2天:棋盘放麦子

知心宝贝

算法 前端 后端 7月月更

查找——B+树

乔乔

7月月更

聚焦数据|海泰方圆直击证券行业数据安全治理建设思路

电子信息发烧客

LeetCode-101. 对称二叉树(java)

bug菌

Leet Code 7月月更

OneFlow v0.8.0正式发布

OneFlow

版本更新

Linux下玩转nginx系列(七)---nginx如何实现限流功能

anyRTC开发者

nginx Linux 音视频 服务器 限流

Qt|使用Http通讯下载页面实时显示

中国好公民st

qt 7月月更

C# 基于MessageBox类的消息对话框讲解

IC00

C# 7月月更

h5实现一个刮刮卡的动画效果

南极一块修炼千年的大冰块

7月月更

从列表式UI中升华探讨:卡片式UI有哪些创新点(一)_语言 & 开发_Think体验设计_InfoQ精选文章