信息摘要:
编者按:网站更新的迭代设计可能是许多网站的必要部分。如何做好网页的重新设计也是许多设计师和产品所有者需要考虑的问题。今天的文章是著名的电子商务平台Shopify,针对其企业
编者按:网站更新的迭代设计可能是许多网站的必要部分。如何做好网页的重新设计也是许多设计师和产品所有者需要考虑的问题。今天的文章是著名的电子商务平台Shopify,针对其企业服务平台Shopify Plus的重新设计的一些经验总结,希望给大家一些启发。
SualTielPlus是SoutType的企业电子商务平台。自从2014年2月发布以来,只有一次更新迭代,在这种情况下,我建议重新设计站点。
在一年的时间里,我们对客户有了更深入的了解,并且清楚地了解到旧的品牌和设计已经不再适合现在的情况。
不同的公司和不同的团队对于重新设计有不同的要求和考虑,当然也有不同的过程。我们没有遵循特定的过程,但是在迭代过程中,我们执行了下列七个步骤,更终得到了我们想要的结果。
我与我们的决策团队的每个成员进行了一对一的面试,以澄清他们脑海中闪烁着什么。为了接近事实,我记下笔记,在每次面试中记录下来,然后播放并仔细研究。
面试结束后,你通常可以得到灵感,从中你可以了解到产品的所有细节。这使得识别产品的未来愿景、目标、品牌指南、项目原则和网络文案变得更加容易。作为一个网站,更好的交流可以真正地令人惊讶的使用。RS
我们需要写一个项目简介,以确保每个参与者的信息和进展是一致的,在我们真正开始深入开发之前。我们将根据项目的实际情况,随时调整和修改介绍的内容,并实时更新。
我们需要更仔细地看看我们的对手。为了做到这一点,我们有一个竞争对手的名单,并且开始理解我们的产品如何服务于电子商务领域之外的目标客户。
我们将自己的优势和劣势与对手、我们遇到的机会、我们拥有的独特特征以及我们需要避免的问题进行比较。
合理可靠的信息架构可以有效地组织内容,使得信息可以很容易地被用户访问和理解。在网页设计中,使用结构化图表来呈现整个网站的各个屏幕之间的关系,可以把握整个。站点从更高的层次。
因此,我首先使用该结构来显示旧版本网站的屏幕关系。在更新之前,我全面筛选了内容、目标和流量分布,并提出了建议。当组织内容、设计接口和编写代码时,它会更清晰。
在重新设计过程中,我会用线框来勾勒出整体,帮助我思考问题,并贯穿整个思路。有些人喜欢在餐巾纸上写点子,有些人喜欢面对面分享点子,有些人喜欢在网上分享草稿。
wireframe的优点在于可以快速方便地填充不同的内容。仅仅实现文档的想法不够具体,草稿不够规则,wireframe可以更好地避免这些问题,不同类型的内容被整齐地排列在一起。您可以清楚地控制布局、模块和模块之间的关系。
我们将在灵感板上展示这个新品牌的视觉设计,并展示它的外观,这是我获得团队支持的一种方式。
同时,我们也使用Pinterest,为了防止卡在单个板上,我们创建了一些板,用于导航、动态、排版等不同领域,有针对性的收集案例,以供启发。
当我有想法的时候,我在AI素描。它们通常是文字、图像和颜色的组合,看起来像广告。随后,相似的设计元素会出现在我们的草稿中,但是每个元素的位置和外观是不同的,并且有许多不同的版本。
许多人并不关心纸上印刷的线框和视觉脚本。当然,直接看屏幕很好,但是更好直接看纸上的线框、视觉草图和原型。
此外,我开始在线框绘制阶段制作交互式可视草图(原型),并在这些东西上与客户机通信,直到它们更终被实现为代码和实际的从属。
虽然许多设计院倾向于严格遵循过程,但我们通常将上述七个步骤结合在一起。使用真正适合您实际工作的过程是成功设计的核心。