2024年网站交互设计要求 篇1
针对海外用户的出口贸易型网站建设，在网站的UI设计、用户操作交互设计、功能设计上，需要考虑海外用户的使用习惯、海外相关法律对网络和站点的条款制约，还有网站的运营维护也要符合海外用户的浏览需求。UI设计：欧美风格的网站设计
网站是企业的网络电子名片。欧美网站以整体简洁明快、要点突出、大图大文、紧凑吸睛，成为当下国际网站设计的主流UI趋势，目前在国内，不仅是外向型企业，顶级科技公司、主打时尚潮流的商业机构都会在精雕细琢打造网站时，青睐欧美风的现代元素设计。
首页简洁夸张结合
大胆夸张的首页全屏设计，抓住第一眼的感觉，是现代网站的流行设计风格。常规策略是在首页，通过大幅的Banner展现旗舰级产品和口号，迅速建立客户的第一印象。
相比而言，国内电商的首页一般以“长齐闪花”著称，注重琳琅满目，忽略色系的配合。这一点在外贸网站制作中，一定要注意。因为中文字符往往可以通过推敲，很容易通过短语达到精准叙述、排列整齐、言简意赅的效果，但在欧美网站中，西文字符的特点，使得图文排列不能太多随意。
所以要注意，不能使用内容密集思维来作用外贸型网站。
扁平化是现代网站流行元素
Less is More 的现代设计理念人所共知。国内传统网站设计爱犯的毛病：
害怕留白，总想办法拼凑内容；
害怕平淡，总想办法用渐进色或阴影作为图形呈现方式；
害怕单调，总是任意插入杂乱的颜色元素。
我们要感谢微软、苹果、sony这样的公司，它们在自己的平面作品中让我们有了正确审美方向，这些国际大厂，已固化了自己的设计体系，确立了自己的设计地位，它们甚至对外开放自己的UI设计语言、产品外观元素。例如微软的Fluent Design、谷歌的Material Design。
我们在外贸型网站中，参照和采用这些设计素材，就不会跑太偏。
扁平化设计语言降低了UI设计的门槛，可以像堆积木一样，拼出界面。扁平化现在成为包括网站设计、APP设计在内的主流Design Style。
英文字体
与中文非常大的区别在于：网页的中文字体设计，几乎没有办法个性化，只能以系统字体呈现文本内容，但是英文字体因为字库体积小，可以根据设计需要，在网页载入特殊的字库文件，来渲染文本。
设计英文和国际化网站的时候,切记的就是字体选择要到位，往往那些“不够欧美风格、不够专业”的评价都是因此而来。外贸网站建设的法律意识
图片版权
很多朋友在制作外贸网站的时候为了省事，随意盗用国内外同行网站上的图片，这种做法非常危险，因为它侵犯了图片版权。
如果一旦染上官司，轻则网站内容会被要求删除，重则收到法院传票让你赔偿几十万。
网络上能找到各式各样的图片，创建这些图片的人对图片有拥有权，如果你在未经允许的情况把这些图片放到你的外贸网站上作为商用，就属于侵犯版权并触犯版权法。
规避图片版权的方法就是两种：
自行拍摄图片
在图片网站购买合法图片，其实，购买图片只要渠道合适，价格真的不贵。
网站责任声明
与国内网站这方面的疏忽后的结果大不同的是：网站版权声明、个人隐私保护、用户数据泄露、Cookie使用的用户确认，如果外贸网站欠缺这些内容或者环节，不仅会失去客户信任，还有可能遭受法律风险。另外，像谷歌这样的欧美主流搜索引擎，对法律条款不够完整的网站是直接降权处理的。
特种行业的用户访问确认
比如在海外很多国家，制定了法律：针对有年龄限制的商品（例如烟酒）的广告、网站，将不得向其所在国家的法定年龄以下的人展示。
这样的法律是很严苛的，外贸网站在这方面一定要注意。如果有必要，如果网站有无法规避而又触犯某些国家法律的内容，需要对这些地域IP进行访问屏蔽。外贸网站的技术开发要点
语言编码
UTF-8（Unicode TransformationFormat-8bit） 是用以解决国际上字符的一种多字节编码，它对英文使用8位（即一个字节），中文使用24为（三个字节）来编码。UTF-8的优点：不会乱码，而国家GB2312 在丢失一字节等情况下会造成后续所有文字变成乱码不会产生错误的搜索结果，而GB2312 在搜索的时候相邻两个中文会拼出一个新的字符，导致出现错误的搜索结果更大的字符集很多语言直接支持 UTF-8，部分语言存储字符串到内存时直接使用 UTF-8编码。
针对海外搜索引擎的优化（SEO）
外贸网站优化一般是指针对谷歌、必应这类海外大型搜索引擎的排名结果优化。那么，我们怎么做好外贸网站优化呢？
一、踏实做内容，不要为优化而优化，客户体验是第一位的，搜索引擎已经进化到今天，而很多网络营销还在用陈旧的优化知识忽悠客户，其实那些刻意的所谓优化是严重伤害网站的。
二、做优美的网页，客户从搜索引擎入口来到网站，美好的交互设计和实质内容，才能真正留住这些用户，甚至促成咨询行为和订单，搜索引擎很重视、也能识别到网站的粘度，从而提高该网站的权重。
三、内容原创，同时鼓励第三方网站带链接的引用本网站原文。
四、利用社交平台宣传网站，海外的主推平台有：Facebook、Youtobe、Instagram和Quora。
五、定期检查网站的死链。
植入Facebook、Google、Instagram 第三方登录，但要注意Email是海外用户第一账户方式
相对于国内用户习惯的微信、QQ、微博登录，海外用户更习惯Facebook、Google Gmail、Instagram做为第三方账户的登录方式。
尤其是：可能在很多国人心目中，邮箱都一直是个很冷门的工具。但在海外，邮箱却显得非常重要，特别是网站账号的注册上，邮箱是第一选择。
2017年6月末的中国电子邮件用户规模约仅为2.6亿，使用率为网民的35%。而同期，中国网约出租车的用户规模约为2.78亿，微博的用户规模是2.9亿。
但在海外，情形完全反过来。比如美国，电子邮件用户在2018年占全部网民的90.6%。这意味着上网的人中，每10个人里，只有1个不使用电子邮件。
支付接口、物流接口
支付和物流接口在外贸网站非常重要，其主要规划原则：
一、尽量兼容多种类支付方式，例如，信用卡、借记卡、纸质支票、银行汇款(转账)、西联汇款、物流代收款、甚至有外贸网站还支持虚拟币，电信充值卡等储值型电子货币支付方式。
二、引导用户使用我们掌握度最高的支付方式，引导用户把支付账户集中在一个或几个支付方式上，能避开费率较高、回款速度较慢的支付方式。
三、简化支付流程。
四、增强支付、物流的接口安全。尽量在外贸网站的支付环节，实现一些国际公认的标准化方式，例如针对支付安全的VeriSign标准，针对系统安全的McAfee标准，针对通讯安全的HTTPS协议等等。
五、编写清晰的支付、物流的说明和帮助文档。外贸网站的运行环境保障
海外服务器 CDN加速
外贸网站为市场需要，需要把服务器节点部署在海外业务地区，这方面要考虑到两个特别的需求：
1、内容维护在大陆，要考虑大陆节点的访问效率。
2、业务地区如果跨洲，需要考虑全球分发的需要。
这时候，外贸网站最理想的服务器运维方式，就是选择CDN技术，CDN加速是将网站的内容缓存在工作服务器上，当用户访问网站时，通过中心平台的调节功能，优先且就近提供所查找的内容，通过这种方式提升访问网站的速度。
海外服务器使用CDN加速技术的有很多优势：
1、CDN镜像可以解决国内网络访问某些国外互联网速度慢的问题，比如，我们将工作中心服务放置在具备大陆和海外双通路功能的香港节点，然后利用香港中心节点，通过CDN分发到世界。
2、CDN可以实现远程镜像Cache服务器，远程用户访问时可以直接从Cache上读取数据，这样不仅可以减少服务器本身流量的消耗，对带宽不会有很多的压力。
3、IP隐藏，使用CDN加速后，检测网站IP时，展示出来的IP是虚假的IP，真实IP已隐藏了起来，这样就一定性的避免网站被攻击。
海外企业邮箱
在国外，电子邮件是使用频率最高的通信工具。使用国内普通邮箱收发海外邮件时却经常会出现这样的问题：经常不能收达、附件无法下载、邮件打开速度慢、收发延迟严重。
原因是很多海外的邮件服务器因为垃圾邮件策略问题，会禁用国内IP，而且国内和海外的互联网因为线路经过多重路由，互相访问速率慢而且效率低。
解决方式就是选用拥有海外中继服务器的外贸专用邮箱，当然这样的邮箱限于成本，价格当然比较高昂一些。结语
外贸型网站是企业出海的重要通道，既要注重设计，还要考虑运维开发，更重要的需要清晰海外相关的法律法规对网站的约束，总之，细节决定一切。
希望以上能帮到您，如有问题可以继续探讨交流。
2024年网站交互设计要求 篇2
楼主倾向将信息精简，遵从少即是多的原则，只推荐含金量最高的几处信息来源。
这张图几年前楼主见过之后，一直保留到现在。不仅是因为它形象而客观，而是每看一次，它都提醒楼主，作为交互设计师，莫钻牛角尖，综合平衡各方面的信息。
网站类汇总
1.每日必逛
每日必逛的定位在于对一些需要时间比较久地去培养能力的地方，比如审美。或者是同行业人士整理的一些工作上可以用的小tips。
BehanceShowcase & Discover Creative WorkBehance 是展示和发现创意作品的领先在线平台，同时也是 Adobe 系列的一部分。Behance 的管理团队每天都会从各种领域中的顶级组合探索出新作品。这些领域包括设计、时尚、插图、工业设计、建筑、摄影、美术、广告、排版、动画、声效以及更多。领先的创意公司可以通过 Behance 发现人才，数百万的访客也可以使用 Behance 跟踪最新和最杰出的创意人才.现在已经推出iOS和支持Android4.0版本以上的APP，可以进行使用。
DribbbleWhat are you working on?Dribbble 的口号是，你正在创作什么？然后，鼓励创作者上传个人的作品，以及正在创作的作品到 Dribbble 网站上。Dribbble的作品整体质量却非常高，许多摄影师、设计师和其他创意产业人士都喜欢在这里展示其未完成的设计，通过与其他设计师的共同探讨来激发自己的灵感。也有相应的APP。
Dribbble 上的作品以 GUI 设计、平面设计、插画、VI 设计为主，而 Behance 上种类更多，还包括了 广告、建筑、摄影、Motion 等等。从 Popular 榜单上也可以看到，Dribbble 上经常是明星设计师们精美的图标或者界面，而 Behance 上多是一些 Agency 的整体品牌视觉包装。知乎上有位大神的比喻比较恰当，“Behance就像设计师的厅堂，展示大方，井井有条。dribbble就像设计师的厨房，进去问一句「今天打算做点啥？」，瞅见各种半成品跟成品，七嘴八舌，其乐融融”。
PinterestPinterest采用的是瀑布流的形式展现图片内容，无需用户翻页，新的图片不断自动加载在页面底端，让用户不断的发现新的图片。图片质量都算比较好的。
人人都是产品经理国内做得比较好的产品经理学习、交流、分享平台，也有设计、运营的知识分享，在互联网业内得到了广泛关注和高度好评。
优设网一些比较实用的设计类综合信息教程，每天会更新几篇文章，花费时间不太长，值得浏览。
Google是所有问题的终结者，当我们没法从专业的网站上去获得答案时，就Google吧。
2.前沿类的网站
MediumStories that move with you.
Medium 是一个全新的轻量级内容发行平台，允许单一用户或多人协作，将自己创作的内容以主题的形式结集为专辑（Collection），分享给用户进行消费和阅读。
该网站好文不断，汇聚各行各业的设计大拿，如果关注了对了自己感兴趣的话题，以及优秀的设计师，自己的打怪升级进化之路会变得更加平稳。在这里推荐Medium《你该认识的64位设计师》，唯一不太方便的地方就是，文章是全英文的，对于英文不好的童鞋有点吃力。不过多看一些，进步就会很大，加油吧，童鞋们~
3.设计规范
《iOS human interface guideline》《Up and running material design》
市面上平台不仅仅只有iOS和Android，但既然是精简版，在这一步只介绍这两种。单这两个平台的规范，就足以让自己去钻研许久了，有精力的小伙伴也可以再去搜索一下Windows Phone等平台规范文章。
读规范，并不是一步全部读完，需要分好几遍来进行研究。刚开始概览一遍，做到框架的熟悉。然后在做项目的过程中边做边翻阅，又会给自己一些灵感，比如说控件怎样进行统一，同一控件不同的状态怎样表述等等。它们是值得一读再读，反复研究的材料。
软件学习
软件学习分为三大方向。
第一个方向是专业类的，图形图像的处理用Sketch或者Photoshop。Photoshop擅长图片的处理，这一点它是老大，没人能撼动。但作为流程图的绘制工具，它的效率确实比轻量级的Sketch要来得慢一些。所以定位可以分为Sketchup用来画页面的流程图，表达跳转关系，而PS进行辅助，用来处理一些漂亮的图片。两者进行相互的配合。
专业内的还有原型展示工具。原型展示工具就是将二维平面的设计图，变成动态可以上手进行操作的demo。做这一步是为了检查在跳转过程中是否有存在让用户体验不流畅的地方，避免在开发的过程中才发现这样的问题，浪费大家的精力。
这样的软件主要有AE、Principle、Flinto、Origami等等。现在市面上功能比较晚上的应该算是Origami，不过它学起来思维转换比较大，要有开发思维，所以对于设计师来说上手有点难。比较简单的是Principle、Flinto，AE更像是一个完整的动画，不能鱼人进行交互动作。
第二类是文档的整理。文档的整理主要是项目的进度跟进，资料共享，平时的会议等等。这个比较常见，Mac的keynote、number、Notes或者Windows的PPT、Word、Exce都可以。不过个人比较喜欢Google 云端储存文件，方便团队共享，更改和同步。
第三类是思维的整理。脑图工具会帮助咱们罗列出各种大小事件，然后进行归纳整理，排出优先级。最好用的是MindNode，但只能Mac进行使用。Windows用户可以使用Xmind，颜值稍微低一点。
推荐书目
在推荐书目里面，楼主比较支持一种做法，就是挑一本经典的书，然后反复不停地去读它。理论结合实际地去用，有疑惑的地方再回过头来进行查阅、反思。
所以楼主推荐的书目，主要是业内耳熟能详的书籍，在亚马逊或者：《About Face 3 交互设计精髓》（强烈推荐，时间不够也可以只看着一本）《设计心理学》《用户体验的要素》《瞬间之美》
实践
关于实践，楼主秉持着一个原则，就是一定要带着自己在工作中遇到的问题，去训练。重要的事情说三遍：带着问题去实践！带着问题去实践！带着问题去实践！
其次，主动地、不断地帮助团队去解决问题，不论大小。
总结一下，在基本功阶段，咱们翻阅各种网站，学习软件，翻阅书籍，目的其实是为了提高自己的审美，用方便快捷的工具将项目的信息传达给团队。也就是说，要培养的是自己对美的追求态度，信息的归纳总结能力，逻辑思维能力。
2024年网站交互设计要求 篇3
交互设计（IXD：Interation Design）是综合性的技术，很有技术含量的，绝不是UI，也不是UE。合格的交互设计师应该是0.5个产品经理+0.5个UI（UXD）的结合，好的交互设计师去做产品都没问题。先了解交互设计的框架
要学习交互设计的专业知识，首先要全面了解交互设计方面的专业知识框架，这方面，强烈推荐知乎的交互设计的专题（https://www.zhihu.com/topic/19556231），非常全面，在选择培训课程时，建议先读一读，这样才能对课程有一个判断能力。
选择一个合适的在线培训课程
选择课程的要点，一定要选准，不是UI的课程，也不是产品经理的课程，当然也不是UXD的课程，一定要是交互设计的课程。
在选修交互设计的课程之前，你应该有UI设计的基础能力，如果这个都有欠缺，建议先学习UI的视觉设计，同时，建议有交互原型的设计基础，能用axure和sketch这样的工具做设计。
在线培训的课程，其实很多，我觉得网易云课堂的交互设计师的课程可以参考，至少可以参考这个项目的课程知识框架。
扩展视野
也就是多看看别人的优秀作品，带着评价的眼光看别人优秀作品对于提高自己的设计水平是很有帮助的。
比如，可以看看产品大牛（http://www.pmdaniu.com）上人家托管的作品。
多练习，多一些真实的项目实践
这个是非常关键的，实践才是进步的源泉。
祝你进步！