黑色软件界面欣赏之一

2011-10-31 蓝蓝 ui界面欣赏

阅读全文>>

标签: 黑色软件界面设计欣赏

评论(0) 浏览(2814)

三星鹏泰OpenTide: 三星Galaxy Family盖世系列智能手机

2011-10-30 蓝蓝 移动设备ui及体验

网址: http://support-cn.samsung.com/campaign/mobilephone/GalaxyFamily/index.html 三星电子宣布以“盖世群英”之名推出在MWC上隆重亮相的GALAXY Family系列智能手机。 GALAXY Family系列智能手机首次内置的三星“网圈”功能,是三星为手机用户专属...

阅读全文>>

评论(70) 浏览(2389)

漫谈互联网应用表单设计

2011-10-29 蓝蓝 交互设计及用户体验

表单可用性缘何重要?
 

The ISO 9241 standard defines website usability as the “effectiveness, efficiency and satisfaction with which specified users achieve specified goals in particular environments.” When using a website, users have a particular goal. If designed well, the website will meet that goal and align it with the goals of the organization behind the website. Standing between the user’s goal and the organization’s goals is very often a form, because, despite the advances in human-computer interaction, forms remain the predominant form of interaction for users on the Web. In fact, forms are often considered to be the last and most important stage of the journey to the completion of goals.

ISO 9241标准中对网站可用性的定义是:特定用户在特定环境下,能够快速、有效且满意地完成特定的目标。用户使用网站都是有目标的。 如果设计得好,网站不但会达到用户的目标,还会将其与自身公司的目标联系起来。介乎用户目标和公司目标之间的往往就是表单 ,因为,尽管人机交互发展迅速,表单仍然是用户与网站交互的主要方式。实际上,表单经常被认作是完成目标的最后也是最重要的一站。
 

Let’s clarify this last point by discussing the three main uses of forms. As Luke Wroblewski states in his book Web Form Design: Filling in the Blanks, every form exists for one of three main reasons: commerce, community or productivity. The following table translates each of these reasons into the user and business objectives that lie behind them:

让我们通过讨论表单的三个主要作用来阐述下最后这一点。就像Luke Wroblewski在他的《web表单设计:点石成金的艺术 》一书中说的一样,每个表单的存在必有如下三个原因之一:商务、社区或效率。下面的表单把这三个原因转化成了其背后的用户目标和公司目标:

点击查看原图

阅读全文>>

标签: 表格的设计 表格可用性 互联网应用表单设计

评论(267) 浏览(5977)

滚动条的各种设计方式和PSD图

2011-10-28 蓝蓝 设计资源

微型滚动 微型滚动使用jQuery库和设计,重量轻,动态网页设计师提供最大的灵活性,以提高设计的滚动。  我已经考察了滚动条的结构和它的真实,你将能够风格很容易。  它不来的顶部和底部的箭头。


    阅读全文>>

    标签: 滚动条的设计,滚动条psd

    评论(82) 浏览(4058)

    黑色软件界面欣赏之二

    2011-10-27 蓝蓝

    万达主管,万达主管QQ(   www.lanlanwork.com  )是一家专注而深入的设计机构 ,为期望卓越的国内外企业提供有效的   BS界面设计  、 cs界面设计  、 ipad界面设计  、   包装设计  、 &nb...

    阅读全文>>

    标签: 黑色软件界面设计欣赏

    评论(44) 浏览(1832)

    iPhone OS设备不同于台式机或笔记本电脑,平台间的差异

    2011-10-26 蓝蓝 移动设备ui及体验

     

    牢记平台间的差异

    iPhone OS设备不同于台式机或笔记本电脑,iPhone应用程序也与桌面应用程序不同。虽然这些似乎只是常识性陈述,但是您在为这些设备开发软件时意识到这些差异还是非常重要的。

    为iPhone OS设备开发软件需要的思维方式可能是也可能不是您所习惯的。尤其是在您的经验主要是开发桌面应用程序的情况下,您应该了解为移动平台设计软件和为台式机设计软件的差异。

    本小节总结了这些具体的差异。这些差异对于您的设计选择具有潜在的影响。有关如何处理这些差异以及iPhone应用程序开发过程中的其他问题的具体信息,请参考iPhone应用程序编程指南。

    紧凑的屏幕尺寸

    iPhone OS设备具有高分辨率的小型屏幕,适合用户放入口袋且具有强大的显示功能。然而这个对用户来说巨大的优势可能成为您的挑战。因为这意味着您必须设计一个可能与您的设计习惯差异较大的用户界面。

    iPhone OS设备屏幕的尺寸是480 x 320。考虑到这一点,用户界面应该主要关注必不可少的部分。您没有空间来放置那些非必要的设计元素。另外,拥挤的用户界面将降低程序的吸引力并会提高使用的难度。

    阅读全文>>

    标签: 手机设计图

    评论(32) 浏览(1676)

    iPad 人机介面规约:iPad 的核心特性

    2011-10-25 蓝蓝 移动设备ui及体验

     


    iPad 的操作系统是 iOS 3.2,iPad 软件用到的很多 UIKit 视觉元素和控件都和 iPhone 软件一样。因此,如果你有为 iPhone 开发软件的经验(并且熟悉iPhone 用户介面规约 ),对于开发 iPad 软件会很有帮助。

    iPad 在近似的底层架构上引入了一套新的用户体验系统,这套系统和 iPhone 的用户体验有很大区别。iPad 的屏幕更大,介面引人入胜且高度互动,这些特点令你能够写出另一级别的软件。

    在开发过程中,你应该认真花时间去吸收和感知 iPad 的用户体验,利用在这一过程中习得的知识设计出完全属于 iPad 的应用程序。

    iPad 的硬件特点

    iPad 的以下特点对您的软件的 UI 有很大影响:

    一、屏幕大。(分辨率:1024 x 768。)

    二、你无法预期用户手持 iPad 时的朝向(横版还是竖版,正着还是倒着)。

    三、可接外置键盘,并用其替代 iPad 自身的软键盘。

    四、可放在底座上用。

    为了更好地理解开发环境,也请注意 iPad 和 iPhone 的如下共同特点:

    一、内存有限。

    二、一次只能运行一个软件。

    三、各个软件的参数设置都可以统一放在 Settings 这个预装的应用程序里。

    四、用户可以改变设备的朝向。

    五、屏幕上的「帮助」内容不会很多,用语也比较简单。

    六、没有「鼠标点击」这个动作,只有手势动作。

    七、既能跑原生软件,也能跑线上软件,或是混合型软件。

    八、图像的比特深度有统一标准:24 比特(R、G、B 各 8 比特),外加一条 8 比特的 alpha 通道。基本上,我们推荐您用 PNG 格式。

    阅读全文>>

    标签: iPad用户体验,ipad人机界面指南

    评论(31) 浏览(2418)

    iphone ui 设计,几点基本的设计准则,创建优秀的用户界面

    2011-10-24 蓝蓝 移动设备ui及体验

    蓝注:这几点iphone的设计准则,应用在软件界面上也同样适合。

    优秀的用户界面应该遵循一些人机界面设计准则,这些准则来源于人—也即用户—思考和工作的方式,而不是设备的能力。没有吸引力的,令人难以理解的或是不合逻辑的用户界面会让一个原本优秀的程序成为垃圾,而漂亮,直观而又吸引人的用户界面不仅可以改善程序的功能,还能激发用户的正面依赖感。

     

     

    即使您已经对基本的设计准则有所了解,这一章也值得您读一下,因为本章着重讲述了这些准则是如何应用在iPhone应用程序中的。

    隐喻

    尽可能按照现实世界中的对象和操作来对您程序中的对象和操作建模。这能够帮助用户,尤其是新手,迅速地理解您的应用程序的是如何工作的。文件夹就是一个典型的软件隐喻。因为在现实世界中,人们将文件放在文件夹里,所以人们就能够迅速地理解在计算机上将数据放入文件夹的概念。

    iPhone OS中的隐喻包括iPod播放控件,点击控件来触发事件,滑动开关,以及调色板上的数据。

    虽然隐喻暗示了iPhone OS用户界面中对象和操作的含义,但是并没有限制其软件实现。回到文件夹的例子,软件实现的文件夹对象所具有的容量与现实世界中所对应的文件夹的物理容量毫无关系。

    在您设计程序时,需要注意iPhone OS中已存在的隐喻,避免重复定义。同时,检查您的程序功能是否有对应的可用的自然隐喻。记住,即使如此,相较于为了适应您的应用程序用户界面而勉强使用现实世界的对象或操作的隐喻而言,使用标准控件和操作更为妥善。除非您选择的隐喻能得到大部分用户的认可,包括那些会增加而不是减少用户困惑的隐喻。

    直观操作

    直观操作意为人们感到他们在物理上,而非抽象地控制某物。其优点在于,用户更容易理解他们的行为对于操作对象所产生的结果。

    得益于多点触摸的用户界面,iPhone OS用户享有高度直观的操控感。手势的使用让人们感到屏幕上显示的对象具有更大的亲和力和更强的操控感,因为他们并不需要用任何中间设备(如鼠标)就操控它们。

    为了提高您的iPhone应用程序的操控感,您应确保:

    • 当用户操作屏幕上的对象时,这些对象保持可见

    • 用户操作的结果是一目了然的

    阅读全文>>

    标签: iphone ui 设计

    评论(320) 浏览(4938)

    优秀iPhone应用程序的共性

    2011-10-23 蓝蓝 移动设备ui及体验

     

    优秀的iPhone应用程序精确地满足了用户需求,同时提供了用户想要的体验。为了帮助您在应用程序中平衡这两点,本小节归纳了优秀iPhone应用程序的一些共有特点,并就如何将这些特点融合到您的产品中给予了建议。

    简单和易用性

    简单和易用是所有软件的基本原则,但在iPhone应用程序中它们尤其重要。iPhone OS用户很可能在使用您的应用程序的同时,还做着其他事情。如果用户无法快速明白如何使用您的应用程序,他们很可能会转而使用其他竞争者的应用程序,而且不会再尝试您的应用程序。

    当您设计应用程序流程以及用户界面时,请遵循如下准则以保证应用程序的简单且易于使用:

    • 如何使用您的应用程序应显而易见。

    • 常见的功能和信息集中于屏幕的顶部。

    • 最大限度地减少文本输入。

    • 简洁地表达基本信息。

    • 为所有可点击元素提供一个指尖大小的目标区域。

    阅读全文>>

    标签: iphone ui 设计

    评论(0) 浏览(7541)

    iPad开发体验 用户准则

    2011-10-22 蓝蓝 移动设备ui及体验

      iPad开发 体验 用户准则 是本文要介绍的内容,iPad 用户体验最主要体现在内容和交互:淡化程序UI ,以便用户关注所需的内容。美观的内容形式,富有真实感。充分利用设备的性能来增强内容的交互性。

    支持所有方位

    优秀iPad程序的其中一个重要因素是可以在所有方位上运行。竖向的大屏幕可以满足用户浏览内容的需求(当竖屏幕较小时,用户就会将屏幕旋转为横屏幕,这样一行就可以显示较多的文 字)。用户不太会注意最小设备结构(minimaldevice frame;使用iPhone时,用户单手握住手机时,屏幕多为竖向显示;而双手使用iPad,屏幕的显示方位并不能确定)或者home按键的位置,他们不认为设备有默认方位。这就导致 用户期望程序可以在当前方位上运行。所以程序尽量满足iPad各方位的运行要求。

    保证以首要内容为重点。当旋转iPad的方位时,如重点显示的内容发生变化,用户会感觉对程序失去控制。

    旋转时如何显示辅助信息或者功能。尽管能保证上一条,还要考虑如何显示较为次要的信息。例如邮箱功能中,首要 内容时发邮件,次要内容是联系人和收件箱的列表。

    横屏的次要内容显示在左边的分视图中

    竖屏的次要内容显示在气泡框中。

    再如,横屏时,一款游戏以长方形显示,当旋转 到竖屏时,需要调整屏幕上的显示区域,游戏显示边框的上面或者下面增加显示空间,用于显示辅助信息,而不是垂直拉伸显示区域来撑满整个屏幕。

    避 免布局变化过大或者无缘由地改变。所有方位中都显示相似的UI布局旋转时尽可能保留信息和文本的原有格式。尤其阅读文本时,重要的是避 免旋转之后用户找不到读到哪儿了。如果非要对页面重新布局,可以使用动画帮助用户理解当前页面的变化。例如,当旋转时要必须增加或者移除文本框时,可以选 择隐藏动作并在新布局中简单地淡出。为了有助于合理地设计旋转动作,可考虑在真实的生活中是如何和它们交互的。

    避免使用 UI 元素或者定义一个旋转的手势来完成旋转动作。应该是内容随着iPad的旋转而旋转。

    为每个显示方 位各提供一个启动图片。比如提供1004×768和748×1024的图片来满足两个方位的显示要求。

    仔细考虑程序是否可以在所有方位上运行。有些程序只能在横屏或者竖屏下显示,此时:

    显示程序为正常显示方式,无论当前iPad是什么方位。避免使用UI元素来告知用户旋转设备。支持180度旋转。

    可以特殊处理输入式旋 转动作。有些游戏把旋转设备当成操作方式,这时候横竖屏切换时,可不改变游戏的显示方位。

    增强交互

    最好的iPad程序在用户执行明确的任务时提供新颖的交互方式。不要为了填满整个大屏幕而增加一些和主要任务没有直接关联的功 能,而是提升程序的用户体验。

    例如读书程序中容许用户阅读时如能保留路径会提升阅读体验,不需要跳转到另外一个页面而是使用气泡框来变更 路径。程序可以让用户在文本中增加书签和注释,帮助用户交换书目或者对比阅读进度。

    信息扁平化

    阅读全文>>

    标签: iPad ui

    评论(83) 浏览(2486)

    Powered by emlog 京ICP备12006971号-1 sitemap
    友情链接:万达娱乐主管  万达招商  万达娱乐注册  guoqibee.com  万达主管  万达娱乐直属  万达娱乐开户  测试  万达娱乐  万达直属QQ