Posts Tagged ‘produce design’

对于产品设计师, 线框图的重要性毋庸置疑。 本文从多个角度分析了线框图的类型, 功能, 开发流程。

还提供了许多非常有用的线框图创建工具。 从纸笔到多个web在线工具(具有方便共享和可供多人开发的优势), HTML线框图, 多套风格各异设计精良的线框图模具。

接着分析了如何使用线框来完成一个产品设计, 作为项目交付, 打磨外观。

最后是非常精彩的资源列表。

Ultimate Guide to Website Wireframing

Ultimate Guide to Website Wireframing

作者是一位帮助iPhone App开发者审核它们产品的“批判委员会”。 开发者可以向他们发送问题和困难, 以及他们的app, “批判委员会”将免费就一部分重点可用性问题, 提出设计建议, 发布他们的调查结果。
文中举例了3个app:

  • 1 Foobi——饮食跟踪, 卡路里计算, 提出了设计和流程的问题, 特别是关于他们的icon, 笑死我了。
  • 2 Budget Planner——预算规划:分析了优缺点, 提出了可视化方面的建议
  • 3. Units United——单位转换应用:提出了设计思路上的问题

iPhone App Designs Reviewed: Critique Board and Lessons Learned

http://www.smashingmagazine.com/2010/09/15/iphone-app-designs-reviewed-crit-board-and-lessons-learned/

产品设计人员总是可以听到不计其数的可用性技巧和原则。 本文根据实际数据和报告得出的10条结论, 有些可能会让你大吃一惊, 改变你当前的设计和流程观念。
包括:

  • 忘记3次点击原则
  • 令内容适合F型浏览
  • 让用户等待所带来的损失
  • 让内容更利于阅读。
  • 不要担心页面长度
  • 页面左侧的重要程度
  • 影响可读性的文本域空白
  • 小细节导致大变化
  • 不要依赖搜索去拯救不良的导航结构
  • 你的访问者很可能并不是你网站的受众。
  • 10 Usability Tips Based on Research Studies

    10 Usability Tips Based on Research Studies

    设计网站或者APP的时候总需要做一些草图, 而很多时候随手绘制的草图可能尺寸比例上面会有很多问题, 所以手头有一些线框图和UI设计工具包还是很方便的。 当你开始设计的时候, 你只要发挥你的灵感并且组合他们就好了。

    这可是精心选择出来的噢~ 包含手机和平板电脑, 网站, 甚至纸面上的一系列资源 ^_^

    Free Wireframing Kits, UI Design Kits, PDFs and Resources

    http://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/

    来看看18个伟大 产品的框架原型吧 包括5年前的ff, vimeo, ipad商务应用 twitter

    18 Great Examples of Sketched UI Wireframes and Mockups

    http://webdesignledger.com/inspiration/18-great-examples-of-sketched-ui-wireframes-and-mockups