list视图方式设计浅析
作者:Uncategorized 来源:口碑网UED Team 发布时间:2008-12-21 16:04:00
标签:list,设计,列表,用户体验
最近对list设计感兴趣,今天说的是list视图方式的设计。感觉有些细节非常有意思,拿出来跟大家讨论。
首先我们来看下windows下文件夹管理的查看模式选择(xp为例):
这个功能带给用户更多个性化和便捷的选择。比如我选择的是图片文件夹。系统这时候自动新增加了幻灯片查看模式,非常的人性化。除此之外经常用到word软件也提供多种视图选择。
示意图:
在互联网产品中,我们也可以看到有些网站的list中提供多种显示方式,虽然没有考证weblist的视图方式是否是从windows而来,但确实提供给了用户多样选择。满足用户在不同情况下查看页面的需要
如果是文本信息单元,一般都是目录式排列。
遇上图文信息单元,在weblist视图方式设计方面,大部分网站都采用以下这种方式。
切换功能按钮
文字说明型
icon示意+文字说明型
示意图:
切换前后的视图显示
默认状态
切换后状态
视图切换前和切换后对比,我们可以发现-图片的大小没有发生变化。仅仅是图文信息单元从纵向排列改成了横向排列。在单位高度增加信息单元显示的数量。目前绝大部分网站都是采用这样的方式。
0
投稿
猜你喜欢
- Mysql数据库、数据库表、数据基础操作笔记分享给大家,供大家参考,具体内容如下一、数据库操作1.创建数据库Create dat
- 加载mnistimport numpydef loadMnist() -> (numpy.ndarray,numpy.ndarray,
- 你可以输入'脚本'查查看 查找页面中的字符 <script language="JavaScript&quo
- 计算机之所以能做很多自动化的任务,因为它可以自己做条件判断。比如,输入用户的年龄,根据年龄打印不同的内容。。。Python程序中,能让计算机
- 比如代码 binfo = {'name':'jay','age':20,'pytho
- 想弄个截屏工具,整理一下学生错题什么的,原来用的方法是:先运行QQ,再监听键盘热键(“ctrl+alt+a”)。后来发现有些问题:需要先上Q
- 简介:PyInstaller可以将Python源代码发布成Win/MacOS等系统中的可执行文件。对开发者而言隐藏了源码实现,保护了知识产权
- 项目需要把部分代码移植到 Golang , 之前用 Laravel 封装的写起来很舒服,在 Golang 里只能自动动手实现.一开始想的是使
- 在并不知道DIV浮动层的宽度,高度的情况下,如何使浮动层在任何分辩率的情况下居中呢! 下面使用了JAVASCRIPT来
- 需求是小程序做头部做导航分类的效果顶部用 scroll-view 组件横向滚动,类似tab选项卡的效果,内容用类似模板方式引用,可重复利用&
- 关于并发、并行、同步阻塞、异步非阻塞、线程、进程、协程等这些概念,单纯通过文字恐怕很难有比较深刻的理解,本文就通过代码一步步实现这些并发和异
- 效果图:代码如下:<!DOCTYPE html><html> <head> <meta chars
- 消息/事件机制是几乎所有开发语言都有的机制,并不是deviceone的独创,在某些语言称之为消息(Event),有些地方称之为(Messag
- 前言kettle是一款免费开源的、可视化的、国际上比较流行的、功能强大的ETL必备工具,在ETL这一方面做的还不错,下面介绍一下基于win1
- 背景我们先来看看MySQL 8.0的事务提交的大致流程以上流程,是MySQL8.0对WAL原则的一种实现,这个流程意味着,任何一个事务的提交
- get_template()中使用子目录把所有的模板都存放在一个目录下可能会让事情变得难以掌控。 你可能会考虑把模板存放在你模板目录的子目录
- 1.新建三个html文件,两个php文件和若干个CSS文件和若干个JS文件2.登录的html页面显示效果图3.注册的页面的显示效果图4.登录
- 工作中需要根据某个应用程序具体吃了多少内存来决定执行某些操作,所以需要写个小工具来模拟应用程序使用内存情况,下面是我写的一个Python脚本
- super主要来调用父类方法来显示调用父类,在子类中,一般会定义与父类相同的属性(数据属性,方法),从而来实现子类特有的行为。也就是说,子类
- 1.前言在 Python 中,说到函数,大家都很容易想到用 def 关键字来声明一个函数:def Hello():