搜狐新闻交互体验文档

信息架构

搜狐新闻的信息架构做的并不好,有些内容嵌入太深,让人很难寻找。离线刊物、离线视频和意见反馈等。在第一次使用需要很多的时间来思考、寻找这些功能。在Tab按钮中“我的”里面包含了阅读圈跟个人设置,让个人设置藏的更深了。

不完全信息架构(图一)
新版信息架构(图二)

个人修改的新版信息架构,主要修改了“菜单”跟“我的”的信息架构,并将阅读圈独立了出来新增了一个“发现”Tab按钮。

将个人信息中的个人主页分离了出来,呈现在另一个页面中。将菜单中的“设置”移到了“我的”。

离线视频跟离线刊物的位置还是有待商榷。整合之后的新版架构跟主流的APP架构相似,可以降低新用户的学习成本,能让他们更快的找到想要的功能。


页面流程图


现在的页面流程图(图三)


修改后的页面流程图(图四)

根据修改后的信息架构,设计成的新版页面流程图。


“新闻”标签交互分析

1.当位于“新闻”的首页时,向右滑动将进入带有广告的启动页。用户肯定会很疑惑怎么突然就进入到了这个页面,完全没有提示。由于跟启动页一样,用户会认为程序是出现错误然后重启了。这个交互的体验非常的不好,可以取消掉。

2.在每一条新闻的右下方有一个子菜单按钮,非常的少且点击区域也是很小的。可以适当增大。

3.页面最上方的导航Tab中“订阅”出现的很突兀,订阅并不是跟其他频道一样的性质。由于订阅之后的内容会在阅读圈内出现,可以将订阅这个功能放在阅读圈内。

4.在进入一条新闻正文后,下方的工具栏中的调整字体功能设计的非常不合理。字体大小有大中小三种选择,但是在该页面的3个选择的字体大小是一样的。用户选择其中一个后并没有展示该大小的字体是多大的。由于工具栏是一个新页面,若字体修改不合适,用户还需要在进入该页面进行操作。

可以修改成在此页面3种选项的大小跟他们选择后的大小一样。让用户可以直观的了解该选项的字体大小,进行合适的选择。

字体修改对比(图五)

                                              

“视频”标签交互分析

1.第一次切换到视频页面时,视频瞬间开始自动播放且带有音效,吓了我一跳。这种视频播放模式跟Ins有点类似,但是Ins不是默认开启音效,需要轻触点击才会开启音效。个人觉得Ins的这种模式会更好。既不会在第一次打开时惊吓到用户,在特定环境下也不会打扰到其他人。

2.自动播放这个功能,在APP内没有开关按钮。如果有用户不喜欢或者不需要这个功能时,不能在APP内设置。这样会对用户造成困扰。尝试了多次后发现,在视频播放后点击暂停后,退出APP再次打开就不会自动播放了。也就是说如果想禁止自动播放,需要在每次退出前在视频页面对当前播放视频点击暂停,才能在下次进入时视频没有自动播放。

所以有必要新增一个禁止自动播放的选项或者使用Ins的播放模式。

3.在每一个视频下方会有3个功能选项,第一个为下载功能。在点击下载后,需要跳转到另外一个页面才能看到下载进程,非常不方便。

由于点击下载后并不能继续播放,可以在下载按钮处增加一个动效,该按钮根据下载的百分比开始变红,当完成下载后,该按钮变成全红。这样既可以在当前页面让用户清晰看到下载程度,也能标记已经下载过的视频,使用户不再重复点击下载过的视频。

4.在离线视频页面中,编辑的弹窗位置设置非常不合理,不符合IOS和Android的设计规范。也没有在页面中中突显出来。

在选择删除离线视频后,出现的强提示弹层会占满整个页面,也没有突显可操作的位置,会让用户需要时间来思考进行下一步操作。建议修改成在页面中央出现提示弹层。

选择弹层(图六)


其余的交互分析

1.APP内的分享弹层也是非常与众不同,也是弹出一个新页面。可以考虑遵循一下各平台的设计要求。

分享弹层(图七)

2.关于IOS版本的启动页,在启动IOS版时,会出现一个带有搜狐的LOGO启动页停留时间约1S,然后再进入停留3S的广告页面,4S的启动时间实在是太长了。在Android版的LOGO只出现了0.2S,这个应该算是程序的小bug吧。过长的启动时间,非常的降低用户体验。建议启动时直接进入停留3S的启动广告页。

由于不是常用搜狐新闻客户端,所以还有很多细节的地方没注意到。第一次进行交互分析,不足的地方还有很多。下次继续加油。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,670评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,928评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,926评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,238评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,112评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,138评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,545评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,232评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,496评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,596评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,369评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,226评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,600评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,906评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,185评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,516评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,721评论 2 335

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,067评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,946评论 4 60
  • 第七课:短句和空白,数字3,重复与呼应。 第八课:故事和远距联想。随时记笔记。 作业: 1、好好回想一下,小时候呆...
    仲猫阅读 234评论 1 3
  • 那么多的夜里 你凝神守着自己 守着钟声 守着微微细雨 守着蛰伏在安宁下的空城 想要什么你自己大概也是不大清楚的! ...
    萧默瑟瑟阅读 166评论 0 0