打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
设计页面结构原型

网站其实是一种特殊的信息组织系统,其特殊在于,信息架构需要人机对话做中转。

早在全球首个网站问世的前二十年,信息架构的概念就已经提了出来。所以,在网站产品设计中所提到的信息架构,只是设计执行理念,而“网站架构”则是此理念支持的技术落实方法。

在实现角度,网站架构由信息的生产、组织、呈现三部分组成。国内前几年的网站普遍不易用、不友好,因为当时的网站架构全部由写程序的工程师设计,也就是说,只完成了系统需求的信息“生产”,而没有考虑针对用户需求的信息“组织、呈现”。

根据用户需求,分解出用户对网站的信息获取点,可以得到一组关系:

  1. 功能与功能,能够做什么?
  2. 页面与页面,有几条路线可以到达?
  3. 模块与模块,入口在哪里?

分为三个级别,对于网站来说,我觉得最直接和用户体验相关的,是能够呈现出来的物理结构,也就是系统模块和更具体的数据呈现的页面结构原型,几点个人经验:

  1. 根据功能和页面的重要性排任务顺序,才能实现最高的性价比。
  2. 适当考虑信息获取流,以便能更好的和交互设计衔接上,但不需要深入。
  3. 先做减法,灵活性和可扩展性同时重要。
  4. 考虑用户阅读习惯,视线轨迹跟踪是评估信息可用性的重要理论依据。
  5. 细节越早定往后越顺畅,细到每条数据、每个字符。

关于页面结构原型怎么做,我比较习惯用Web页面来落实,原因有四:

  1. 制作简单迅速,前提是写页面和画图同样熟练。
  2. 容易修改,批量改代码肯定比批量改图形快。
  3. 分离结构更直观,使用IE Developer Toolbar配合相当完美。
  4. 方便过渡到交互原型,可以直接做链接。

设计中的过程产物,呈现方式和格式都不重要,速度第一,以同事能理解为原则。由此看来,设计师可发挥的余地很大,但是团队协作,如果这些细节没有事先约定,配合起来会有麻烦。

转载请注明出自UCDChina.com,谢谢。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
如何设计信息架构
与 167 位增长经理共事后的经验总结:10 条产品力原则
万字干货!一篇文章搞懂交互设计工作流程
产品设计的从0到1全流程:以优惠券为例
功能结构图、信息结构图、结构图,你还傻傻分不清吗?
《ASP动态网页设计》项目1 企业网站的规划与设计
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服