重设计-UI中国 移动端

闲来无事之暇,用手机登录了UI中国,发现了一些小问题,在此想分享一下自己的想法。

UI中国,顾名思义,是以用户界面和设计为主的中国社区。

1. 首页

mobile版的首页如下左图所示。

作为用户,浏览网站一般会先大体扫描+偶尔探索一番。首页可以点击的除了占70%的内容块,分类栏,还有上方的图片轮播,菜单栏和个人信息。

浏览“首页推荐”时,单页显示双排图片显得非常紧凑,每张图片很小。大致扫过一遍后,习惯性地向左滑动便以切换页面,没有反应,于是再尝试点击“最新作品”button,才得以切换页面。个人信息button一点击就是跳转页面。

homepage

基于上述的一些细节,改进如右图。用户可以向左👈滑动以切换tab,轻松快速地切换栏目。同时,一页显示3个内容,减少视觉负担和信息负荷量,放大单个内容的关注。其次,将个人信息的直接跳转,改为下拉菜单,在有定向选择的状态下跳转,不会显得太突然。

2. 菜单栏

点击menu button后,如下左图所示,用户可以看见8个分类,其中三个“首页” “作品”“学习” button是被激活的状态,另外6个“似乎”是不可以点击的。

大致浏览后,我点击了如下左图的红色区域准备返回,发现没有响应,再次点击,却将我导航到另一个内容网页。无奈之下,我又尝试点击了menu button,这才把菜单栏给收起来。

menu

如上图右2,两种改进的方案。减少了菜单栏占页面的面积,显得更加轻便。右一的分类更为集中,用户点击menu button实现收起和下拉。中间图是在原型基础上作出的简化,直接点击页面右侧非菜单栏区域可以直接返回主页。

3. 加载更多

如左图,用户如果想要浏览更多的作品,需要点击下一页,等待页面跳转。比起页面跳转,直接下拉“加载更多....”,留在主页,即省去了跳转页面的风险,又能使用户浏览具有连贯性。

homepage2

4. 内容页

点击首页内容,经页面跳转,如左图所示。

第一,标题的观感非常差,逼死强迫症。

第二,主页显示的封面与内容衔接不够顺畅。在UI中国发布文章或作品都会要求有封面,封面即显示在主页上的照片,然而点开文章或作品后,封面了然无存,会使得用户产生一种“打开方式错误”的感觉。ps. 没仔细看顶端的标题前,我真有一瞬间以为自己进错了“房间”。

人脑比起文字,对图片更敏感,处理速度更快,所以还是保留封面图片作为文章脸面吧.......这样不失美观,又有整体性。卡片式的设计让阅读更加轻松,点击右上的叉键直接返回主页,省去页面来回跳转。

article

综合来讲,大部分的改进旨在减少页面跳转,尽可能让用户留在原页面得到更多信息,毕竟页面跳转的路上总是充满了风险。。

————————————————————————————————————————

以下内容皆为吐槽

首先,从UI中国网页版说起。

中国的一套社交账户关联系统,我是没搞明白的,我一直期待的是,直接用新浪微博关联后即可登陆,而实际上大多数情况下是,我还需再注册一个账号与微博号绑定。

UI中国就是这样的情况。

如图显示的说我还没有邮箱,请完善我的个人信息,我点了确定,结果他给我导航回了UI中国的主页。= =什么?!主页?来的太快,就像龙卷风,你就不能顺便给我导航到我个人信息,最少给我导航到个人主页吧?就这样随随便便又扔回家门口是怎么个说法?

warning

如下图,刚注册UI中国没多久,我还没有建立完整的个人资料。正准备上传头像的时候,遵循既有的经验,我自信地点击了小人像。

personalfile

非常好,如下图,它“果然”没带我去上传头像的地方呢,反倒是很欢乐地给我显示了个人名片。

business card

好不容易上传好头像了,有奖竞猜哪里是上传头像的地方(见下图),“我的简历”?还是“修改资料”?:)

personal page

如上图所示,右侧栏有3两个button,颜色为蓝色和灰色为主。视觉上,蓝色比灰色更为显眼,换言之,用户能先看到“我的简历”,而非“修改资料”。在理解上,“我的简历”和“修改资料”意思非常相近。即同时,颜色+字面意思引导着用户去点击“我的简历”,然而想真正修改UI中国的个人资料,应点击“修改资料”才是。“我的简历”的用途是对应“招聘”这一功能的。


这是UI中国上传设计经验之前要填的表单,作为新手第一次填没什么,填多了真心蛮烦的。

另外,标签和类型为什么要同时存在,既然有了标签就可以按照标签快速分类。

对于普通用户而言,还没开始写文章,这些东西就像拦路虎一样,非常打击积极性,更何况一不小心网页刷新了。

以上是我目前遇到一些问题,纯属个人想法,虚心接受批评建议,但可能屡教不改2333。

其次,关于使用简书时一些小问题。

当我完成这篇文章的写作时,点击了发布文章,它告诉我这个

“您尚未绑定手机号码,请在我的设置页面绑定手机号码后再尝试吧:)”(如图)

那我个人认为,如果要我绑定手机号码,大可以在我发布文章前告知我。既然我点了发布文章,我肯定是写完了文章,在这一刻,你“绑架”用户去绑定手机号,这点非常“欠揍”。

还有,我需要去设置页面才能绑定手机。在这一刻,我认为更好的选项是,你跳出来“绑定手机”的输入框,而不是让一个刚刚完成写作的用户离开页面,非常没有安全感。

over

最后,关于绑定手机号,我想说几句话。

除非必要,如银行,支付宝,微信支付等。我反感,非常反感,任何一个app绑定手机。

我一直不明白为什么社交软件需要绑定手机号。在我看来,手机号是属于个人隐私,在能避免给出自己手机号的情况下,我是绝对不给的,脸书和推特也从未强制用户绑定手机号,他们的措辞是“绑定了对你帐号会更安全”而已。

我们中国的信任体系那么脆弱,你再三保证不会利用个人信息作为商业用途,我就真的信吗?说实话,你要真用了,我又怎么知道呢?从未在外留手机号,手机里却天天收到的一些教育广告短信,商业短信等等,也不知道那些教育机构或其它机构是从哪里得来的我们的手机信息?

每个用户都有自己的权力选择是否给出自己信息,不是吗?我不明白简书这样一个文字分享的app需要我的手机号做什么,为了安全吗?我已经设置了密码,验证了邮箱,难道再绑定手机就真的安全了吗?

现实是“世界上没有绝对的安全系统”,不是么?但是在这样“没有绝对安全”系统的世界下,我是不是可以保留我一点点的隐私,我是不是可以又选择的去保留我那一点点隐私。

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,464评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,019评论 4 62
  • 事情的导火索 在于家中的水管破裂 而女生的父亲 找了各种理由搪塞而不是去修 也许姨妈期的原因 一向脾气不好的女生就...
    臭美少女_扎扎阅读 184评论 0 0
  • scala的发明者与akka的发明者一同创建了typesafe公司。 scala编译成class文件,在jvm上运...
    李文博阅读 287评论 0 0