LiveSide 中文版,关注 Windows Live, MSN 及微软等相关的产品、技术和文化
标签 Tag : UI

[视频] 早期 Windows 7 UI 动画特效

<Category: 视频> 19 条评论

Windows 团队在 2007 年就开始了 Windows 7 的界面和体验设计,前些天 UX Evangelist 公开的这段视频展示了一些比早期 Windows 7 桌面体验设计手稿、概念图更酷的动画特效:

这些早期 Windows 7 UI 动画特效都是基于 Windows Vista 桌面的(那时 Windows 7 UI 还不存在),具体涉及的 Windows 细节包括:

  • Windows 开始按钮
  • Windows 开始菜单
  • Windows 窗体
  • 壁纸亮度/对比度调节
  • Windows 任务栏
  • Windows Shell

尽管这些特效看起来很炫也很流畅,但最终被采纳的并不多。正如 Experience Design & Research 团队的 Windows 7 设计原则中提到的:Be great at”Look” &”Do”。

taskbar3

本文来自: [视频] 早期 Windows 7 UI 动画特效

Windows Mobile 7 概念设计图,及 Roadmap

<Category: 资讯> 9 条评论

这张仍是早期的 Windows Mobile 7 概念设计图(包括硬件设备),似乎和 Microsoft 未来愿景 2019 视频中“手机”有些相似(不过这部是 2014 年的?):

WMConcept

除了这张概念设计之外,Stephen 在其 UX Evangalist 博客上还发布了一张两周前的 Windows Mobile Roadmap 演示文稿,其中使用的手机图正是上面这张。值得注意的是,该演示文稿中提到了 Windows Mobile 对应的服务,包括:Windows Marketplace for Mobile, My Phone, Windows Live, 以及 Windows Live Search

根据消息来源称,My Phone Beta 后的 1.5 版将于今年夏季推出,并会面向 Windows Mobile 以及非 Windows Mobile 手机用户推出免费(显示广告)和收费的 My Phone 服务。

WMRoadmap

另外,之前泄漏的 Windows Mobile 7 界面图都是旧版设计,或者是冒牌的。也就是说,目前网上还没有真正最新的 Windows Mobile 7 的截图

图片来源: Old Windows Mobile 7 Mock-Up UI

本文来自: Windows Mobile 7 概念设计图,及 Roadmap

Windows 7 Logo 的秘密

<Category: 资讯> 9 条评论

月初,CentrumXP.pl 泄漏了 Windows 7 零售包装盒设计,然而不少“证据”都表明包装上的 Windows 7 Logo 是真的(据透露,该泄漏包装设计仅仅是概念设计)。

win7_box_min

在随后几天里,Long Zheng 陆续发现了这些“证据”,请注意包装设计以及下两图中的“数字 7”:

microsoft_china_windows7 n74372897803_5081

该数字 7 的设计看起来无特别之处?尝试以下步骤,或许你会改变看法:鼠标移至 Windows 7 开始按钮处,看到 Windows Logo 右上角的绿色光晕了吗? :P

本文来自: Windows 7 Logo 的秘密

Windows Mobile 6.5 “已完成”及更多细节;My Phone 例行维护

<Category: 资讯> 6 条评论

Windows Mobile 开发团队于 5 月 14 日通过 Twitter 宣布:Windows Mobile 6.5 “已完成”。然而我们猜测“已完成”意味着 Windows Mobile 6.5 已经 RTM,但官方除了 Twitter 消息外无其他正式公告。

在 TechEd 2009 上,微软透露了更多 Windows Mobile 6.5 的消息和细节:Windows Mobile 6.5 的 Widgets 将作为 Windows Mobile 应用只在 Windows Marketplace for Mobile(Windows Mobile 应用商店)发布,并且 Widgets 也包括在 Windows Marketplace for Mobile 开发者计划(收费)之中。

windows_mobile6.5

另外,Windows Mobile 6.5 的用户界面已完成。但事实上由于计划的限制,Windows Mobile 6.5 团队未能有充足时间完成所有 Windows Mobile 的用户界面设计,而优先考虑了 Home Screen, Today Screen 等相对重要的界面。

根据 Ars Technica 的消息Windows Mobile 6.5 将不会自带 Silverlight for Windows Mobile,但微软试图确保 Windows Mobile 7 能获得出色的 Silverlight 体验。

预计 Windows Mobile 6.5 手机今秋推出,而 Windows Mobile 7 手机可能在 2010 年上半年推出。

My Phone 服务5 月 18 日当天例行维护与服务升级,在此期间用户无法使用 My Phone 服务。(via My Phone Team

本文来自: Windows Mobile 6.5 “已完成”及更多细节;My Phone 例行维护

Office 2010 新特性:JumpList 及 PowerPoint Live 等

<Category: 资讯> 15 条评论

WZor.net 泄漏了 Microsoft Office 2010 Professional Plus 技术预览版(x86, x64),而 Ars Technica 在第一时间发布了全套 Office 2010 截图。尽管对比 1 个月前泄漏的 Outlook 2010 截图,界面并没有太大改动,但最近的 TechED 09 以及该泄漏版 Office 2010 中暗示了些 Office 2010 的新特性。

Windows 7 JumpList

在 TechEd 2009 上,微软演示了支持 Windows 7 JumpList 新特性的 Outlook 2010。当有未读邮件时。Outlook 任务栏图标右下角还包括新邮件的图标提示(如下图)。(via Techradar

Windows 7 JumpList 新特性

Microsoft PowerPoint Live(Broadcast Slide Show)

PowerPoint 2010 支持将演示文档发布至 PowerPoint Live 或其他在线服务,以便其他用户可通过浏览器观看该演示文档,类似 Apple iWork.com。而 PowerPoint Live 很可能就是 Office Web Applications 中的一员。

PowerPoint 2010 支持将演示文档发布至 PowerPoint Live

JCXP 还给出了一些 PowerPoint 2010 以及 Word 2010 新特性的截图和简介,比如:PowerPoint 截图功能、新的 PowerPoint 过渡效果、PowerPoint 内录制幻灯演示。

另外,Office 2010 官方团队也已确认:Groove 已改名为 SharePoint Workspace,并且 OneNote 和 SharePoint Workspace 都将包括于 Pro Plus 版本中。希望加入 Office 2010 技术预览版测试的同学,可以在此申请加入

本文来自: Office 2010 新特性:JumpList 及 PowerPoint Live 等

Office 2010: Outlook 将采用 Ribbon UI 及新 Logo

<Category: 资讯> 3 条评论

Zack Whittaker 获得了几张来自 Microsoft Education 团队的 Office 2010 的截图,而截图中显示了 Office Outlook 2010 将采用 Ribbon UI。如下图:

out14-revised

根据 Mary Jo Foley 的消息,Microsoft Exchange Server 2010 也将和 Office Outlook 2010 有更多功能上的整合,比如:语音邮件预览,而现在已经可以下载 Microsoft Exchange Server 2010 Beta 测试版了。

题外话,Outlook Live 是面向学生推出的 Email 服务,或许因此 Office Outlook 将包含于 Office Home & Student 套装中。要知道 Office 2003 或 2007 的 Home & Student 套装中是不包含 Outlook 的。

在下面的这张图中,显示了 Office 2010 的新 Logo,不过该关于界面看起来并未正式完成 - Logo 背景仍有 placeholder(占位符)字样。

o2010_1

这两张截图和之前泄漏的 Office 2010 截图,包括 Access, Excel, Groove, InfoPath Designer, InfoPath Filler, InterConnect, OneNote, Outlook, PowerPoint, Project, Publisher, SharePoint Designer, Visio, 以及 Word 基本相同。我仍相当好奇 InterConnet(难道是 Groove?), Word Consumer, Excel Consumer 究竟是什么产品。

Stephen 之前发布的首张 Office 14 截图中正是 Grava(Semblio 的代号),这是一款面向学生的,能够将多种格式内容(包括:YouTube 视频、Office 文档、PDF、Silverlight 内容等)整合在一个文件中的工具,而用户能够通过 Semblio Player 进行查看。Zack 已证实,Office 2010 中是包含 Semblio 的。

微软已经在今年一月选出了一批测试者进行 Office 2010 Alpha 测试了。另外,微软更新的 Partner Program 网站显示,微软将于 2009 年 5 月 5 日提供 Windows 7 RC 版下载(via Windows 7 Center),但页面已经被删除。

图片来源: Office 2010: new logo, Outlook, and user interface

本文来自: Office 2010: Outlook 将采用 Ribbon UI 及新 Logo

Windows Live Writer Wave1 的界面来自?

<Category: 观点> 1 条评论

尽管现在 Windows Live Writer 最新版本是 2009 年 2 月 12 日推出的 2009 Build 14.0.8064.206,但今天我谈及的并不是最新版本,而是 WL Writer 的第一个公开版本的界面:微软于 2006 年 8 月 11 日推出的 Windows Live Writer Wave1 Beta,截图如下。

wlwriter_wave1

出乎大家意料的是,Windows Live Writer Wave1 Beta 的界面相当另类,因此产生了如下的疑问:该界面的来源是?

在回答这个问题之前,我觉得有必要介绍一下当时 Windows Live Writer 团队的架构师 JJ Allaire(现在是否仍是架构师未经确认):

JJ Allaire 曾联合创办了 Allaire Corporation - 并创建了 ColdFusion,随后 Allaire 被 Macromedia 收购,而后 Macromedia 又被 Adobe Systems 收购。

04 年他与 Allaire 联合创始人及 Macromedia 市场副总裁 Adam Berrey 联合创办了 Onfolio,Onfolio 是一款在线数据收集、研究工具,也可作为 RSS 阅读器。06 年,微软收购了 Onfolio,并将其整合入了 Windows Live Toolbar(08 年 Onfolio 被停止了)。

而最主要的是,JJ Allaire 加入微软之后,领导开发了 Windows Live Writer。(via Wikipedia

从 JJ Allaire 的经历似乎看不出什么线索,然而看一下由他创建的 Onfolio 工具(下图),应该都明白了吧:Windows Live Writer Wave1 采用的是 Onfolio 的 UI 框架。另外,Onfolio 2.0 是支持发布至博客功能的

srev21fig7

图片来源:Arizona.edu

尽管 Windows Live Writer 在 Wave2 阶段已经对界面做出了的改变(更趋向于统一的 Windows Live Wave2 风格),但与其他 Windows Live Essentials 产品风格的真正统一也只是 Wave3 阶段才完成的。

本文来自: Windows Live Writer Wave1 的界面来自?

早期 Windows 7 桌面体验设计手稿、概念图、原型、设计原则

<Category: 资讯> 5 条评论

与去年 Mix08 上的 The Story of the Ribbon(Office 07 Ribbon 界面的设计历史)同样经典的是,微软在 Mix09 上公开介绍了早期 Windows 7 桌面体验设计的手稿、概念图和设计原则等内容,这也是仅有的两场 Windows 7 内容演讲的其中之一。

在 2007 年(Windows Vista 在 2006 年 11 月 8 日 RTM 的),Windows 团队就开始了 Windows 7 的界面和体验设计。以下仅仅是 400 多件手稿中的一部分,也是我们在 Windows 7 Beta 中看到的 Taskbar Previews,Aero PeekJump Lists 等功能的初稿(点击放大):

windows_7_desktop_concept

2006 年初,Windows 团队曾在任务栏中直接整合了缩略图,但问题是这些缩略图太小,并且经常无法正常显示(空白)。而后来则采用了更加稳妥的 Taskbar Previews 实现了“既能点击,又能预览的缩略图功能”。下面这张截图呈现了当年整合了缩略图的 Windows 任务栏:

windows_preview_taskbar

2007 年 2 月,Windows 团队又设计出了 Bat Signal 原型:鼠标移至任务栏某图标处,会通过探照灯光高亮显示对应窗体。恩,后来该 Bat Signal 就演变成了 Windows 7 中的 Aero Peek:鼠标任务栏的缩略图,该窗体会显示于最前端,并且其他窗体只显示边框。

windows_7_aero_peek

至于 Bat Signal 之名的来源,恐怕了解蝙蝠侠中探照灯作用的同学们都能懂的吧?

同年同月(07 年 2 月),还有款叫作 Aladdin 的原型出现了,不用多说,也就是 Aero Shake:晃动程序窗口,能使其他程序自动最小化;再次摇晃,则恢复原来窗口状态。

2008 年 9 月,Windows 团队开始测试 Jump Lists,然而测试者们并不喜欢任务栏旁边的箭头。大概这也就是 Jump Lists 最初没有默认启用的原因吧 - 微软当时仍在对 Jump Lists 特性进行用户体验测试。而在现在的版本中,Jump Lists 只需右键即可弹出。

windows_7_jump_lists

而这些 Windows 7 桌面体验设计都是遵循以下原则进行设计的,事实上,这张图已经贴满了整个 Experience Design & Research 团队叻。当然,这些只可意会:

image70

明年 Mix 又会涉及哪一产品的用户体验 UX 设计的内容呢,至少从现在的内容价值来看 - Office 07 Ribbon + Windows 7 Desktop,真的很期待明年的 Mix。

演讲链接: Designing the Windows 7 Desktop Experience(视频 + PPTX

本文来自: 早期 Windows 7 桌面体验设计手稿、概念图、原型、设计原则