技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 信息和交互 --> 设计案例探讨――iPhone计算器APP

设计案例探讨――iPhone计算器APP

浏览:2093次  出处信息

    下面两张图,A是iPhone自带的计算器APP设计图,B是我做的设计优化。

    

    我的设计调整基于给一般用户用,而不是给财务人员用,财务人员身边通常有计算器。

    不同之处有:

  • 去掉了mc、m+、m-、mr这些一般用户不会用的功能。
  • 去除了“+/-”这个正负号功能,正号不需要,负号有“-”号就够了。
  • 把加减乘除符号放到顶部一溜排开,虽然常用操作区域由更加集中的四四正方形变成了五三长方形,但用户更加容易形成位置记忆。
  • 把数字排列顺序改了一下,小数字放到了上面,大数字放到了下面,虽然用管了真实计算器的财务人员可能不习惯。但普通用户应该很习惯,因为这就是我们拨打电话时数字键的位置。
  • 把“AC”改成“C”,更加明确地表示是“取消”键(很多手机上的取消键就是“C”)。同时颜色加重,和运算符的颜色区分开。
  • 增加“(”、“)”,以满足类似于:25×0.5+31×0.7这样的需求。我猜你平时用计算器应该是先输入25×0.5,然后把结果写下来,再输入31×0.7,得到结果后,再加上刚才写下来的那个数。
  •     设计图中看不到的两点改变:

  • 结果显示框里不仅仅显示结果,改为:在按“=”号之前,显示输入的计算式(根据内容多少调节字号,至少可以显示75个字符,如果再超长,前面超长的部分就不显示),按“=”号之后,显示结果。
  • 转为横版的时候,A方案是会展示更多强大的计算功能,比如求根之类的。B方案不支持横版。
  •     各位看官有什么意见?欢迎各种意见,一起探讨。

    建议继续学习:

    1. App的成本    (阅读:6354)
    2. 移动APP开发过程    (阅读:4228)
    3. IOS APP设计流程    (阅读:3605)
    4. Web app设计浅谈    (阅读:2949)
    5. 让APP简约而不简单    (阅读:2462)
    6. 聊聊 App Store 的产品和运营攻略    (阅读:2342)
    7. Google App Engine的app.yaml详细说明    (阅读:2067)
    8. 移动互联网时代谁主沉浮    (阅读:2051)
    9. 手机Web app应用研究    (阅读:2055)
    10. 对移动社交型app的一点思考    (阅读:2002)
    QQ技术交流群:445447336,欢迎加入!
    扫一扫订阅我的微信号:IT技术博客大学习
    © 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

    京ICP备15002552号-1