我可以创建用于所有目的的线框(草图、交流、审阅、文档...)吗?
我多次被要求为产品 UI 创建线框图,因为它们用于不同的目的。
我们需要一些低保真线框图来与非技术人员的客户进行沟通,以便他们能够专注于解决方案本身并确认需求。 我使用 Balsamiq 来完成这项工作。
然后我被要求创建一些交互式原型来收集用户关于可用性的反馈。 我使用 Axure 来做到这一点。
我们的产品将在 Mac 上运行,但 Axure 以 Windows 风格创建线框......开发人员抱怨他们感觉很难将高保真线框映射到目标 UI。 所以我必须用Mac风格重新设计高保真线框图并将它们放入设计文档中。 我用 Photoshop 来做到这一点。
是的,我很好,我已经完成了所有这些,但我真的感到很累。 这些不同的线框实际上是针对一种产品的,它们具有相似的结构,但我必须一次又一次地创建它们。 我希望我可以创建一个用于所有目的的线框,但我不知道如何:-(
有什么建议吗?
I was requested to create wireframes for the product UI many times, since they are for different purposes.
We need some low-fidelity wireframes to communicate with our clients, which are non-technical people, so that they can focus on the solution itself and confirm the requirements. I used Balsamiq to do the job.
Then I was asked to create some interactive prototypes to collect feedback about the usability from users. I used Axure to do this.
Our product will be running on Mac, but Axure create wireframe in Windows style... The developers complain that they feel hard to map the hi-fi wireframe to the target UI. So I have to rework the hi-fi wireframes with Mac style and put them into design documents. I used Photoshop to do this.
Yeah I am so good that I have all these done, but I really feel tired. Those different wireframes are actually for one product, they have similar structures, but I have to create them time by time. I wish I could create a wireframe for all purposes, but I don't know how :-(
Any suggestion?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
理解你的感受,但你必须面对它。 你可以使用所有这些工具来完成工作,这就是你的老板雇用你的原因:-)
老实说,我不认为会有这样的魔力来满足你的要求......
Understand your feeling, but you have to face it. You can use all these tools to have the job done, that's why your boss hire you :-)
Honestly I don't think there will be such a magic to meet your requirement...
您可以将Axure与自定义按钮一起使用(绘制它,用作带有图像地图区域和动态面板的图片(如果需要),将其用作“小部件”)。 如果您想了解详细信息(例如规格),您也必须是这里的设计师(或者您需要一名设计师)。
当我快速原型时,我个人更喜欢保留低级原型(没有太多细节,按钮=带标题的方框)。
它避免了客户说“哦,已经完成了!” 或“我希望这个按钮是蓝色的”。 也避免了用户(用于可用性测试)害怕批评。
所以我认为最好保持低保真度。 在这种情况下,Balsamiq可能是一个很好的解决方案(http://www.balsamiq.com /)。
希望有帮助。
You can use Axure with custom buttons (draw it, uses as picture with image map region and dynamic panels if needed, use it as a "widget"). If you want to be detailed (for specifications for instance), you have to be also a designer here (or you need one).
When I fast prototype, I personally prefer to keep a low-level prototype (not to much details, button = square box with title).
It avoids the customer to say "oh it's already done!" or "I would prefer this button to be blue". And also avoid the users (for usability test) to be afraid about criticizing.
So I think it is better to stay at low-level fidelity for that. In this case, Balsamiq may be a good solution (http://www.balsamiq.com/).
Hope that helps.
我想你可以尝试ForeUI。 它创建可换肤的模型,以便您可以根据需要切换其保真度,并且它也支持交互式线框图(就像 Axure 一样)。
I think you can try ForeUI. It creates skinnable mockups so that you can switch their fidelity as needed, and it supports interactive wireframing too (just like Axure).