增强网站的体验

1. 
   基于阅读器和装备功能对平台和装备的深切考量

若是我们今朝为止没有做错的话，根本内容和功用在大部分的阅读器里都可以大概运转良好。若是你要设想- -个收集运用程序，有一点需 要提示你的是需更预备具体的技巧参数(好比地图运用程序必要CSS、JavaScript、 图片和GPS支持能力作为根本)。在这个例子里，线框设想能够不会起感化。从某种水平上而言，如许做真实是太蹩脚了，因为我们会把用户关在门外。测验考试尽能够多地放入可接收的内容。我们的草图设想会告知我们这个网站能够会长成能多地放入可接收的内容。我们的草图设想会告知我们这个网站能够会长成可是此刻我们更爱好进一步设想， 增强在阅读器战争台上的综合体验，可以大概支持更弱小的功用。上面给出一些案例。

• 
  线性的设想只需一栏内容。为了大尺寸的屏幕，大概是为了便当那些必要在一些装备上任意切换肖像和景观形式的时刻，我们可以大概做一点调剂。 若是有更多的空间，构造可以大概设想成顺应多栏的。把元素放在分歧的地位也会显着施展感化，因为用户站在一个更远视点的时刻和屏幕的交互体例会明显分歧;好比说用户能够还想要扭转大概从新定位一下导航。你能够也会重会从新思虑一下哪些内容是重 要的，因为此时不再是像线性设想那样简略新思虑一下哪些内容是重 要的，因为此时不再是像线性设想那样简略会从新思虑一下哪些内容是重 要的，因为此时不再是像线性设想那样简略地只需将内容由上至下摆开就可以大概了。


• 
  另有些装备会有一些我们非常想要去哄骗的功用，好比相机和GPS功用。大部分人都想只需可以大概支持JacaScript就可以大概了(常见的情形是可以大概支持的，可是又的时刻却不如许，特别是关于一些低端装备，而且如许的在四周还很多)。斟酌一下若是装备具有增强视觉的功用，好比第三方字体大概CSS突变？在特定装备中的特定阅读器里, 这类真实情形下停止设想使我们可以大概测试这些特征是不是起感化(也可以大概晓得是不是好的感化),同时也可以大概晓得这个设想在表现层上的影响力。我们必要去考察，要在那些特定的平台和装备上把某些特定清除在外，又在其他的平台和装备上应用某些特征。


• 
  基于特定的平台或装备，我们能够乃至想去加、减、挪动或是该表一些内容。好比说，在小屏幕装备大概是手机终端上，会盼望应用小尺寸图片作为默许的图片，可是在大屏幕装备上，会盼望应用更大一点的图片。我们不盼望供给一些关于场景没有用途的内容给用户; GPS相干的内容只需吴在支持GPS功用的时刻呈现，因而我们只会在符合前提的装备上增添这些内容。


• 
  为了增强构造化内容的体验，我们至少得将我们必要支持的装备列出一张单来，对它们停止分门别类，归结出几个层级。换句话说，将相似类型的装备分解一种，如许你就可以大概聚焦在针对这几类装备的设想上，而不是针对每个分歧的个别。我们平日仅仅满足IOS和Android,可是如许太有限了。末了，我们将针对其他分歧品种的装备对产品做出调剂，使它在任何装备，上运转良好。


• 
  不要凭据装备的物理表象特征来对它们停止分类，好比说:桌面、智能手机、便签等。这类分类和你必要思虑的题目关联性不大。相反，应当依照你的APP所必要的特征将装备(乃至是延伸到它们默许的阅读器)拆分成你所必要的种别。任何能够关联到的身分都必要斟酌在内，好比它的触控能力、屏幕尺寸、像素密度、地理定位、当地存储、SVG 支持情形等。


• 
  我们应当存眷在装备的特征上，因为当有新的装备呈现，品牌网站开发，品牌网站搭建，品牌网站定制，这类装备又很难归类到平常花费品和市场类目标时刻，我们之前所作的任务照旧有用的。


• 
  市场类目没法让我们晓得那些内容是必要理解的(好比说，能否支持SVG，在这个装备的这个阅读器里能否表现良好)。

2. 
   更进一步：给装备归类

关于网站“三个盒子”，我们就必要存眷装备归类。这是一个以教导为目标网站，为了让用户晓得代码是如何产生感化的，必要放上用户本身编写的代码出来。写出来的代码必要展此刻阅读器里，运转后的了局必要表现在屏幕的某个地位。

     回归实践：将这些内容从手机屏幕上拉上去几乎不克不及够，平日情形下，上面列出的装备类型是必要我们存眷的。    

• 
  支持HTML：必要基于文本的教程内容(实践和语法)


• 
  支持Javascript：交互说话编写必需满足的前提。


• 
  大屏幕:基于文本的教程内容不必要，可是关于编程练习来讲很有用。


• 
  硬件前提上必要有键盘，如许便当代码的录入。


• 
  阅读器必要支持最新的Flexbox specification (不然，练习所编写的代码也不会运转)o可以大概满足所有这些请求的装备关于我们的项目而言长短常理想的。

可是我们有一-个庄重的题目。就在我写这篇文章的同时，最新的Flexbox specification 只需Chrome Canary支持，Chrome Canary几乎不会限定我们对网站的多媒体设想。若是这是一个真实的网站，我们将面对一些困难的挑选。假设我们不想用JavaScript编写一个Flexbox构造引擎，那末我们就只能选. 择Chrome Canary作为独一的阅读器， 因为只需在这里，练习所写的代码，才会运转。

     但是，凭据我们的内容清单和装备分类，我们确切可以大概供给有价值的文本内容(lexbox实践、语法等),接上去只需当实践必要的时刻供给一-些其他的交互元素(即当这些所需的特征可以大概完成时)。

找到做这件事的完满体例长短常庞杂的，同时也超越了本章内容的规模，可是设想一下我们应用JavaScript在阅读器中测试能否支持某种Flexbox特征。若是可以大概支持的话，那末这些交互成份就可以大概参加到这个网站中来。