让你的企业网络营销真正落地!

专注于企业网络营销策划、网站建设、微信小程序制作、APP定制开发等服务。

联系我们

Contact Us

地址:河北石家庄裕华区蓝山国际A座1506
咨询热线:18830108130
微信公众号
新闻中心
当前位置:主页 > 新闻中心 > 网站开发知识 >
《瞬间之美》念书条记:SEOWeb界面设计如何让用户心动?
2019-03-11

  网站优化创业项目春季招商 好项目招署理无忧


  本日跟各人分享的是《瞬间之美》之Web 界面设计如何让用户心动?


  本书分为七个部门,第一部门到第三部门讲用户进入网站前30秒内做的事;第四部门到第六部门讲用户在深入网站时要做的事;第七部门存眷用户分开网站,不管是临时分开照旧永久分开时要产生的事。


  第一部门:指引用户


  一、如何给网站机关


  不是你去给页面机关,而是内容抉择了机关。机关是内容组织的一定功效,周全思量页面的所有需求,页面的机关自然就会形成。把页面的所有栏目扔到页面傍边,然后移来移去不绝调解。


  在不绝调解的这个进程傍边,又需要有以下几点来做支撑:


  充实相识页面差异的组成部门,分清主次。


  机关上引导用户的视线,相识用户欣赏网页时的利用习惯。如,用户在欣赏网站的时候习惯自上而下,从左到右,左上角是第一视线落脚点,右下角是特别后落脚点,右上和左下是视觉盲点,所以在设计的时候可以把较量重要的内容放在左上和右下。


  利用颜色来吸引留意,重点部门的颜色要突出,好比左上角的 logo 和右下角的按钮是特别重要的部门,要把这两部门重点强调出来,可以利用一种颜色,这种颜色在网站的其他处所不利用,这样就形成了比拟,把它突出出来了。


  二、统一设计气势气魄


  这本书中提到的统一设计气势气魄只讲到了一点,纵然用标记统一设计气势气魄,顾名思义,标记既可以是品牌符号,也可以是网站整体的图标气势气魄。


  在界面的统一性这一章节里,作者先容的并不多,仅仅三页纸就草草带过了,统一性在界面设计中的重要性是很高的。这里我想用《交互设计精华4》内里的关于统一性的先容和我对统一性的认识做一下增补,主要归纳综合为以下两点:


  1. 统一性的益处


  统一意味着软件产物的差异模块要有相似的外观、感受和行为。


  统一改进了易用性与易学性,低落了用户的进修本钱,也就低落了客户培训与技术支持的用度。


  提高了设计和代码的反复操作,淘汰了开拓时间和事情量。


  统一可以缔造出层次理解的感受,利用户感想舒服。


  给用户留下一个类型统一的印象,更容易利用户承认产物开拓者的专业度,从而晋升用户对产物的信任感。


  2. 如何做到统一


  成立干系:常常同时利用的元素在空间上组织在一起,淘汰鼠标的移动;有相似成果的元素,在视觉上组织在一起,即视觉元素和行为元素保持一致。


  操作网格系统对齐视觉元素:这是设计师辅佐用户有组织而又系统地体验产物的一个重要途径。


  一致的空间:假如屏幕上的两个区域要求利用差不多大的空间,那就设成完全沟通;假如两个区域需要差异巨细,那就做成明明的差异,假如做不到完全一致就加大差别,因为细微的差别会让用户感受不不变。


  一致的间距和定位:假如屏幕的标题部门始终准确的呈此刻同一位置,用户就无需思考可能欣赏界面,一致的间距和定位可以帮助人们内涵的视觉处理惩罚机制,可以极大的提高屏幕的可读性。


  反复操作元素:这样用户只需要进修一次。


  三、如何设计导航


  人们凡是得到导向的要领是,大致的扫视一遍页面,看看本身有哪些选择,而且快速过滤掉哪些无关本身乐趣的内容。


  设计导航时要让用户感受本身才是主人,回收动宾词组设计导航,好比「建设页面」,这就让用户感受本身正在批示软件,他们是率领者,而不是被率领者。


  四、建设链接


  在许多网站城市有各类百般的链接,这些链接凭据时间,相关度、点击率等各种顺序举办分列,许多网站只是这样纯真的分列,很少去做细节上的设计。作者举了一个例子:


  △ 这是某公司内部网首页的新闻列表,目标是让该公司的员工随时相识特别新事件,是凭据时间顺序分列。


  经作者的从头设计,如下:


  设计思考:这些链接里特别新事件往往是特别重要的;如何让用户看大白链接是定时间顺序分列的;


  运用到的设计要领 :让情况提示成为引导的线索,就像日本站台在列车将近进站时会播放奇特的音乐,这段独占的音乐能有效的引起搭客的留意,从而提早筹备下车,作者实验把情况提示这一观念应用到链接列表中。


  首先改变字号,由大到小的字号变革,将链接的优先级很好的表示出来;由深变浅的字色缔造一种年月感,利用户很是清晰的大白什么特别重要。


下一篇:没有了

推荐产品

推荐文章