网页设计最佳实践:每一个新开发者都应该考虑的8个通用技巧

作为一个有抱负的网页设计师,你已经花了相当多的时间来发展你的设计和编码技能。无论你有多细心,了解一个职业的里里外外都是需要时间的,而且有许多新网页设计师往往会犯而没有意识到的常见错误。

为了帮助你避免这些陷阱,我们调查了有经验的网页设计师,看看他们经常看到新网页设计师犯什么错误,以及如何避免这些错误。即使你认为你知道成功所需要知道的一切,持续寻找提高的方法也是有价值的。

“有时开发人员,不仅仅是新开发人员,会满足于他们的知识,”在的团队负责人Claudiu Neaga说Flipsnack.“他们不再继续提高他们的知识和代码的质量。在一个不断变化的行业里,这意味着平庸。”

网页设计最佳实践:给新开发者的8个建议

在寻找帮助吗?这些来自网络开发老手的建议将帮助你成为专业人士。

1.积极倾听客户的意见

作为一个网页开发人员,你已经花了大量的时间来建立一个好的网站的全面知识。然而,作为一个专业的网站设计师,你的工作不是根据你自己的标准制作最好的网站,而是根据你的客户制作最好的网站。

“我看到新的网站开发人员(通常)想为客户设计自己的网站,而不是根据客户的需求来设计,”该公司的主管Cyrus Yung表示Ascelade Pte Ltd.“他们往往不会问很多关于客户的产品或服务的问题。不了解客户业务的本质是一个重大错误。”

与客户合作最重要的部分是倾听他们的需求。用简单而有效的方法来证明你认真对待客户的见解和要求。

Yung说:“展示你的专业精神的一个好方法是记录下客户在会议中讨论了什么,然后把你们谈话的细节发邮件给客户。”“你也可以为客户准备一套问题,这将进一步帮助你了解网站设计和网站功能的方向。”

2.代码效率

Julien Mourer是Poki他说新开发人员犯的最大错误之一就是过度设计。在学校里,你可能会学到如何为一个编码问题创建一个完美的、优雅的解决方案,但莫勒警告说,这可能并不总是实用的。

“知道如何做到这一点非常重要,但当你开始工作时,你会发现让一切‘完美’需要很多时间,需求也会改变,所以有时候你漂亮的代码会被扔进垃圾桶,”Mourer说。“你需要务实,尽量把事情简单化——当然这有点像一种平衡的行为。”

正确看待你正在做的事情——要知道有时候你不需要为了成功而重新发明轮子。迈克尔·亚历克西斯,老板团队建设简单地说。

“如果你能用500行代码就能达到同样的效果,那就不要写10000行代码。”

3.不要忽视各种各样的设备

虽然你可能喜欢一个全尺寸的桌面显示器提供的画布,但没有考虑和容纳人们用来浏览互联网的各种各样的设备是网页开发人员最常犯的错误之一,根据Joe Wilson飞翔的系统

“你有没有在手机上打开一封电子邮件,文本太小了,看不清?”你可以缩放来阅读邮件,但更有可能的是,你会删除它。”“当手机用户访问你的网站时,情况也是如此。如果你的网站没有针对手机平台进行优化,他们就会点击返回键,忽略你的网站。”

在智能手机的世界里,确保你的设计能够很好地转化为移动设备是非常重要的。好消息是,像Adobe XD®或InVision®可以使这一过程相对容易管理。

4.托管服务很重要

没有人愿意花不必要的钱。也就是说,与您合作的客户可能不理解为什么一个强大的托管服务值得花这么多钱。

的创始人柯蒂斯•比克勒(Curtis Bickler)表示:“廉价主机之所以便宜,是有原因的。媒体设计专家.“我有一个客户,他的产品上了一个早间新闻节目,他的廉价主机提供商无法处理激增的流量。我们无法知道他损失了多少流量,仅仅是因为他的主机解决方案无法快速扩展以应对流量的增长。”

故事的寓意是什么?一个漂亮的设计并不能克服所有的技术限制——因此,如果客户选择便宜的主机,请确保他们了解潜在的风险。

5.制定切实可行的工作时间表

Web开发项目经常涉及大量需要解决的意外错误或问题。虽然这对任何喜欢挑战的人来说都是好事,但它也可能使工作时间与最初的估计不一致。

亚历克西斯说:“有很多笑话说网络开发者要花几个月甚至几年的时间才能完成一个本应花几周时间的项目。”“如果你能制定准确的时间表并实现这些目标,你就会脱颖而出。”

估算一个项目需要多长时间完成并不是一件容易的事情——即使是经验丰富的开发人员也会遇到意想不到的问题——但是当被要求提供估算时,您可以通过额外的时间来为自己节省一些麻烦。

6.保持与时俱进

你可能还记得他有多可爱丑陋的早期的网站看起来。“在建”的动图、访客柜台和时髦的左侧菜单导航栏在今天看来都非常过时——时间的脚步不会在短时间内停止。今天看起来很棒的东西可能会变得很不成熟,所以要花时间跟上这个领域的趋势和变化。

“多读书。阅读文章,特别是来自他们各自领域权威的文章,”Neaga建议道。“阅读来自更有经验的开发人员的代码。查看您使用的框架的源代码,并查看其他开发人员处理相同问题时使用的解决方案。向他人学习,并尝试复制他们的解决方案。”

密切关注新的和有趣的设计变化,花时间深入研究它们是如何工作的,这是非常有益的。它能让你的工作保持新鲜感,还能带来新的挑战,拓展你的技能。

7.寻求帮助

对于一个新的网页开发人员来说,你可能会想要假装你百分百知道自己在做什么——尤其是当你觉得自己有点落后于同龄人的时候。虽然在人性中装模作样并不是什么新鲜事,但不要因为拒绝寻求帮助或建议而阻碍你的职业发展。

“花太多时间去寻找解决方案是一个常见的错误,而团队中其他更资深的人可能已经遇到过很多次了,”Andrew Olesko说,他是谷歌的副总裁兼网站开发总监PaperStreet.寻求帮助可以为团队节省时间和资源。不要害怕寻求帮助!”

有时寻求帮助可能是你能做的最好的事情——聪明的工作和努力工作一样重要,所以不要让骄傲阻碍你寻求帮助。

8.寻找导师

当你开始从事任何职业时,都有很多信息是你不知道的。独自在职业生涯的开始挣扎并不总是最明智的选择。与导师密切合作可以对网页开发新手的职业生涯产生巨大的影响。

莫雷尔说:“如果一位有经验的同事可以指导你,你会学到很多东西。”“如果可以的话,去实习。你也可以从有趣的博客或精明开发者的媒体账号中学到很多东西。”

有兴趣了解更多关于web开发的知识吗?

在网络开发这个职业中有很多东西需要学习。如果到目前为止,你只是漫不经心地摸索了一些窍门,你可能会对这个职业领域有更多的问题。在我们的文章中了解更多细节。”网络开发者挣多少钱?以及关于这个编程职业的其他5个问题.”

Anjali Stenquist

Anjali Stenquist是Collegis Education网站的内容作者,她代表拉斯穆森大学撰写以学生为重点的文章。她热衷于帮助各种背景的学生顺利接受高等教育。

安贾利·斯坦奎斯特的爆头

相关内容

这段广告内容是由拉斯穆森大学创建的,以支持其教育项目。拉斯穆森大学可能不会为学生准备本课程内容所涵盖的所有职位。请访问www.cho-design.com/degrees查看所提供的课程列表。rasmussen.edu提供的外部链接仅供参考。拉斯穆森大学不保证、批准、控制或特别认可链接到的网站上的信息或产品,也不得到网站所有者、作者和/或引用的组织的认可。拉斯穆森大学由美国高等教育委员会认证,这是一个由美国教育部认可的机构认证机构。

logo-accreditation-acen logo-accreditation-ccne chart-credential-laddering-associates-bachelors-masters 0学分 90个学分 180个学分 48学分 从这里开始 高中毕业生 从这里开始 转学 从这里开始 二级追求者 在这里结束 副学士 从这里开始 硕士学位 追赶的人 在这里结束 学士学位 在这里结束 硕士学位 chart-credential-laddering-associates-bachelors 0学分 从这里开始 高中毕业生 从这里开始 转学 90个学分 从这里开始 二级追求者 在这里结束 副学士 180个学分 在这里结束 学士学位 chart-credential-laddering-healthcare-management 0学分 90个学分 180个学分 48学分 从这里开始 高中毕业生 从这里开始 转学 从这里开始 二级追求者 在这里结束 副学士 从这里开始 硕士学位 追赶的人 在这里结束 学士学位 在这里结束 硕士学位 chart-credential-laddering-rsb 0学分 从这里开始 高中毕业生 从这里开始 转学 90个学分 从这里开始 二级追求者 在这里结束 副学士 180个学分 在这里结束 学士学位 chart-credential-laddering-rsd 0学分 从这里开始 高中毕业生 从这里开始 转学 91个学分 从这里开始 二级追求者 在这里结束 副学士 181个学分 在这里结束 学士学位 chart-credential-laddering-rsjs 0学分 从这里开始 高中毕业生 从这里开始 转学 91个学分 从这里开始 二级追求者 在这里结束 副学士 180个学分 在这里结束 学士学位 chart-credential-laddering-rsn 0学分 从这里开始 高中毕业生 从这里开始 转学 91个学分 从这里开始 二级追求者 在这里结束 副学士 181个学分 在这里结束 学士学位 icon-colored-outline-bank icon-colored-outline-certificate icon-colored-outline-circle-dollar-sign icon-colored-outline-folder-search icon-colored-outline-hand-heart icon-colored-outline-head-blocks icon-colored-outline-head-cog icon-colored-outline-head-heart icon-colored-outline-health-plus-leaves icon-colored-outline-hospital icon-colored-outline-lifelong-learning icon-colored-outline-light-bulb-analytics icon-colored-outline-location-pin icon-colored-outline-maginify-glass icon-colored-outline-magnifying-glass icon-colored-outline-monitor-healthcare icon-colored-outline-monitor-paper-search icon-colored-outline-nurse-rays icon-colored-outline-padlock-shield icon-colored-outline-person-presenter-screen icon-colored-outline-scales icon-bank icon-general-chart icon-general-connect icon-general-degree icon-general-discuss icon-general-email icon-general-find icon-general-hat icon-general-heart icon-general-laptop-building icon-general-laptop icon-general-leader icon-general-map icon-general-money icon-general-paperwork icon-general-people icon-general-phone icon-general-speak-out icon-head-heart icon-mglass icon-scales rebrand-arrows icon-colored-advance icon-colored-arrows-cross-curve icon-colored-briefcase-star icon-colored-build icon-colored-bulb-analytics icon-colored-certificate icon-colored-continual-development icon-colored-duo-chatbox icon-colored-folder-mortarboard icon-colored-forward-ribbon icon-colored-gears-clock icon-colored-globe-pen icon-colored-growth icon-colored-hand-bubble icon-colored-hand-stars icon-colored-hands-gear icon-colored-head-blocks icon-colored-head-cog icon-colored-health-plus-leaves icon-colored-hospital-building icon-colored-laptop-cbe-skyscraper icon-colored-laptop-checkmark icon-colored-laptop-webpage icon-colored-location-map icon-colored-location-pin icon-colored-monitor-paper-scan icon-colored-mortarboard-dollar icon-colored-national icon-colored-people-chat-bubbles icon-colored-person-cheer-star icon-colored-person-laptop-checkboxes icon-colored-person-screen-instructor icon-colored-person-whiteboard icon-colored-phone-chatbox icon-colored-police-light icon-colored-prep icon-colored-presenter icon-colored-regional icon-colored-save-time icon-colored-shirt-hat icon-colored-skyscraper icon-colored-state icon-colored-student-centered icon-colored-support icon-colored-world-experience icon-triangle-calendar-pencil icon-triangle-clock-rotating-arrows icon-triangle-person-juggle icon-arrow icon-camera icon-filter icon-info-circle icon-mail-forward icon-play-solid icon-quote-mark-left icon-quote-mark-right icon-share-square-o icon-spinner icon-tag icon-simple-chat icon-simple-desktop icon-simple-find icon-simple-hamburger icon-simple-phone icon-testimonial-quotes icon-social-facebook-square-colored icon-social-facebook-square icon-social-facebook icon-social-google-plus-square icon-social-google-plus icon-social-instagram icon-social-linkedin-square-colored icon-social-linkedin-square icon-social-linkedin icon-social-pinterest-p icon-social-twitter-square icon-social-twitter icon-social-youtube-play-colored icon-social-youtube-play logo-rasu-horizontal ras-logo-flame ras-logo-horizontal ras-logo-stacked icon-util-checkbox-white icon-util-checkbox icon-util-checked-white icon-util-checked icon-util-chevron-down icon-util-chevron-left icon-util-chevron-right icon-util-chevron-up icon-util-language-switch icon-util-loading icon-util-open-window-button icon-util-open-window-link icon-util-pdf-button icon-util-pdf-link icon-util-refresh icon-util-x