首页 | 站长免费中心 | 新手上路 | 网站运营 | 网页制作 | 图片设计 | 动画设计 | 网页编程 | 网页特效 | 本站专题 | 虚拟主机 | 域名注册 | 网站建设 | 程序下载
       免费空间资源 | 新闻咨询 | 免费域名 | 免费网盘 | 网站推广 | 网站策划 | 建站经验 | 网站优化 | 网页代码 | 源码下载 | 音乐小偷 | 网络赚钱 | 论坛交流
网站建设
网站建设
虚拟主机
虚拟主机
域名注册
域名注册
711网络首页
站长工具
站长工具
网站源码
网站源码
站长论坛
站长论坛

 711网络 网页制作心得技巧

英文文章:用页面空白改进用户界面

来源: 互联网    日期:2008-12-21 10:51:36
 

One thing that makes a user interface (UI) great is efficient space utilization. Good designers are able to find elegant ways to lay out buttons, controls and menus on the screen that are able to both, utilize space efficiently and put all the controls where the user would expect them to be.

Here’s an example of how a blog interface can utilize space better. This is a small segment of the TechCrunch comments section:

Looks pretty good… however, there’s one thing bugging me here: those reply links. Every comment has a reply link under it; to my eyes it breaks the flow of the commentary. When I’m reading down the page, I read people’s names and then their comments. Those reply links not only get in the way, they also take up a lot of vertical space and stretch out the page longer than it should be.

What’s interesting in this case is that the solution is staring  us right in the face. Why not put the reply link in the bar which contains the person’s name and date stamp, floated right? Here’s my mockup:

 

This makes the UI cleaner. It saves vertical space, making the page length considerably smaller. It also sits next to the name of the person who posted the comment, so there won’t be any confusion as to whom you’re replying to.

When you add new buttons, links and other elements to your interface, have a look around — see if there is space already available somewhere near. Elements that you won’t use most of the time should be put away to the side, out of the way. A lot of the time you’ll find unused space on the right hand side simply because we read and write left to right and so tend to put most stuff on the left. I think little optimizations like this can improve the flow of the page and give the relevant content more focus.



更多的英文文章:用页面空白改进用户界面请到论坛查看: http://BBS.TC711.COM



【 双击滚屏 】 【 评论 】 【 收藏 】 【 打印 】 【 关闭 】 来源: 互联网    日期:2008-12-21 10:51:36   

发 表 评 论
查看评论

  您的大名:
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
认证编码: 刷新验证码
点评内容: 字数0
  精品推荐  
  本月推荐  
  友情赞助  

关于我们 | 联系我们 | 广告投放 | 留言反馈 | 免费程序 | 虚拟主机 | 网站建设 |  网站推广 |  google_sitemap baidu_sitemap RSS订阅
本站所有资源均来自互联网,如有侵犯您的版权或其他问题,请通知管理员,我们会在最短的时间回复您
Copyright © 2005-2015 Tc711.Com All Rights Reserved 版权所有·711网络   蜀ICP备05021915号
110网监备案 信息产业备案 不良信息举报