s60v3界面设计方法 20100717

18
无线产品设计 作者:elyahttp://elya.cc

Upload: elya

Post on 06-Jul-2015

3.078 views

Category:

Design


6 download

DESCRIPTION

Symbian平台上比较常见的信息展现方法,主要是从标签和列表角度考虑,分为三种设计方法,标签+列表、多重标签、多个入口三种方法

TRANSCRIPT

Page 1: S60v3界面设计方法 20100717

无线产品设计

作者:elya妞

http://elya.cc

Page 2: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

腾讯QQ空间1

这款手机SNS软件专门针对S60V3手机开发,软件界面清爽,

操作体验流畅,还支持三套皮肤:默认、室外和夜间。

在“更多”标签中,有好友列表、我的空间、好友心情三个常用入口

所有功能都通过“标签页”

的形式展示,用户只需

通过左右方向键移动就

可以在空间动态、好友动态、最近访客之间自

由切换

Page 3: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

腾讯QQ空间1

进入“我的空间”和“好友空间”,仍然以“标签”形式查看自己的

日志、心情、相册等。

以列表的形式展开\收起相关内容

Page 4: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

腾讯QQ空间1

无论你处在哪个标签页上,都可以迅速的通过“左菜单”一键写

心情、写日志、拍照上传,十分方便

这是什么?

Page 5: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

PingCo V2.52

是一个手机上的实名在线社区,以用户手机通讯录中的社会关系为纽带,为用户提供先进的移动社交服务。

Page 6: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

Gravity3

使用了大量的横置缩略头像和图标,一目了然。Tweet消息之间,使用不同的颜色来区分你的回复,密信等。

Page 7: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

Gravity3

If you are an avid Twitter user and addicted to use it from your phone. Then you should try Gravity. Its Symbian S60 based Twitter client. Which has very cool and usable interface.

Page 8: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

Gravity3

这是一个德国人开发的软件,界面的创新和功能的强大是最

突出的特点,可以说是颠覆Symbian软件界面和用户体验的一

个软件,作者Janole

Page 9: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

贝多开开beta公测版1

界面分“好友”、“地点”、“寻宝”及“自己”四大栏板块,整合了

Foursquare等美国最热门位置服务提供商的主要功能,具有地

理日志、消息分享和互动游戏的功能特性

显示好友的位置

与签到地点

Page 10: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

贝多开开beta公测版1

用户只需要用手机“签到Check-in”自己当前的位置,就能够把

位置信息发布给好友。同时,“开开”还会向用户显示周围的餐饮、生活、娱乐场所,并提供商家的优惠信息

显示用户

当前位置

其他用户在该

地点发出的

“贴士”

Page 11: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

贝多开开beta公测版1

宝板块,能让用户互动寻宝,在认识好友的同事,还有机会

把宝贝兑换成如笔记本、数码相机的实物

只给个入口

Page 12: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

贝多开开beta公测版1

在“自己”板块,类似是用户个人信息面板,分“成就”、“动态”、“好友”、“通知”四小板块。通过这些板块,用户可以获悉好友动态、自己级别等信息。

双重标签页

Page 13: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

人人网2

双重标签页

单标签+列表

Page 14: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

Facebook3

双重标签,实际上

是通知区

标签+列表

Page 15: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

WhatIsUp4

用您的手机,记录下您身边发生的事情,让稍纵即逝的一刻永远留下,并分享给您的朋友们,告诉他们您身边发生的一切

双重标签页

Page 16: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

FlashNett1

a blog feed from the FlashNett blog. information Software reviews computing technology and design.

Page 17: S60v3界面设计方法 20100717

标签+列表 双重标签 多个入口

类似于…2

Page 18: S60v3界面设计方法 20100717

无线产品设计

作者:elya妞

http://elya.cc