在数字化产品推进的过程中,科学的设计流程和方法论,可以用更少的时间做更多的事情,为企业节省时间和金钱成本,您必须花时间计划您的项目,将其分解为基本步骤以取得成功。本文就以企业网站建设举例,如何规划5个设计步骤,让您企业的网站设计更加出彩。
第一步:了解客户需求
在开始您的网站设计之前,您需要从客户那里获得尽可能多的信息,多听听他们的想法,客户不会直接告诉你他们想要什么,这取决于你怎么问他们,所以在设计之前需要做用户调研。比如,客户问卷调查,我最喜欢的了解我的客户的方法是填写表格。列出有助于开始您的项目的最重要的问题。这个网站的目的是什么?目标受众是谁?你的竞争对手是谁?您希望访问者采取什么行动?等等。表格不应超过 10 个问题,因为让我们现实一点,并非所有客户都有时间或耐心填写 20 或 30 个字段。确保在开始起草提案之前而不是之后将您的表格发送给客户。
第 2 步:洞察和绘制草图
不要着急开始设计。这点怎么强调都不过分,最好的办法是从一张纸开始,开始绘制素描,如果您是设计师并且没有个人笔记本,您最好开车去最近的图书馆。在涉及头脑风暴的任何活动中,使用笔和纸写下你的笔记是最有效的方式。 花一些时间,开始勾勒出你脑海中浮现的任何想法。你不必知道如何画画。你可以从一个圆圈开始,然后你的想法就会自然而然地流动。您可以在上班的路上坐在出租车上,创意可能会突然出现并记录下来。
编译你的灵感使用项目名称创建一个书签文件夹。开始研究,然后保存您认为相关的任何网页。确保不要复制确切的元素或想法,因为这将被视为抄袭。根据客户的需求找到您最好看的网站和布局,并搜索同一业务中的其他网站。写下你喜欢和不喜欢他们的地方。布局、颜色、形状、动画……任何能给你下一步想法和灵感的东西。了解你的竞争对手好好看看竞争对手的网站。检查所有本地和国际竞争对手并从他们的内容中学习。他们都有什么共同点?这是您应该包含在您的网站中的内容。他们缺少什么?这就是你可以在你的网站上改进的地方。
第 3 步:绘制线框图
线框是您网站的蓝图。这就是为您的网站提供视觉结构的原因。一些设计师倾向于在他们的线框中包含设计元素。这应该完全避免,因为这会分散线框的目的,即说明事情的走向,而不是事情的样子。线框应该是灰度的,只关注布局。 是的,线框的第一种方法是笔和纸。列出要包含在网页上的所有元素。接下来,将它们排列在页面上。
基本上,线框应该定义这些主要元素:元素放置如果不知道事情的发展方向,您就无法启动您的网站。这是你决定的地方。您甚至可以与您的客户会面,讨论您的内容的最佳位置。信息层次结构带有链接列表的站点地图可能会让客户甚至设计师不知所措。通过布置站点地图,您将能够看到页面是如何放置到位的,这将使您能够在过于领先之前进行调整。互动性创建线框时,您必须提出问题:这些元素将如何相互作用?访客会采取我希望他采取的行动吗?访问者将如何在站点中移动?这就是用户体验发挥作用的地方。所以你创建了你的布局。接下来,您将创建您的界面。
第 4 步:原型设计
设计网站很像盖房子,平面图是线框,视觉室内设计是您的风格样式。这个设计过程的美妙之处在于这一步变得多么容易。通过组合线框和样式图块,您现在需要做的就是将它们组合在一起。在这里,您开始了解您的网站的外观。 原型设计意味着在构建实际网站之前构建网站模型。
原型设计基于 3 个步骤:
原型 在调整用户体验并确保设计易用性的同时将样式图块实施到布局中。
测试 此步骤至关重要,因为它评估网站是否满足客户的需求和期望。您甚至可以与您的用户分享您的原型,以测试您的交互性和用户体验。
微调 在这里您可以改进任何需要改进的更改和元素。这个过程可能需要一些时间,具体取决于您和用户/客户需要多少个周期才能获得最终的完美设计。
第 5 步:元素样式设计
样式图块(也称为样式指南)是一种设计交付物,由字体、颜色和界面元素组成,它们传达了网络视觉品牌的本质。样式瓷砖基于与客户的视觉偏好讨论。通常的元素包括徽标、排版、颜色和语调。以下是样式图块的两个快速示例。
从概念到视觉根据您从客户的需求中学到的知识,编写您的样式图块将转换您网站的情绪、感觉和基调。它将帮助您选择如何以客户能够理解的方式使用设计元素。保持一致性使用样式图块,您可以通过创建一组设计遵循的规则来保持外观和感觉。该过程变得灵活,易于维护和一致。
最后,通过以上5个步骤,您的网站应该已经成型,那么下一步将是进入开发阶段,注意和开发人员友好沟通,尽可能实现设计的还原度,并进行跟踪还原度测试。
联系我们,开启一场关于您项目的讨论会吧。
©2010-2024 维好维可 | 用户体验创新设计公司-版权所有
沪ICP备19006116号-1
提交信息后,我们的专属顾问会在1个工作日内与您联系。