UI设计案例分享 | 冬奥智慧气象APP界面视觉设计与交互设计

北京冬奥会是近20年来唯一一次在大陆性冬季风主导气候条件下举办的冬奥会。大风、气温低、低能见度、降雪等将是冬奥会和冬残奥会面临的主要天气风险。同时，气象保障也可能需要应对复杂相态降水、沙尘天气等挑战。在国际上没有可借鉴的成熟技术方案情况下，赛区尺度山地的气象监测、预报及服务是本次冬奥会气象工作面临的挑战。

设计介绍

冬奥智慧气象 APP 是专门面向国内外 IOC（国际奥委会）官员、冬奥会的组织与管理者、运动员与教练员以及关注冬奥会比赛进程的公众用户，通过该 APP 向国内、国外用户提供权威、准确、及时的官方气象服务信息，并作为冬奥会官方气象服务网站的有力补充，通过智能手机向用户提供优质的冬奥气象服务。该 APP 以冬奥比赛场地的预报、实况和预警的气象服务为设计重点，面向不同用户的天气需求进行定制化开发。开发原则上以服务用户为主，创新设计服务流程和服务模式，让国内外用户能够体验到冬奥气象服务的实用和贴心，并具有一定的科技感和获得感。

通过该 APP 对外提供三大赛区的监测实况、精细化天气预报以及高影响天气预警等权威信息，提供中、英双语，面向安卓、苹果手机的 APP 气象服务。该 APP 的建设将实现以下目标：APP 将提供三大赛区的比赛场地、场馆全天 24 小时的冬奥会气 象信息服务，包括比赛场馆精细化气象服务产品、场馆周边交通气象信息、天气预警以及其他冬奥相关的公共服务信息，满足不同目标群体气象服务需求。 APP 提供中英文双语切换，移动端多终端访问，中文版、英文版界面简洁实用，功能完整并在可视化和展示效果上有一定的科技感，提供面向用户的定制化响应功能。

建设内容主要为 APP 的中文版、英文版以及手机移动端的多终端安装应用。通过建设三大赛区实时监测实况、精细化天气预报、预警、冬奥专题气象产品、交通气象预报、冬奥科技成果展示等功能界面整合冬奥相关气象数据和产品，利用统一的冬奥数据支撑子系统、系 统后台产品定制和响应子系统、前端可视化渲染子系统等最新前沿技术，开展显示快捷、滚动更新的冬奥智慧化气象服务，实现实况、预报、预警、交通气象服务等服务产品的快查询和显示。

逻辑架构

设计方向

整个项目对于所有的参与人员来说都是摸着石头过河，这是一个非常具有专业性和技术性的项目。不仅要符合中国人使用习惯，更要符合国际友人的使用习惯。所以前期也调研了很多国际app案例。在前期定风格的过程中，主要采用冬奥主题，在整个app中要体现出冬奥元素，并体现出实用性和美观度共存的设计理念。

设计展现DesignShow

整体的设计过程进行的有三轮，刚开始是以菜单切换的形式，切换到不同的页面展示不同内容，在大家多次讨论的过程中觉得这种交互不太直观，所以有了第二轮整体设计。第二轮是采用瀑布型展示模式，所有的模块内容都在一页上全部展示，采用滑动的形式查看更多。再次谈论中发现瀑布型功能过于隐藏，在没有滑到下面时，不知道下面有什么功能。所以最后经过和气象台各位专家不断讨论中产生最后的交互模式。