以用户为中心的设计

网址导航 - 书友会 - 邮件组

× 关闭
我有建议/意见

主要内容

交互设计中的视觉结构 最后更新: | 文章数: 3

网站的交互设计分2种:流程交互和界面交互(即"单页面交互"或“小交互”),而界面交互又包含2类:“视觉结构”和“动态模块”。界面信息按逻辑关系、包含关系和先后顺序,进行排列、组织后形成的模块,即为视觉结构。

  • 3. 获得焦点再显示    2009-04-21 03:58

    在facebook最近一次改版中,明显的增加了在feed本身上的交互操作,而最值得借鉴的就是feed上回复框的处理方式。 默认只有一条回复框,回复框中用灰色字体显示”留下评论….”,当单击以后,回复获得焦点的同时整个区域变大,显示出完整的回复框。 之所以说这个设计非常赞就是因为解决了两个问题: 1、降低了输入框对feed的干扰:如果要 ... ...

  • 2. 信息整理后的火车票视觉结构    2009-03-24 19:22

    每当返青时,我总听能到火车站播音室传出 :"旅客们注意了,乘坐xxx次从北京开往青岛的列车,开始检票进站……请旅客们有序进站上车" 我就会不自主的看一眼手中的车票。 (由于找不到北京-青岛的样票,隧用北京-天津的代替) 端详车票, 信息有许多: 火车站代码车票,地点,发车时间,车厢,座位,车型,座型,起始地点车次价格友情提醒票种售票地点 ... ...

  • 1. 交互设计中的视觉结构    2009-03-22 16:22

    网站的交互设计分2种:流程交互和界面交互(即"单页面交互"或“小交互”),而界面交互又包含2类:“视觉结构”和“动态模块”。 何谓动态模块?简单的说就是“AJAX”,它有几种视觉呈现方式:弹出的浮动层、Tab切换、展开 (侧边展开或下拉展开) 何谓视觉结构?界面信息按逻辑关系、包含关系和 ... ...

1-3 of 3