首先看到的是他们的首页。我们一般在谈网站首页的时候，会有几种功能要照顾：
封面功能 (Cover Page)
目录功能 (Menu)
分页导航功能 (Path)
新闻告知功能 (News)
而绿色框线的部分，则是混杂了目录与分离功能。
我们可以看到第一个 shop online ，是提供给“网路消费者”的区块。 our stores则是让希望“喝到实体咖啡的人”，快速找到星巴克咖啡店的目录。在in
grocery中，“一般消费者”可以看到星巴克在一般消费通路中的商品，如咖啡豆、冰淇淋和罐装
Frappucchino。for business中介绍了“商业客户”，如企业、餐饮业等如何购买他们的服务。最后是about
us，提供“ Shareholders ”、“ Stakeholders ”与“找工作者”等了解星巴克的管道。至于最上方与最下方两个红色区块，则分别是网站“功能”与“说明”，这是任何一个网站在做
Informaiton Architecture 时都不可以漏掉的。
页面结构与主导览区
再来，我们可以研究一下他们的内页。内页的左上角，是可以连回首页的品牌告知区，一个被台湾所有连锁咖啡业者抄袭的圆形Logo，加上公司名称，背景也同样是强调咖啡形象的图形。
右上角萤光绿的部分，还是所谓的网站功能，包括“登入”、“帐户查询”、“协助”与“登出”。其他萤光蓝的部分，就全部都是所谓“导览”（
Navigation ）的功能。我们可以注意到，他全部的“页眉”高度控制在 100 pixel
左右，并没有让这些浏览与品牌占去大半个荧幕。
在右上角的导览列中，延续首页的五大分项，以五个老实讲辨识不是太好的 icon 来当代表。
使用者不论按下那五个按钮，或是下面的标签，都可以连到同样的地方，也就是所谓重复连结。此外，针对有特殊索引目的的网友，他们在主浏览区域右边提供搜寻功能，把主要的浏览机能全部一气呵成在同一个视觉点当中。此外，整个网页的内框都会统一变成那个
icon 的代表色。
资料架构与导览处理
在画面的左边，则是主区块下面的分类，我们可以看到在 about us 下面，因为星巴克的企业文化，分出了五大项目，有关于企业、股东关系、求职中心、新闻中心与社会责任。想要了解这个企业的人，不管是想要看好玩的、股东、媒体、求职者或是非营利组织伙伴，都可以在这边快速的找到他们想要的资料。
我们再点进 social responsibility 之后（第一层），可以看到目录展开后的三个项目（第二层），点下
building community 后，第三层的五个项目也应声展开来。
可以发现星巴克网站是很清楚的利用树状结构来做资料整理。为了方面说明，我重新把左边的结构再整理一次，也就是：
social responsibility (level i)
building community (level ii)
the starbucks foundation (level iii)
foundation grants (<- we are here!)
giving back
local support
starbucks & magic johnson
commitment to origins
environmental affairs
在第二层与第三层中，在我们所处的地方（where we are）都会把hyperlink拿掉，标出使用者目前的位置，也很清楚让网友知道他进入的路径（path）。
内页文字与连结处理
最后，我们目光拉回网页的文字处理上面。
刚刚在浏览的地方已经提到，整个网页中分成五个大项，同时各用一个颜色来做识别色。除了边框外，他们内文中的
highlight 与 hyperlink 还是延续了这个识别色，在这边，是星巴克标准色，绿色。
Highlight
提到 highlight ，我们可以看到这边的小标都是用识别色加上粗体来处理，十分的清楚。（萤光蓝框）
Hyperlink
此外，他们的 hyperlink也很清楚的落在关键字上面，例如橘色框中的 the guidelines
，用网人看到这边，就可以得到进一步的资讯。
条列内容
在申请摘要中，网站采用了条列式的方法，这对于网路是十分合适的。
最后，许多网站搞到最后，有时候都喜欢搞“纯虚拟”，电话也不写出来、地址也不写出来，网友找半天，就是找不到“实体”联络方式，你是开公司哩，还搞什么“网路隐私”？这边倒是很清楚的就把联络电话写出来，要电话联络？随时欢迎。
|
