標有‘UX’的文章

iOS 7 轉換指南

參考資料:   iOS 7 UI Transition Guide、關於iOS7,設計師需要瞭解的十件事 PDF檔下載:  TransitionGuide IOS7的設計要點 依從:UI應要能很幫助使用者了解如何去操作、與內容互動,但不能搶走內容的鋒頭。它著重強調了怎樣使設計更好地支持內容,而不是反過來壓制內容。 清楚:字體在各種大小下都應清晰易讀,並應巧妙的利用圖示及裝飾,去突顯重點。 深度:巧妙運用手勢及視覺階層以利使用者了解、快速操作。 可以看看蘋果是怎樣在iOS7內置的日曆應用當中貫徹這一點的。新的日曆應用在界面上極大的簡化了,去除了一切不必要的設計元素,並使用了乾乾淨淨的白色背景,完全以內容為中心。 根據「依從」原則,apple建議開發者不要使用擬真。介面的設計應該是圍繞著內容而存在,不應奪走內容的光芒。因此,官方建議盡量避免使用3D質感的按鈕、漸變、光暈、陰影等擬物化的設計,因為他們認為這樣的設計會奪去使用者對內容的焦點。但雖然圖示要輕量化,最小點擊區域44px的規則依然不變,因為用戶不能點擊小於44px的界面元素。 關於移除擬物化風格的設計方式,可以參考iOS7內置的Ga […]

繼續閱讀...

Flat Design 座談會筆記

講師介紹 Amy Megumi Kuo http://happyux.hpx.tw/conf/ch/ux-usa-tibco-amy-kuo/ 從政大畢業之後就到美國工作。原本是在做汽車面版設計,後來轉到手機和軟體的介面設計。 因為開發裝置的不同,在開發限制上會有所不同。 例如汽車的裝置在設計上,由於許多的按鍵仍然會是實體按鍵,但是手機與軟體則是完全要設計在畫面上。 會造成在設計方針上很大的不同 Flat design 的基本原則 首先要先介紹Flat這個詞 flat (N) 平面 skeuomorphism 擬真,在過去而言,對user來說還不熟悉,所以會用擬真的設計,希望讓使用者第一次接觸就知道如何使用。 flat design較有名的是microsoft和apple還有google。 在這邊比較了一下google的設計與ios的設計上的差異 google的原則 icon盡量簡單 每個icon都需面向前面,不可有角度 陰影簡單且同光源方向(左上) 推薦使用的顏色 不可用太多效果 apple的iOS human interface guide line 所有的事情都要以content […]

繼續閱讀...

IPhone元件介紹

表格視圖,文字視圖和Web視圖 狀態欄:狀態欄顯示與使用者裝置相關的重要資訊,包括電話信號強度,當前網路連接和電量資訊。 導覽欄:導覽欄位於應用程式螢幕的上邊緣,在狀態欄之下。導覽欄通常會顯示當前視圖的標題,包含導覽控制元件,並在適當的情況下也可以包含作用於視圖內容的控制元件。 工具欄:如果您的應用程式為使用者提供了一系列可在當前上下文中執行的動作,那麼您可以為使用者提供一個工具欄。工具欄的外觀要力爭與應用程式中的其它欄目的外觀保持一致。例如,如果您使用半透明的工具欄,就不要將它與不透明的導覽欄一起使用。此外,請避免在同一方向的不同螢幕中改變工具欄的顏色或半透明效果。 標籤欄:標籤欄使使用能夠在應用程式的不同模式或不同視圖之間進行轉換,並且使用者應該能夠從應用程式的任何地方進入這些模式。 在應用程式螢幕中使用視圖和控制元件 表格視圖:裡面包含許多元素,並可以使用表格視圖實現常用的使用者操作。如:選項列表;導覽層次資訊;查看按概念分組的資訊 有幾個表格操作元素: 展開指示符:當這個元素出現時,使用者知道他們可以點選這一行中的任意位置來查看下一級的資訊,或是與當前列表項相關的選項。 當選 […]

繼續閱讀...

IPhone人機界面指南(HIG)

中文版下載:iPhone-HIG(人機界面指南) 英文版下載:MobileHIG HIG(人機界面指南)是apple在審核app時,給開發者去參考的條文, 只要想要在ios平台上開發app的開發者,在上架時,都必需同意自己的應用程式符合裡面的規範。 這也是app開發者在開發完APP後,常常會被apple退件的原因。 因此建議有志要開發iphone app的人可以在開發前先研讀一下這本規範手冊。 HIG將應用程式分類成三大類型 生產力應用程式:幫忙使用者管理資訊及完成工作。資訊是階層架構的,可以透過向下深入更多層級而瀏覽更多資訊。 效率型應用程式一般採用多個視圖,通常每一視圖顯示一個層次的資訊。使用介面通常簡單,整潔且由標準視圖和控制元件組成。效率型應用程式通常沒有很多自定義介面。原因在於效率型應用程式專注於資訊和任務,而非環境或體驗。 融入式應用程式:遊戲是典型的例子,這種應用程式使用非常客製化的介面,讓使用者與裝置互動,HIG對這種應用程式的規範比較不那麼嚴格。 使用者的焦點在於視覺上的內容和體驗,而非體驗背後的數據。 工具應用程式:透過盡可能少的互動與組態設定提供使用者特定的資訊 […]

繼續閱讀...