【译文】作为新手,我该如何学习Web设计

我现在对于网页开发一无所知,我应该学习什么能让我可以在六个月之内开发任何网站?无论是看书或者开展项目都可以。

简单引导:
  • 学习基础知识.  看一本书,而不是文章
  • 设计一些东西 从一款很酷的设计工具开始,比如Sketch 和Principle
  • 做一些可用性测试. 不要忽视它,它会让你超过99%的设计者
具体步骤:

Step 1. Alan Cooper写的书:《交互设计精髓》(About face我非常喜欢它的实用性 (不喜欢其他那些书一开始就向新手介绍:Don Norman的设计心理学)。

提示: 在这个阶段不要使用smashing magazine和其他部分的信息源. 我们需要更多的理论基础。

Step 2. 安装 Sketch  Principle或者 Sketch 和 InVision, 或者其他的原型制作工具。

anzhuanggongju1

: 使用一些很酷的工具如sketch,那会让你在找工作时可以加分。另外,photoshop一点也不酷。

Step 3. 做一些网站的交互原型

如果只做一些功能控件,你不能在解决插件问题的时候学到什么东西。你应该去设计一些电子商务,服务或一个复杂内容的网站。

我在2007年开始我的用户体验课程时,我提出了一到两点建议:

o  找到一个室友

o  找到一辆卡车,可以搬运你的货物

在此之前Airbnb和Uber行业覆盖面很广,但是两个公司业务做的依旧还不错:当然Airbnb还可以做的比现在更好。

Step 4.读一本关于可用性测试的书。有很多这样的书;我喜欢那些用很少的篇幅讲解可用性实验步骤的书。我喜欢的那本叫《remote research》的书。

Step 5.让你的朋友参加你的可用性研究。也许,你的朋友不是你的目标人群,但他们也能帮得到你。

yonghuceshi1

当然,不要作弊!这与自动化的用户体验研究是不一样的。

Step 6. 在用户体验测试时,你不应该打断用户的工作流也不能尝试去帮助他们完成使用。如果你掌握了这个技巧之后,恭喜你,最困难的部分已经过去了。

Step 7. 知道你设计的原型错误的地方

Step 8. 改正它

Step 9. 返回第五个步骤

完成之后感觉不错吧!

除此之外还学习很多吧?恭喜你!你是那些真正能测试到自己原型的设计者之一。

·   很多网页设计者明白可用性测试的重要性

·   但很多网页设计者不去测试

·   你现在处于一个陡峭的学习曲线之中,看看感觉如何?如果现在你感觉到心灵的平静,那这正是很多设计者无法达到的。

祝你好运!

译者:@bead_交互

作者:Ivan Boyko

链接:https://www.quora.com/How-can-I-learn-web-design-2/answer/Ivan-Boyko?srid=u37rZ

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/16787/

(0)
TinadminTinadmin
上一篇 2016-08-03 15:57
下一篇 2016-08-04 15:46

相关推荐

  • 伦艺交互设计(MA)offer入手,工科出身、完全零基础的她是如何做到的

    对于零基础申请的同学来说,短时间内接触并掌握一个陌生的专业,既需要勇气,又需要决心。这是因为,科班出身的同学申请国外名校尚有难度,更何况是毫无专业基础的同学,过程中遭遇困难、挫折也可想而知。正因为申请难度大,如果能从其他同学的申请过程中吸取成功经验,规避问题,少走弯路,必然会有利于未来申请。本期,简清为同学们请到了拿下伦艺交互设计(Interaction Design Communication)专业offer的L同学,作为一名零基础申...

    2018-04-12
  • 『小米只卖产品 不卖节操』雷布斯站在巨人的肩膀上做了什么?

    文章来自设计癖 2014 年 12 月 9 日,小米又一次涉嫌抄袭。这一次的对象,是日本巴慕达公司的 AirEngine 安之风空气净化器。同样的专利许可授权纠纷,同样深表遗憾的回应。巴慕达与曾经的魅族、年初的 Pressy 以及…

    2014-12-27
  • 求职指南 | 阿里巴巴2018春季实习生招聘-中科大站

    阿里巴巴2018春季实习生招聘技术高校行中国科学技术大学站从全世界规模最大的电商双11安全级别最高的支付金融到全球领先的云计算覆盖全球的智能物流……今天的阿里巴巴正在从商业模式创新的引领者逐渐成为科技创新的引领者在技术高校行现场有资深的技术大牛和亲分享阿里重点技术有各级学长们和亲聊一聊这一年的成长有亲切的HR带领亲领略阿里的企业文化本硕场同学们提前将简历投递到官网相应职位报名,将有机会获取交流会名额、免笔试、现场面试、进入快速Offer...

    2018-03-23
  • web表格设计攻略

    在后台管理系统、数据类产品等的设计中,表格作为一种常见的信息组织整理手段,甚至是web页面的基础设施之一,其重要性不言自明。结合最近做的几个项目和相关设计经验总结,特此整理出这样一篇设计攻略,希望能够对你的设计有所帮助。

    2017-04-28
  • 设计实战案例!谈谈网易严选企业购的交互设计

    网易UEDC – 柴蒙:企业采购是现今市场经济下一种最主要最主流的采购形式,其特点是大批量采购商品。传统的企业采购方式不可避免地会带来如回扣、效率低、采购过程不透明等诸多问题。

    2017-09-21
  • 从Surface Studio聊一聊实体设备上的交互细节

    相信小伙伴们这两天的朋友圈基本躲不过微软大法的霸屏。作为工业设计背景的我,也是被它深深地impress到。所以今天我想来聊聊,实体产品上的交互体验。Handles are better for continuous control (e.g. trombone)
    “手柄”对于连续性的控制更加合适。
    Buttons are better for discrete control (e.g. piano keyboard)
    “按钮”对于状态有显著区别的控制更加合适。
    Handles leave you in control (e.g. opening a car door).
    “手柄”是将控制交付于用户手中。
    Buttons are more likely to trigger something automatic (e.g. opening an elevator door).
    “按钮”更倾向于触发一个自动化的过程。

    2017-05-16
  • 梦想成为“全栈设计师”的你,可能需要这份视觉设计知识体系规划书

    此文主要适读人群:梦想成为“全栈设计师”的你(偏向移动端产品)!当然设计都是相通的,即使你的职位是产品设计、交互设计、网页设计、平面设计也都不妨一看,相信你也可以有所收获!1、对app基础控件的认知
    2、字体
    3、配色
    4、图标设计
    5、标注与切图规范
    6、排版的基础原则
    7、简单的动效设计
    8、走察规范
    9、交互常识
    10、项目文件管理
    11、个人素材、资源库
    12、开发常识
    13、数据分析能力
    14、产品常识
    15、用研常识

    2017-05-10
  • 干货时间|交互设计线上讲座内容回顾总结

    学艺术的大表姐带你走上艺术留学的不归路Hello~Everybody~上礼拜元宵节的结束宣告着新的一年的真的要开始了!这下我们也再没有借口偷懒了小伙伴们要用新的节奏开始奋斗啦~2018,告别懒惰,发愤图强吧!!最怕的就是:“比你优秀的人还比你努力!”当然为了给大家缓冲的时间大表姐特意送上年前的交互设计分享讲座的干货回顾总结对交互设计感兴趣的同学,可千万不能错过接下来的内容了~并且还能拓宽自己的艺术设计领域想了解更多关于英美交互院校、专业...

    2018-03-09
  • 在进入网易后,我对用户体验界限的思考

    作为一个用户体验设计师,除了接需求做需求之外,需要定期的对自己的项目进行反思,在反思的过程中,总结经验教训,这是在专业上成长的一个重要方式。这篇文章,就是来自于对自己进入网易后的一个反思。在我日常的反思中,比较天马行空,并没有特定的线索,也许是页面上一个按钮的使用方式,也许是当前业务的商业化路线。而本文的这个题目是今年最常思考的一个问题,主要关于自己对于界限的理解。

    2017-05-10
  • 动态响应-应用程序的身体语言设计

    引言:如果把APP比作一位美女,那么icon是她的证件照,界面是她的形体,而动效则是她的肢体语言。

    2014-12-30