到处玩的糖水

关于mobile的交互设计，看了些书籍和文章后，阐述了一些个人的设计思路：

总结出了一些mobile的交互设计规则，图示如下：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

手机信息：

操作系统：IOS

手机：iphone

手机类型：触摸屏

分辨率：320*480

 

IOS平台的交互原则：

 

• 紧凑的屏幕尺寸

• 内存是有限的

• 每次只能显示一个窗口

• 每次只能运行一个程序

• 简短的用户帮助

 

流程图：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

界面元素：

• QQ号码

• 密码

• 自动登录
• 记住密码

• 快速游戏

• 登录按钮

手持姿态：横持

 

布局原型图：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

故事任务情景：

 

1.用户输入QQ和 密码并点击登录

当用户GG打开游戏MM时，光标在QQ文本框中，并在下方弹出数字输入板：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

当用户输入QQ的第一个数字时，在后面将会出现取消的按钮，取消用户错误的输入：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

当用户输入完成QQ号和密码后（当密码输入框被激活后，登录按钮被激活为可点击）：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

用户勾选自动登录时，记住密码也被同时自动勾选，并有相应的安全提示，提示用户注意密码保护和安全，选中【确定】继续，如果选中【取消】，则自动登录复选框被选中状态清除

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

点击登录，网络异常出现的时候：显示如下提示

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

点击登录，用户名或密码输入有误的时候，出现如下提示：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2.用户删除QQ号码：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

当用户选中QQ输入框的三角按钮，出现下拉框

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

当用户点击红色【-】号时候，出现【删除】按钮，点击删除用户QQ帐号

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

删除完成后，显示界面如下：