首頁

三星鵬泰OpenTide: 三星Galaxy Family蓋世系列智能手機

藍(lán)藍(lán)設(shè)計的小編


網(wǎng)址: http://support-cn.samsung.com/campaign/mobilephone/GalaxyFamily/index.html

三星電子宣布以“蓋世群英”之名推出在MWC上隆重亮相的GALAXY Family系列智能手機。

GALAXY Family系列智能手機首次內(nèi)置的三星“網(wǎng)圈”功能,是三星為手機用戶專屬打造,以移動互聯(lián)網(wǎng)為基礎(chǔ),將人和資源進(jìn)行分類、匯總的娛樂新平臺。該功能將 悅讀圈兒、音樂圈兒、影視圈兒、社交圈兒進(jìn)行了整合。悅讀圈兒讓你開架自選上萬本圖書,實時更新上千種潮流雜志、報紙; 音樂圈兒讓你隨時隨地試聽、下載最潮流的打榜單曲,在圈子里和朋友們分享你的音樂主張;影視圈兒整合了優(yōu)酷網(wǎng)、奇藝網(wǎng)、芒果TV,視頻、電視、電影一個不 少地圈住影視精彩;社交圈兒整合了人人網(wǎng)、開心網(wǎng),將你不同的圈子更加緊密的聯(lián)系在一起。

Credits:
Project: 三星Galaxy Family蓋世系列智能手機
Client: SamSung, 三星
Digital Agency: OpenTide Beijing, 三星鵬泰北京

漫談互聯(lián)網(wǎng)應(yīng)用表單設(shè)計

藍(lán)藍(lán)設(shè)計的小編

表單可用性緣何重要?
 

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標(biāo)準(zhǔn)中對網(wǎng)站可用性的定義是:特定用戶在特定環(huán)境下,能夠快速、有效且滿意地完成特定的目標(biāo)。用戶使用網(wǎng)站都是有目標(biāo)的。 如果設(shè)計得好,網(wǎng)站不但會達(dá)到用戶的目標(biāo),還會將其與自身公司的目標(biāo)聯(lián)系起來。介乎用戶目標(biāo)和公司目標(biāo)之間的往往就是表單 ,因為,盡管人機交互發(fā)展迅速,表單仍然是用戶與網(wǎng)站交互的主要方式。實際上,表單經(jīng)常被認(rèn)作是完成目標(biāo)的最后也是最重要的一站。
 

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表單設(shè)計:點石成金的藝術(shù) 》一書中說的一樣,每個表單的存在必有如下三個原因之一:商務(wù)、社區(qū)或效率。下面的表單把這三個原因轉(zhuǎn)化成了其背后的用戶目標(biāo)和公司目標(biāo):

點擊查看原圖

滾動條的各種設(shè)計方式和PSD圖

藍(lán)藍(lán)設(shè)計的小編

微型滾動 微型滾動使用jQuery庫和設(shè)計,重量輕,動態(tài)網(wǎng)頁設(shè)計師提供最大的靈活性,以提高設(shè)計的滾動。  我已經(jīng)考察了滾動條的結(jié)構(gòu)和它的真實,你將能夠風(fēng)格很容易。  它不來的頂部和底部的箭頭。


    黑色軟件界面欣賞之二

    藍(lán)藍(lán)設(shè)計的小編

    藍(lán)藍(lán)設(shè)計(   www.bouu.cn  )是一家專注而深入的設(shè)計機構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計  、 cs界面設(shè)計  、 ipad界面設(shè)計  、   包裝設(shè)計    圖標(biāo)定制  、   用戶體驗  、交互設(shè)計、 網(wǎng)站建設(shè)  、平面設(shè)計服務(wù)

    黑色播放器界面欣賞黑色軟件界面欣賞


    iPhone OS設(shè)備不同于臺式機或筆記本電腦,平臺間的差異

    藍(lán)藍(lán)設(shè)計的小編

     

    牢記平臺間的差異

    iPhone OS設(shè)備不同于臺式機或筆記本電腦,iPhone應(yīng)用程序也與桌面應(yīng)用程序不同。雖然這些似乎只是常識性陳述,但是您在為這些設(shè)備開發(fā)軟件時意識到這些差異還是非常重要的。

    為iPhone OS設(shè)備開發(fā)軟件需要的思維方式可能是也可能不是您所習(xí)慣的。尤其是在您的經(jīng)驗主要是開發(fā)桌面應(yīng)用程序的情況下,您應(yīng)該了解為移動平臺設(shè)計軟件和為臺式機設(shè)計軟件的差異。

    本小節(jié)總結(jié)了這些具體的差異。這些差異對于您的設(shè)計選擇具有潛在的影響。有關(guān)如何處理這些差異以及iPhone應(yīng)用程序開發(fā)過程中的其他問題的具體信息,請參考iPhone應(yīng)用程序編程指南。

    緊湊的屏幕尺寸

    iPhone OS設(shè)備具有高分辨率的小型屏幕,適合用戶放入口袋且具有強大的顯示功能。然而這個對用戶來說巨大的優(yōu)勢可能成為您的挑戰(zhàn)。因為這意味著您必須設(shè)計一個可能與您的設(shè)計習(xí)慣差異較大的用戶界面。

    iPhone OS設(shè)備屏幕的尺寸是480 x 320??紤]到這一點,用戶界面應(yīng)該主要關(guān)注必不可少的部分。您沒有空間來放置那些非必要的設(shè)計元素。另外,擁擠的用戶界面將降低程序的吸引力并會提高使用的難度。

    iPad 人機介面規(guī)約:iPad 的核心特性

    藍(lán)藍(lán)設(shè)計的小編

     


    iPad 的操作系統(tǒng)是 iOS 3.2,iPad 軟件用到的很多 UIKit 視覺元素和控件都和 iPhone 軟件一樣。因此,如果你有為 iPhone 開發(fā)軟件的經(jīng)驗(并且熟悉iPhone 用戶介面規(guī)約 ),對于開發(fā) iPad 軟件會很有幫助。

    iPad 在近似的底層架構(gòu)上引入了一套新的用戶體驗系統(tǒng),這套系統(tǒng)和 iPhone 的用戶體驗有很大區(qū)別。iPad 的屏幕更大,介面引人入勝且高度互動,這些特點令你能夠?qū)懗隽硪患墑e的軟件。

    在開發(fā)過程中,你應(yīng)該認(rèn)真花時間去吸收和感知 iPad 的用戶體驗,利用在這一過程中習(xí)得的知識設(shè)計出完全屬于 iPad 的應(yīng)用程序。

    iPad 的硬件特點

    iPad 的以下特點對您的軟件的 UI 有很大影響:

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

    二、你無法預(yù)期用戶手持 iPad 時的朝向(橫版還是豎版,正著還是倒著)。

    三、可接外置鍵盤,并用其替代 iPad 自身的軟鍵盤。

    四、可放在底座上用。

    為了更好地理解開發(fā)環(huán)境,也請注意 iPad 和 iPhone 的如下共同特點:

    一、內(nèi)存有限。

    二、一次只能運行一個軟件。

    三、各個軟件的參數(shù)設(shè)置都可以統(tǒng)一放在 Settings 這個預(yù)裝的應(yīng)用程序里。

    四、用戶可以改變設(shè)備的朝向。

    五、屏幕上的「幫助」內(nèi)容不會很多,用語也比較簡單。

    六、沒有「鼠標(biāo)點擊」這個動作,只有手勢動作。

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

    八、圖像的比特深度有統(tǒng)一標(biāo)準(zhǔn):24 比特(R、G、B 各 8 比特),外加一條 8 比特的 alpha 通道?;旧?,我們推薦您用 PNG 格式。

    iphone ui 設(shè)計,幾點基本的設(shè)計準(zhǔn)則,創(chuàng)建優(yōu)秀的用戶界面

    藍(lán)藍(lán)設(shè)計的小編

    藍(lán)注:這幾點iphone的設(shè)計準(zhǔn)則,應(yīng)用在軟件界面上也同樣適合。

    優(yōu)秀的用戶界面應(yīng)該遵循一些人機界面設(shè)計準(zhǔn)則,這些準(zhǔn)則來源于人—也即用戶—思考和工作的方式,而不是設(shè)備的能力。沒有吸引力的,令人難以理解的或是不合邏輯的用戶界面會讓一個原本優(yōu)秀的程序成為垃圾,而漂亮,直觀而又吸引人的用戶界面不僅可以改善程序的功能,還能激發(fā)用戶的正面依賴感。

     

     

    即使您已經(jīng)對基本的設(shè)計準(zhǔn)則有所了解,這一章也值得您讀一下,因為本章著重講述了這些準(zhǔn)則是如何應(yīng)用在iPhone應(yīng)用程序中的。

    隱喻

    盡可能按照現(xiàn)實世界中的對象和操作來對您程序中的對象和操作建模。這能夠幫助用戶,尤其是新手,迅速地理解您的應(yīng)用程序的是如何工作的。文件夾就是一個典型的軟件隱喻。因為在現(xiàn)實世界中,人們將文件放在文件夾里,所以人們就能夠迅速地理解在計算機上將數(shù)據(jù)放入文件夾的概念。

    iPhone OS中的隱喻包括iPod播放控件,點擊控件來觸發(fā)事件,滑動開關(guān),以及調(diào)色板上的數(shù)據(jù)。

    雖然隱喻暗示了iPhone OS用戶界面中對象和操作的含義,但是并沒有限制其軟件實現(xiàn)?;氐轿募A的例子,軟件實現(xiàn)的文件夾對象所具有的容量與現(xiàn)實世界中所對應(yīng)的文件夾的物理容量毫無關(guān)系。

    在您設(shè)計程序時,需要注意iPhone OS中已存在的隱喻,避免重復(fù)定義。同時,檢查您的程序功能是否有對應(yīng)的可用的自然隱喻。記住,即使如此,相較于為了適應(yīng)您的應(yīng)用程序用戶界面而勉強使用現(xiàn)實世界的對象或操作的隱喻而言,使用標(biāo)準(zhǔn)控件和操作更為妥善。除非您選擇的隱喻能得到大部分用戶的認(rèn)可,包括那些會增加而不是減少用戶困惑的隱喻。

    直觀操作

    直觀操作意為人們感到他們在物理上,而非抽象地控制某物。其優(yōu)點在于,用戶更容易理解他們的行為對于操作對象所產(chǎn)生的結(jié)果。

    得益于多點觸摸的用戶界面,iPhone OS用戶享有高度直觀的操控感。手勢的使用讓人們感到屏幕上顯示的對象具有更大的親和力和更強的操控感,因為他們并不需要用任何中間設(shè)備(如鼠標(biāo))就操控它們。

    為了提高您的iPhone應(yīng)用程序的操控感,您應(yīng)確保:

    • 當(dāng)用戶操作屏幕上的對象時,這些對象保持可見

    • 用戶操作的結(jié)果是一目了然的

    優(yōu)秀iPhone應(yīng)用程序的共性

    藍(lán)藍(lán)設(shè)計的小編

     

    優(yōu)秀的iPhone應(yīng)用程序地滿足了用戶需求,同時提供了用戶想要的體驗。為了幫助您在應(yīng)用程序中平衡這兩點,本小節(jié)歸納了優(yōu)秀iPhone應(yīng)用程序的一些共有特點,并就如何將這些特點融合到您的產(chǎn)品中給予了建議。

    簡單和易用性

    簡單和易用是所有軟件的基本原則,但在iPhone應(yīng)用程序中它們尤其重要。iPhone OS用戶很可能在使用您的應(yīng)用程序的同時,還做著其他事情。如果用戶無法快速明白如何使用您的應(yīng)用程序,他們很可能會轉(zhuǎn)而使用其他競爭者的應(yīng)用程序,而且不會再嘗試您的應(yīng)用程序。

    當(dāng)您設(shè)計應(yīng)用程序流程以及用戶界面時,請遵循如下準(zhǔn)則以保證應(yīng)用程序的簡單且易于使用:

    • 如何使用您的應(yīng)用程序應(yīng)顯而易見。

    • 常見的功能和信息集中于屏幕的頂部。

    • 最大限度地減少文本輸入。

    • 簡潔地表達(dá)基本信息。

    • 為所有可點擊元素提供一個指尖大小的目標(biāo)區(qū)域。

    iPad開發(fā)體驗 用戶準(zhǔn)則

    藍(lán)藍(lán)設(shè)計的小編

      iPad開發(fā) 體驗 用戶準(zhǔn)則 是本文要介紹的內(nèi)容,iPad 用戶體驗最主要體現(xiàn)在內(nèi)容和交互:淡化程序UI ,以便用戶關(guān)注所需的內(nèi)容。美觀的內(nèi)容形式,富有真實感。充分利用設(shè)備的性能來增強內(nèi)容的交互性。

    支持所有方位

    優(yōu)秀iPad程序的其中一個重要因素是可以在所有方位上運行。豎向的大屏幕可以滿足用戶瀏覽內(nèi)容的需求(當(dāng)豎屏幕較小時,用戶就會將屏幕旋轉(zhuǎn)為橫屏幕,這樣一行就可以顯示較多的文 字)。用戶不太會注意最小設(shè)備結(jié)構(gòu)(minimaldevice frame;使用iPhone時,用戶單手握住手機時,屏幕多為豎向顯示;而雙手使用iPad,屏幕的顯示方位并不能確定)或者h(yuǎn)ome按鍵的位置,他們不認(rèn)為設(shè)備有默認(rèn)方位。這就導(dǎo)致 用戶期望程序可以在當(dāng)前方位上運行。所以程序盡量滿足iPad各方位的運行要求。

    保證以首要內(nèi)容為重點。當(dāng)旋轉(zhuǎn)iPad的方位時,如重點顯示的內(nèi)容發(fā)生變化,用戶會感覺對程序失去控制。

    旋轉(zhuǎn)時如何顯示輔助信息或者功能。盡管能保證上一條,還要考慮如何顯示較為次要的信息。例如郵箱功能中,首要 內(nèi)容時發(fā)郵件,次要內(nèi)容是聯(lián)系人和收件箱的列表。

    橫屏的次要內(nèi)容顯示在左邊的分視圖中

    豎屏的次要內(nèi)容顯示在氣泡框中。

    再如,橫屏?xí)r,一款游戲以長方形顯示,當(dāng)旋轉(zhuǎn) 到豎屏?xí)r,需要調(diào)整屏幕上的顯示區(qū)域,游戲顯示邊框的上面或者下面增加顯示空間,用于顯示輔助信息,而不是垂直拉伸顯示區(qū)域來撐滿整個屏幕。

    避 免布局變化過大或者無緣由地改變。所有方位中都顯示相似的UI布局旋轉(zhuǎn)時盡可能保留信息和文本的原有格式。尤其閱讀文本時,重要的是避 免旋轉(zhuǎn)之后用戶找不到讀到哪兒了。如果非要對頁面重新布局,可以使用動畫幫助用戶理解當(dāng)前頁面的變化。例如,當(dāng)旋轉(zhuǎn)時要必須增加或者移除文本框時,可以選 擇隱藏動作并在新布局中簡單地淡出。為了有助于合理地設(shè)計旋轉(zhuǎn)動作,可考慮在真實的生活中是如何和它們交互的。

    避免使用 UI 元素或者定義一個旋轉(zhuǎn)的手勢來完成旋轉(zhuǎn)動作。應(yīng)該是內(nèi)容隨著iPad的旋轉(zhuǎn)而旋轉(zhuǎn)。

    為每個顯示方 位各提供一個啟動圖片。比如提供1004×768和748×1024的圖片來滿足兩個方位的顯示要求。

    仔細(xì)考慮程序是否可以在所有方位上運行。有些程序只能在橫屏或者豎屏下顯示,此時:

    顯示程序為正常顯示方式,無論當(dāng)前iPad是什么方位。避免使用UI元素來告知用戶旋轉(zhuǎn)設(shè)備。支持180度旋轉(zhuǎn)。

    可以特殊處理輸入式旋 轉(zhuǎn)動作。有些游戲把旋轉(zhuǎn)設(shè)備當(dāng)成操作方式,這時候橫豎屏切換時,可不改變游戲的顯示方位。

    增強交互

    最好的iPad程序在用戶執(zhí)行明確的任務(wù)時提供新穎的交互方式。不要為了填滿整個大屏幕而增加一些和主要任務(wù)沒有直接關(guān)聯(lián)的功 能,而是提升程序的用戶體驗。

    例如讀書程序中容許用戶閱讀時如能保留路徑會提升閱讀體驗,不需要跳轉(zhuǎn)到另外一個頁面而是使用氣泡框來變更 路徑。程序可以讓用戶在文本中增加書簽和注釋,幫助用戶交換書目或者對比閱讀進(jìn)度。

    信息扁平化

    日歷

    鏈接

    個人資料

    存檔