网站产品设计

设计网站需要严谨的思考和周全的计划

最重要的是了解你的受众用户

用户都是浏览者。一般只会停留几秒,最重要的要直接呈现。

少即是多。

导航。所有页面用导航串起来,保持整站结构清晰,以便访问者浏览。

下载速度。可用性方面的研究告诉我们,如果网页的下载时间超过7秒,大多数访问者会选择离开。

允许你的用户发言。可得到技术和知识各不相同的人们大量有益的反馈。

深入了解网站用户

您的用户所用的软件和硬件各不相同

最重要的是了解你的用户

他们使用什么显示器。分辨率支持1024*768,分辨率尺寸可变,以适应不同显示器。

他们使用什么浏览器。

他们安装了什么插件。你的网页使用的插件,用户有权限有么,用户们有么

怎样帮助残疾人士。这些用户也许,是也许,也许同样需要访问你的网站。这是蓝海???

用户都是浏览者。一般只用几秒时间看你的网页。

网站品质

使用最新的 WEB 标准。html4.01或用xml重新表达html4.01的xhtml。使用css1或2或3。通过web验证工具的验证网页。

增强网页的易读性。根据WAI(W3C发起的网页易读性倡议)的指导方针编写页面。即使残障人士,也能阅读。

html元素内容更合理。如title意义正确;改用h1标签就用h1,以免给搜索引擎带来困扰;doctype内容正确。

使用样式表注意事项。不在页面文件使用font标签,改到css,不至于改font需要改很多处,改css一处即可;不使用固定的字体尺寸,使用相对尺寸值,在调整浏览器显示比例时,就会跟随变化显示比例;不使用很小的默认字体尺寸;字体和背景颜色,不至于相同影响阅读。

字的可读性要好。不会看不清;不会字挤到一起,或间距过大;避免奇特的字体;少用斜体;另外为了在关闭浏览器图片显示的情况下,使用alt属性。

国际化。

时间: 2024-12-17 02:40:02

网站产品设计的相关文章

购物车(Shopping cart) —— B2C网站核心产品设计 (二)

购物车是做什么的? 我们先来看一下现实超市中的购物车,一个带四个轱辘的铁筐子,客人推来推去,看到什么东西喜欢,就扔进去,觉得东西差不多了,就推到收银台. 那B2C网站中的购物车又是一个什么东西呢? 从广义上说,购物车在B2C网站里无处不在,当客人进入一个B2C网站时,他就相当于推着购物车开始逛超市了,只是客人暂时看不到购物车,直到进入购物车(Shopping cart page)页面,然后去结算,下单成功.本文讨论的购物车是狭义的购物车,是指客人在点商品页面的“加入购物车”(Add to car

产品设计步骤 - 产品管理系列文章

笔者做产品经理职位还不久,但是也积累了一些经验,本文就讲讲产品经理对产品的设计步骤,与大家共同交流学习,共同提高. 产品经理现在要求的更多的是需求分析.原型设计和后期的运营三方面重点内容.其中,需求分析这块如果团队人员比较全的话就要求产品经理对需求这块进行把控,项目经理对需求进行整理总结,系统分析师对需求进行分析:原型设计这块是产品经理的一大工作部分,就是在经过了需求分析之后,对产品的界面和用户体验等进行设计,形成基本的操作模式,同时也能够让团队或客户对产品本身的特色做了解和及时的反馈,对产品的

2016年第1本:用户体验要素--以用户为中心的产品设计

<用户体验要素>第1版发表于2002年,第2版出版于2010年,第2版的中文版竟然在2015年上市.书的写法比较单调,感觉像是大道理的叙述,不像<写给大家看的设计书>,没有多少实例,看到第29页发现全书的重点就是那一张图.因为软件架构设计中动不动就来个5层设计,界面层.组件层.用户逻辑层.数据服务层.系统框架层,所以用户体验中来个5层框架图还真不太适应. [不过当你的网站设计了之后,可以对照着这些层中提出的要素认真检查一下是不是符合产品的目标?] 书快速翻完了,还不如直接去看豆瓣书

产品设计中的 “快速迭代” 思维

一谈到"互联网思维",大家都会想到"快速迭代".但我发现,很多人对于" 快速迭代"的理解是不够全面的. 大部分人对"快速迭代"的理解是:一个产品,所有的功能不用一次做出来,做好一部分上线一部分,一些功能的完善可以等产品上线后,靠后续版本,慢慢改进. 有人基于上述的理解,会对"快速迭代"提出疑义: 1.     在总的工作量一定的情况下,分几次开发和上线,要完成所有的功能,所花费的总时间往往会更长,"

产品设计

1.用户故事 --编写用户故事可以站在不同视角进行产品需求分析. --用户故事三要素:角色.活动.商业价值,即是谁想要干什么以便于什么用. --团队可以将用户故事写在卡片上,进行分类.去重.排级.细化.避免遗漏关键问题,分出优先级别. --卡片分类法:规划和设计互联网产品或者软件产品的信息构架的方法.在用户研究过程中,用来比对网站设计者与使用者在对网站资讯分类上的认知差异,作为调整架构的信息依据. --需求分析要点:用户角度思维.团体集体决策. 2.概念模式(来源<设计心理学>) --设计模式

产品设计中先熟练使用铅笔 不要依赖Axure

在互联网产品领域,Axure已成为产品经理.产品设计师以及交互设计师的必备工具,从某种程度讲,Axure帮助我们建立低保真模型,便于与用户的需求验证,也帮助我们构思交互细节,使前端和开发人员更容易理解我们的产品;但从另一方面讲,Axure绑架了我们的思维,让很多产品经理和设计师养成了"无Axure不设计"的恶习,忽略了用户故事.功能规格和信息架构,甚至走入"为了用 Axure而用的误区",导致了资源的大量浪费和产品的硬伤.因此,提醒为Axure着迷的产品经理:在熟练

如何善用产品设计的三个层级

一个科技公司的创始人或者CEO在考虑应该在设计上面做哪些投入的时候,往往会把重心放在可视化设计方面:漂亮的产品,精致的品牌,独树一帜的风格. 放眼望去,市场上大量的成功企业的产品都有着漂亮精致的设计.当我们说到设计的时候,我们首先注意到的将会是可视化设计,因为可视化设计是设计领域中最显著的设计类型. 但是无可否认,也有不少成功企业的产品的可视化设计其实并不是非常突出的.但是,这并不妨碍它们成为非常成功的产品.某种程度上,我们也许会揣测有以下这些原因:它们没有碰到竞争对手:它们的技术非常拔尖和有用

产品思维学习(三)--产品设计的五个层面

今天的读书会很碰巧有一位同学分享<用户体验要素-以用户为中心的产品设计>这本书.里面讲述了用户体验要素的五个层面:战略层,范围层,结构层,框架层,表现层.也是产品设计的五个层面,所以学习记录下.首先附上这五个层次的图: 首先介绍下用户体验要素这本书,这本书主要以web网页作为例子进行5个层次的论述.看起来已经不符合现在移动互联网的的时代需求了.其实不是,正所谓"心中有剑,折根树枝都能杀人",即使书中的例子没有涉及到移动的端的APP应用.但是仍然试用于相关产品的设计. 战略层

产品设计——简易就是极致的美

从WIN8和Windows Phone的出现开始.许多网页和产品的设计趋势正在逐渐想向着扁平化出发.与其说是扁平化,不如谁是极简主义开始成为趋势. 简约漂亮之外,还能提高用户体验.那么如何做好简易风格的产品呢? 1.拥抱扁平化设计 众所周知,扁平化的设计风格正在逐渐取代以苹果式拟物化设计(skeuomorphism)为代表的写实风格,而苹果本身也正在构建苹果自身的扁平化设计风格,使用大胆鲜亮的色彩来吸引用户的眼球. 另一个主动拥抱扁平化设计风尚的先行者就是微软了.微软的windows phone