当前位置:首页 > 日记 > 正文

页面反转的7个主要元素中的7个元素是什么

页面反转的7个主要元素中的7个元素是什么
我们没有一个特殊的过程,也就是说,把下面7件事联系起来,实现目标。
Shopify加是企业版的电子商务平台,我们创建的。这是在2014年2月公布,仍然是第一个版本。我认为它的时间来改变版。

经过一年多的时间,我们对客户和自己有了更深的了解,旧品牌已经过时了。

我们没有任何特殊的过程,也就是说,以下7件事串联在一起,我们达到了目的。
面试
我和执行团队的成员一方面明确什么Shopify加。为了还原事实真相,我记录每一次面试之后重放。

面试结束后,灵感来到mdash;mdash;我觉得我知道的产品。写的愿景、任务描述、品牌引导、项目概述很简单,和网站撰稿。我们的网站需要更好的传达和了解它的意义。
项目概述
在我们深入研究这个项目之前,我们已经写了一个项目的总结,以便我们能达成共识。我们将及时更新它以反映项目的现状。

在项目总结中可能会提出一些问题:

我们要完成什么
你怎么知道这个项目成功与否
你需要做什么
你为什么需要这样做
必要的条件是什么
这是谁做的
他们怎么让他们知道
项目团队的成员是什么
最后期限的最后期限是什么时候

竞争产品分析
我们研究了什么样的产品,我从一系列竞争产品开始,然后转向与电子商务领域以外的目标客户相同的公司。

比较优势、竞争产品的劣势和机会,和关键领域我们想mdash;mdash;我们想避免的地区。
我们的竞争分析文件
信息架构
信息结构是内容组织的表达,使内容易于理解,在网页设计中,结构图反映了网站中页面之间的关系,使你从更高的角度看网站的构成。

我在旧网站上绘制了一个信息结构图,以显示页面之间的关系。在更新和更改之前,我评估了内容、目标和工作量。这个图表帮助我们确定项目的范围,并可以列出所有页面的编写、设计和编码任务。
信息结构图,Shopify加
线框
整个逆转过程,我用线框来帮助自己思考和启发。有面对面分享餐巾纸,一些画,和其他一些草图通过网络共享。

线框图可以带来意想不到的收获:它有助于你写的内容。公文写作是你想象的一切困难。在联机框图中粘贴内容可以使人们清楚地看到页面的跳转过程,以及每个内容与其他内容的关系。
使用Shopify加逆转高保真线框
灵感的画板
我的灵感画板显示了新品牌可能出现。他们帮助我在项目初期的团队得到反馈。

我用Pinterest创造局部分解一些sketchboards,如导航,动画,字体,不要失去了在一个单一的绘图板的想法。

在研究过程中,我从插画中获得灵感,将文字、图片和彩色板组合成类似的广告。同样的设计元素出现在各种设计中,但位置和性能都发生了变化。
Shopify加励志画板
从灵感的画板探讨品牌形象Shopify加
效果图与交互原型
当线框和网页设计是印在纸上的,大多数人不在乎,在屏幕上显示的设计是好的,但。

我开始在流程图进程早期创建一个交互效果图,在代码完成之前,他们继续与客户和团队共享。

我让他们说出他们的浏览才能知道他们想在界面上操作。这些反馈都突出了当地的问题和验证来促进项目的最终定型的设计方案。
Shopify加的愿景项目页面
收集反馈的Shopify加

虽然有些组织会在重写过程中坚持特殊的命令,但这7个步骤对我们来说是非常有效的,选择适合你工作过程的策略是修订成功的一个重要因素。

作者信息:

Filippo Di Trapani,设计师在Shopify

菲利普是一个设计师的工作在shopifyrsquo;在渥太华的总部。

相关文章

PHP单例模式的详细介绍

PHP单例模式的详细介绍

单例模式,详细介绍,电脑软件,PHP,单例模型的概念 单例模式是整个应用程序的一个类的对象实例的设计模式。具体而言,作为一种创建对象,单例模式确保一个类只有一个实例,它实例化本身和整个系统提供实例,而不是创建一个实例的副本,它返回一个引用…

一个关于函数的使用教程()函数在Java

一个关于函数的使用教程()函数在Java

函数,使用教程,电脑软件,JavaScipt,函数语句不是一个新函数的定义,它可以定义函数使用函数()来构造操作符的惟一方式。 注意:这是面向对象编程的术语,第一次你可能不习惯它,没有问题。 语法 下面是使用新操作符创建使用函数函数()的函数的语法。…

如何删除Word2007教程Word2007在顶

如何删除Word2007教程Word2007在顶

教程,删除,电脑软件,十字线,在Word文档的使用过程中会遇到一些问题,如果你遇到以下在Word2007编辑文档,文档是水平线以上的使用问题,线也打印,这是很烦人的,如何解决一下你的武器,A. 然而,通过我不断的摸索,发现只需要以下三个步骤来删除文档中的交…

ps如何在修复时添加一个虚线边框

ps如何在修复时添加一个虚线边框

边框,虚线,如何在,电脑软件,ps,ps如何在图片修复时添加一个虚线边框拍摄照片时,我们经常需要制作虚线边框。虽然很简单,但还是有很多朋友不愿意做。接下来,我们将分享详细的生产过程。 ps学习如何在图片中添加虚线边框。 1、创建一个新的6px,…

ai绘制一个美丽的相切圆符号。

ai绘制一个美丽的相切圆符号。

绘制,一个美丽,符号,电脑软件,ai,本教程介绍了一个朋友ai创建美丽而优美的切圆标记法。教程比较简单,画出来的圆圈标记非常漂亮。建议你喜欢你的朋友一起学习。 本教程主要是介绍ai画一个漂亮的切圆标志,教程很不错,推荐给喜欢学习的朋友们! …

黑暗森林中灼热鬼屋的PS合成

黑暗森林中灼热鬼屋的PS合成

鬼屋,黑暗,森林,电脑软件,PS,在效果图中使用的材料不多,但作者在细节上做了很大的努力,例如:将房屋添加到森林中,需要使用一个面具来控制房屋的显示部分,并对色彩进行微调。 有没有用在效果图多的材料,但作了很多细节上的努力。如:房子是添加到森…

您可以创建一个Javascript框架,并带有实践

您可以创建一个Javascript框架,并带有实践

框架,您可以,创建一个,电脑软件,Javascript,你认为MooTools是难以置信吗想知道道场是实施对jQuery的技能很好奇吗在本教程中,我们将探讨框架背后的秘密,并尝试构建您最喜爱的框架的简单版本。 我们几乎每天都使用各种Javascript框架。当你刚开始,方…

教程,教你用PS画一碗晶莹剔透的米。

教程,教你用PS画一碗晶莹剔透的米。

教程,晶莹剔透,画一,教你用,电脑软件,PS太强大了。这一次你被教去画米饭。 这PS图象处理软件绘画教程是学习画一碗用PS闪闪发光的大米,主要使用渐变工具、矩形工具、图层样式、纤维过滤器,混合模式,画笔工具和文字工具。你在一个愉快的心情看…

用PowerPoint模板制作课件基础PPT

用PowerPoint模板制作课件基础PPT

模板,课件,课程,基础,电脑软件,对于初中语文教师,他们往往对学生在教学过程中,在解释这类题目,根据学生的意见,教师一般是先离开,相应的问题与连接线的黑板,答案正确;并纠正学生的错误,老师是抹在问题和答案之间的黑板连接错误,然后重新连接。想想!这…

如何重命名word2003word2003教程风

如何重命名word2003word2003教程风

教程,重命名,风格,电脑软件,Word2003中,我们经常需要重命名的方式,且操作简单,但这是正确的方法去做!只需要六步就可以了。 1,在工具菜单上,单击模板和加载项;。 2、点击管理器按钮。 3,点击样式标签。 4,在左边的中间;在框中,单击重命名的条目,然后单…

WPS表经常被用作快速键WPS表教程。

WPS表经常被用作快速键WPS表教程。

教程,快速,电脑软件,WPS,这个WPS格式的常用快捷键书是专门为你编的,希望对你有所帮助! 帮助F1 任务窗格 新的空白文档 切换到工作表的最后一个工作表按Ctrl + PageUp 切换到活动工作表的下一个工作表按Ctrl +键 将光标移动到单元格内容F2的尾…

教你如何打造美丽夕阳落日婚纱照

教你如何打造美丽夕阳落日婚纱照

教你,落日,婚纱照,夕阳,如何打造,教程只是一种思考方式。没有必要纠结这些价值观。重要的是这个想法。我希望你能开悟。 前言:本文介绍了《ps》中美丽的夕阳礼服在大气中的后期修饰,对比了原来的电影和效果图,这属于后来的创作图。 这修图师…