加强网站的体验

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特征。假如可以也许支持的话，那末这些交互身分就可以也许加入到这个网站中来。