35. Wireframing & Prototyping (feat. Leon Barnard, Content Manager, Balsamiq)
2024/2/2
NN/g UX Podcast
L
Leon Barnard
T
Therese Fessenin
Therese Fessenin：尽管原型设计工具日益强大，线框图仍然是设计过程中不可或缺的环节，它能够帮助设计师释放创造力，这是在专注于制作像素完美的原型时无法获得的。线框图作为一种低保真原型，可以帮助设计师在早期阶段快速迭代和试验不同的设计方案，从而降低设计风险，并节省时间和资源。
Leon Barnard：线框图是用户界面的草图或示意图，类似于建筑师的蓝图，它用于沟通基本信息，而非最终产品模型。线框图的优势在于创建和丢弃都非常快速简单，方便在早期阶段进行错误尝试和学习。线框图、原型和模型在设计过程中的作用和目的不同：原型用于测试和验证最终产品；模型仅用于视觉展示；线框图则用于构思和探索解决方案。Figma等工具对线框图和原型设计产生了积极和消极的影响：积极方面是为UX设计师提供了合适的工具，并具有良好的协作性；消极方面是过于关注UX设计师，对非设计师参与度不高，且不利于早期阶段的探索和迭代。高保真工具更适合在确定解决方案之后使用，而线框图更适合早期阶段的创意发散和迭代。线框图可以使用白板等简单工具完成，降低了参与门槛，方便团队协作。线框图可以帮助设计师理清思路，在早期阶段发现并解决问题，从而节省时间。线框图可以在需求收集和编码开始之间任何阶段使用，用于探索想法，不必等到正式设计阶段。线框图是有效的沟通工具，可以更有效地传达软件产品创意，比纯文本更直观。线框图不应局限于特定角色，而是应该被视为沟通和协作的工具，各个角色都可以参与其中。是否向用户展示线框图取决于与用户的沟通方式和关系，在非正式场合和定性研究中，线框图可以作为有效的沟通工具。将线框图视为设计流程中独立的部分，而非简化的原型工具，可以帮助设计师更好地利用线框图。要充分利用线框图，应将其视为独立的流程部分，从最高层次出发，关注用户问题而非解决方案，并在不确定性中探索更多可能性。
Leon Barnard: 线框图是沟通和提高设计工作效率的有效方式，有助于设计工作的实施和产品的构建。作者曾担任UX设计师近十年，后加入Balsamiq公司，致力于推广UX和线框图设计。
Deep Dive
Leon Barnard discusses the relevance of wireframing in the design process, explaining what wireframes are and how they differ from prototypes and mockups.
Shownotes Transcript