Tradewinds redesign

航运界新闻媒体客户端设计，实现在移动端阅读航运新闻以及查看个人订阅号详情， 并在移动端完成续订付款等事宜

The Inspiration:

在工作中，总是发现用户会打电话来投诉关于APP的问题，比如不知道怎么log out, 或者log in 了之后，界面还是在 login 的输入界面，不知自己是否已经登陆了。还有许多人表示完全不知道怎么用，这时候我会一步步的在电话里知道他们怎么去使用。同时，在工作中我也经常发现客户甚至对自己的账号都不了解，唯一获知自己账号信息的时候还是第一次订阅时销售发送的确认订单，而这些邮件用户早已不知道放到哪里去了。而由于我们推广的是单个账号制度，也就是说一个账号只能给到一个人用，而用户常常会由于不清楚这条制度而滥用，同他人分享账号，从而导致无法登陆或者账户被封的问题。由于上面的种种原因，导致了用户不愿意再订阅我们的账号，这对于做续订包括日后的销售都产生了一定的负面影响。

因此为了让用户能够更好的去使用App,提高用户的使用频率以及用户留存率，我打算给公司做一次App上的Redesign。提高用户使用频率，给到用户较为清晰的个人账号用户体验。

这次Redesign中主要加入了用户对个人账号的操作，使用户能在手机端就轻松的完成订阅/续订，修改自己的纸质版报纸/发票寄送地址，更改自己的订阅的版本，了解自己的用户号，订阅日期及一系列基本信息。

用户：

• 航运公司管理层领导人物（会有经常出差的情况，35-50岁）

• 有智能手机

• 喜欢在客户端获取及时讯息

• 希望在客户端能直接便利的完成订阅/续订等事宜

User FLow:

设计中遇到的问题：

将新闻分类直接铺开在主页上还是藏起来放在汉堡包菜单后：

由于TW的订户很多都是公司管理层，年纪少长，对于手机的使用并非特别熟悉，所看即所得，因此直接将信息铺设开放在主界面上通过左右划动切换不同的分类。同样的在底部加入Tab Bar（按功能切分）, 能让用户随时随地清晰的认识到自己的位置。不至于在界面中迷失。

用户如何完成一次续订：

• 用户进入主界面

• 点击任意文章或者Tab Bar“ME”

• 显示登陆界面，登陆

• 进入版本介绍（Basic/Standard)，选定续订版本

• 填写/更改用户个人资料（公司，姓名，性别，报纸邮寄地址，发票邮寄地址）

• 显示完整订单，确认提交订单

• 下单成功（提示电子发票已发送至邮箱），显示付款方式：A.银行汇款，B信用卡付款

         若点击信用卡付款=>显示信用卡表单，填写完成提交
  
         提示付款成功。
  

• 若用户提交订单后未付款，则信息会出现在”Me”界面“，但此时用户能看到新闻，但必须在规定时间内付款，否则账户将关闭，并产生balance发票。

• 为了避免用户随意下单，在用户点击确认提交订单按钮的时候提示说下单后订单将无法取消，但有一个月的付款时间，否则到期后账户将自动关闭。

• 版本介绍虽然可以用两个界面展示，但是由于版本之间的区别不大，因此展示在一个界面上易于让用户发现版本之间的不同。同时提示用户，我们将提供纸质版和电子版发票给到用户，打消用户报销，审批的顾虑。同时在版本介绍中加入Contact Us一栏，以便不清楚的用户直接联系各地办公室进一步的了解。

提醒用户续订

在Message一栏里添加续订通知

在My Account 上方添加续订提示，确保用户看到（通常账号到期前一个月提醒）

Banner使用

原本打算在Home屏幕顶部加上Banner，将每日重点新闻置顶，但是由于Banner是要通过左右滑动来看到新闻的，而新闻的分类也是通过左右滑动来看的，因此考虑到这个情况，将Banner取消，直接在主页面将信息铺开，从而避免手势冲突

文章页面添加的功能键

添加直接返回主页的按键：由于用户在浏览文章的时候会在阅读完毕后看到文章后推荐的一些新文章，用户可能会不断的点进去看，如果用户一层层的点击了数十次，浏览了数十次的文章，回到主页则要再按十次，而Tab Bar在阅读的时候被隐藏了，因此，在文章页面加上返回主页的按键能让用户直接回到主页，而不至于迷失，或再点击十几次才能回去。

功能键的位置：主页键，返回键以及分享件全部放在阅读文章的底部，原因是，现在大屏手机越来越普遍，因此将功能按键全部移到底部将方便用户点击。

向下滑动浏览文章时，功能键将全部隐藏，向上滑动后将出现功能键。保证全界面展示文章。

Me界面：

界面的名字直接显示为客户的名字，从而加深客户个人单个账号的印象。

Weekly界面

在Weekly界面, 用户可以通过右上角的四分格和两栏分格的图标切换纸质版报纸上的信息排布方式，一种是直接将44页的新闻按页分，全部展示在一屏里，但考虑到一直下拉不方便，外带有时候用户可能对纸质版报纸的大致页面有个模糊的印象，因此加入按报纸页面分类页数，用户可以较快的定位到需要寻找的页数和新闻。

All User Screen

High-Fidelity Mockup