Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
User interface 对于web文章列表,哪一个具有更好的可读性?平铺卡片视图还是列出的紧凑视图?_User Interface_User Experience - Fatal编程技术网

User interface 对于web文章列表,哪一个具有更好的可读性?平铺卡片视图还是列出的紧凑视图?

User interface 对于web文章列表,哪一个具有更好的可读性?平铺卡片视图还是列出的紧凑视图?,user-interface,user-experience,User Interface,User Experience,所以,我想为我的学校网站创建一个UI设计,在一篇文章/学校新闻网页中有一个部分,我对在平铺卡片视图或列表压缩视图之间使用感到有点困惑 多列布局 单列布局-列表视图 有时很难决定是一列布局还是多列布局。一个好的UX设计的最重要的目标之一是你的访问者更多地关注内容,所以考虑你的用户和他们的行为。 许多设计师使用多栏布局,因为它更吸引眼球,但也增加了页面的混乱。根据统计数据,成年人希望在面对网页时更冷静(一栏),但孩子们希望玩耍和娱乐,所以这里的混乱并不是那么糟糕(多栏) 而且,这取决于你的内容。如

所以,我想为我的学校网站创建一个UI设计,在一篇文章/学校新闻网页中有一个部分,我对在平铺卡片视图或列表压缩视图之间使用感到有点困惑

多列布局

单列布局-列表视图

有时很难决定是一列布局还是多列布局。一个好的UX设计的最重要的目标之一是你的访问者更多地关注内容,所以考虑你的用户和他们的行为。 许多设计师使用多栏布局,因为它更吸引眼球,但也增加了页面的混乱。根据统计数据,成年人希望在面对网页时更冷静(一栏),但孩子们希望玩耍和娱乐,所以这里的混乱并不是那么糟糕(多栏)

而且,这取决于你的内容。如果你想加粗你的每一个项目,一列确实更好,它可以防止用户错过点击。如果列表预览中有很多内容(如图像、通知图标等),效果会更好

如果您有没有图像和优先级的简单项目要显示,多列更好,因为它可以降低滚动高度,并且您可以在视点(例如,电子商务网站等)中显示更多内容