Category: app設計

巨匠電腦:Apple、Samsung 齊聲呼籲淘汰SIM卡

錚/

1507231020160.jpg
巨匠電腦分享,Apple、Samsung 齊聲呼籲:淘汰SIM卡吧!
Apple近年將SIM卡的尺寸越改越細,在iPad Air 2推出時更是直接將SIM內置在機身內,並給予新名稱叫做「Apple SIM」。近日再有報導指出,Apple跟Samsung不約而同地跟各地的電訊商恰談中,要求放棄傳統一張SIM只對應一間電訊商的做法,推出e-SIM服務。

e-SIM 就是Apple SIM的構念,直接將各地方各家電訊商的檔案設定預先載入手機或各類行動裝置中,用家在切换電訊商時不需要像現在這様麻煩將大小不一的SIM卡换來换去。

這種免SIM卡的做法其實早就有,即是香港十多年前的CDMA年代。因為當年只有和記電訊提供此制式,所以就不用换SIM的做法。如今的手機要求設計得簿,雖然nano SIM已經很細,但可以的話還是淘汰掉更為直接,使用者亦免除不停更换卡的麻煩。

巨匠電腦設計了APPLE實務應用課程,除了教你APPLE產品使用外,還有Final Cut Pro數位影音大師等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://qooah.com/2015/07/17/apple-samsung-e-sim/

 

巨匠電腦分享,蘋果產品設計考慮到中國消費者喜好

巨匠電腦分享,Apple、Samsung 齊聲呼籲:淘汰SIM卡吧!

巨匠電腦Mac小技巧,讓你立馬變身成為 iMovie 剪刀手

巨匠電腦教你一天內完成ios App設計

巨匠電腦分享,手機響應式網頁設計新取向─台灣五大案例分析!

錚/

1507220945320.jpg
巨匠電腦分享,手機響應式網頁設計新取向─台灣五大案例分析!
*** 1.1 智慧型手機普及率逐年上升**

在智慧型手機發展盛行趨勢下,在全球擁有智慧型手機的普及率逐年上升,在國內2011至2013年智慧型手機普及率在各個年齡層上都是呈現上升趨勢,特別是在2013年時,18歲至44歲之使用者上升至六成以上,而25歲至34歲高達七成五,可以顯示智慧型手機已經是普遍性的產品,對於使用者具有相當的重要性。

資料來源:
ThinkWithGoogle

*** 1.2 使用智慧型手機上網頻率**

到底消費者使用智慧型手機上網都在做些什麼事情呢?85%智慧型手機使用者會從事與網路相關事物,78%智慧型手機使用者會利用手機瀏覽網路內容,由以上數據可知,顯示網頁對於智慧型手機使用者具有相當高的重要性,因此我們必須更深入探討網頁介面設計能否符合智慧型手機使用者,並提供最佳瀏覽畫面。

*** 1.3 智慧型手機促使消費者改變購買方式**

70%消費者每月至少使用手機購物1次以上,比例更是逐年上升當中,而高達87%消費者會使用智慧型手機來研究產品或服務。不論最終是否完成購買,消費者期望智慧型手機能提供的產品資訊是有效且多元的。如果網站提供的資訊不足驅使消費者需要透過其他管道來了解產品,商家很有可能就錯失了驅動消費者直接購買的先機。

*** 1.4 國人偏好大螢幕手機**

研究指出在國內擁有智慧型手機民眾中有近7成是使用較大螢幕的智慧型手機,根據Vpon 統計指出2014台灣10大手機機型排行,半數以上為5吋以上大螢幕手機,其中排名第二、第三與第十名的iPhone系列,雖為4吋以下小螢幕,但在Vpon 統計iPhone 6上市後,在蘋果機種銷售排行榜中,iPhone 6即升第四與第五名,顯示上市後促使蘋果使用者換機潮。

*** 1.5 製作行動網站的必要性**

製作行動網站好壞會影響消費者使用手機購買的關鍵,過去行動裝置螢幕小(螢幕尺寸太小占53%),行動上網技術還未完全成熟,至2012年底近五成消費者從手機獲得資訊後,會再透過電腦購買,而近三成消費者會再到實體店面購買。該探討的原因很多種,但消費者換電腦購買的過程很有可能打消消費者購買意願,因此在介面空間有限的情況下,如何去解決消費者的疑慮與問題,讓消費者願意使用手機直接進行交易,手機版網頁設計顯得相當重要,我們要如何解決這些原因呢?


1.6 本篇文章為何不考慮APP?

手機版網頁與app型態作用與特性不同,手機版網頁不需經過下載即可瀏覽,本文章探討的包含透過第一次瀏覽品牌的使用者,因此我們針對手機版網頁進行探討。

二、打造良好的手機版網頁設計

歐斯瑞將在以下文章使用iphone6 Plus以及國內知名網頁,探索台灣使用者偏好使用的手機版網頁介面設計特性。

2.1 使用者體驗與使用者介面設計很重要

使用者體驗是一種主觀性,個人化的經驗。消費者在使用特定產品或系統或服務時,以實際體驗、情感、俱有個人意義(個性化)以及,有價值的人機交流、和產品所有權方面的問題。使用者介面是指與硬體之間溝通、互動的媒介,目的在使得使用者能夠方便有效率地去操作硬體以達成雙向之互動,而完成所希望藉助硬體完成之工作。以下將觀察範例內的使用者體驗部分並給予評分。

在以下的範例中,我們將整理出10種要素來探討:

  1. 是否簡化手機網站內容,去除不必要或次要的元素。
  2. 是否採用單一方向,一致性操作方式。
  3. 手機介面是否採用易閱覽的單欄式版面設計。
  4. 是否在設計上避免另開新視窗或彈跳視窗功能。
  5. 是否容易利用手指動作操控網頁。
  6. 減少輸入欄位
  7. 導引網頁的動作由滑入改點擊。
  8. 盡可能空出畫面。
  9. 使用響應式設計。
  10. 善用手機特性。

1.盡量簡化您的網站

因為手機介面較小,所能呈現的東西相當有限,必須去除不必要的或是次要的內容,但這些內容往往會不知如何取捨,特別是購物網站有很多功能都是必須的,這會需要經過較專業評估與決策來取捨。後面案例中我們可以看到,都有盡量簡化他們的網站,但有些網站本身資料就相當的多,縱使簡化了,看起來還是略顯複雜,並不是還得再簡化這些功能與資訊,我們必須透過良好的溝通與謹慎評估後,以及測試和改善,去了解您的網站使用者最需要的功能與資訊等,再對您的網站作簡化,而在簡化過程中並不是將其刪除,可以透過收合、非必要時隱藏以及必要頁面再放入該功能。

2.單向操作
在選擇目錄等情況下,例如選單下拉展開後再左右滑動來作選擇,也應統一方向操作。

3.單欄式設計

使用單欄式版塊,避免使用者接收資訊與閱讀上的困難,不建議在手機上超過兩欄式設計。

4.不要使用或減少另開新視窗

另開視窗對使用者並不友善,案例中還是會有使用的情況,或許不能避免使用,但建議應減少使用。

5.讓手指能容易操控

手指比游標大的多,所點擊範圍較大,所以在設計按鈕時範圍不宜過小。

6.減少輸入欄位

由於手機打字不像電腦打字容易,應減少打字的必要,可使用選擇方式代替輸入文字。

7.滑入改點擊

在手機上沒有滑入時的效果,因此要改變成點擊,並且點擊後要給使用者立即的回饋,使用者才能得知確實點擊到所想要的按鈕。

8.盡可能空出畫面

不要放太多的物件與功能維持在畫面上,若放置使用者在使用當下並不會經常使用到的功能在畫面上,反而會引起使用者反感。

許多案例中都有將某些功能保持在畫面上,但放置於左右側會將部份網頁內容遮蔽住,影響使用者操作與閱讀,建議放置於上方或下方降低影響,必要時可判斷使用者向下滑動時收起選單,而盡可能的空出網頁內容,這會是一個很良好的判斷方式。

9.使用響應式設計

在國外響應式設計已是網頁設計趨勢,目前國內多數手機版網站是利用判斷使用者裝置是否為手機後,而導向至手機版網站(轉址),如能使用響應式設計可以避免掉轉址、效提升IOS效率以及更方便管理。

10.善用手機特性

善用手機本身的優勢,例如點選電話手機直接撥打,手機上分享也相較於電腦來的容易許多。

三、案例分享

良好手機版網頁設計分享

1.多商店購物網站(全站購物車統一) — GoHappy購物網

(資料取自官方網站,歐斯瑞有限公司製作)

簡介:

為台灣全方位購物網站,販售商品從電子用品,保養品,服飾配件,到親子用品,美食等等都有。

建議:

整體上將複雜的商城簡化了很多不必要的元素,並將選單展開方便使用者第一眼便可以看到所有品項,並將常使用功能保持在畫面下方,方便隨時點選。產品圖片中帶入略多的文字,由於產品下已有文字說明,建議可以試著再簡化掉不重要的文字或放置於品名中。部分文字由於放入在圖片中問題,顯得過小不易辨讀,可使用別的排版方式,或將文字取捨簡化後再放大。部份區塊稍微小了點,如會員登入與加入會員,建議可以收合。有著自動載入產品不必切換上下頁功能,但頁尾有提供次選項,卻也因此一直選不到次選項,建議可以收合於上方或改成頁面切換方式。

2.多商店購物‎網站(多店購物車) — Pinkoi

(資料取自官方網站,歐斯瑞有限公司製作)

簡介:

提供給設計師販售設計創意相關商品之平台。

建議:

本案例有非常良好的設計值得推薦,當使用者在向下滑動畫面時,會自動收合上方選單部份,而盡量空出畫面來顯示內容。因著重商品的設計上而只留下產品圖片,畫面顯得特別乾淨。些許文字按鈕略小,建議可以間隔加大或字級加大,讓使用者更容易點選。

3.單一品牌購物‎網站 – Lativ

資料取自官方網站,歐斯瑞有限公司製作)

簡介:

網路販售男性、女性、兒童平價服飾。

建議:

使用區塊呈現網頁訊息,沒有過多文字說明,字級並能容易閱讀,也由於是販售自家商品,在文字圖片整體設計都很統一,讓整體介面能夠乾淨並整齊。

4.團購網站 — Groupon台灣

(資料取自官方網站,歐斯瑞有限公司製作)

簡介:

經由網路販售團購優惠劵之平台。

建議:

本身設計沒有過多資訊給予使用者,很容易理解與操作,名稱與說明文字的字級建議可以加大,更方便使用者閱讀。

5.資訊型的響應式網頁 — ㄇㄞˋ點子靈感創意誌

(資料取自官方網站,歐斯瑞有限公司製作)

簡介:

為線上設計創意文章分享網站。

建議:

文章區塊相當分明,整體簡單乾淨。保持在畫面上的分享功能,時常擋住按鈕與文字,影響了操作與閱讀,可考量其必要性後做取捨,或放置於下上並收合。

分析比較表:

四、結論

在研究中我們可以得知智慧型手機已經越來越普及,也成為大多數消費者從事網路相關事物的裝置,也因此網站提供給手機良好操作介面是相當重要的,也是未來發展趨勢。使用手機購物消費者人數已逐年上升,目前手機版網頁設計讓消費者還有著許多疑慮,而不願意在手機上進行交易,解決這些部份原因就需要良好的手機版網頁設計。而手機螢幕尺寸相當多種,一個網站要能方便各種手機消費者接收資訊與操作,在介面與系統需要審慎的考量。
巨匠電腦開設了視覺設計課程,內容包含響應式跨平台網頁設計、跨界創意視覺設計、全動態購物網站設計等等,想要學視覺設計就快來巨匠電腦!

參考資料:

Think with Google統計/ Vpon統計 / 維基百科 / webcredible

GoHappy購物網 日期2015/1/15

Pinkoi 日期2015/1/15

Lativ 日期2015/1/15

Groupon台灣 日期2015/1/15

ㄇㄞˋ點子靈感創意誌 日期2015/1/15

文章與圖片出處: http://www.bnext.com.tw/article/view/id/35307

 

【視覺設計見證】學員自我評價提升競爭力,巨匠電腦讓我家鄉就業成功

【視覺設計見證】巨匠電腦視覺設計務實課程 小資女成功踏入職場

巨匠電腦視覺設計分享,「箭頭斑馬線」讓行人自動分流

巨匠電腦分享視覺設計實務,台灣設計師週「探索」主視覺公開

巨匠電腦分享:穿戴式科技輔助醫療訓練、醫療器械操作

錚/

巨匠電腦分享,穿戴式科技輔助醫療訓練、醫療器械操作

穿戴式運算較一般常規的筆記型電腦、桌上型電腦等運算設備來說,主要特性是具備了行動運算能力。這些智能設備可能整合感測器、多媒體加速器、可撓性電子顯示器、GPS衛星定位晶片、VR虛擬實境應用、生物識別功能等。而穿戴式裝置的特性,更已成為醫療訓練、醫療器械操作的有力工具…

整合穿戴式運算應用的優點相當多,對於特殊行業亟需科技整合的應用特別具吸引力,例如高危險度的高空作業,若需要電子運算設備搭配高空操作,即可將運算功能以配戴方式設置在身上,雙手可以騰出進行高空操作;而在智慧醫療現場,也可協助醫師在雙手忙於診療或手術動作時,提供用藥資料、病例歷史、案例資訊,即時進行更精準的治療決策。

1507220910590.jpg

附標:智能眼鏡醫療輔助用途備受矚目

醫療專業人士的培訓過程不同於一般產業,需要大量的操作練習與實務訓練,但手術、診斷等進行多數僅能透過低效率的實習、住院醫生訓練程序進行,因此實習醫師、護理人員的實務操練的學習機會相當少,而透過新穎的VR虛擬實境穿戴應用設備,則可模擬趨近真實的演練環境,對於培訓醫事人員可提供一定程度的助益。

Google Glass等智能眼鏡設備的出現變了人機介面與運算訊息、資訊呈現的形式,因為運算硬體平台甚至是資訊接取平台已經微縮到眼鏡架尺寸與重量,顯示屏透過投影技術,可在不影響配戴者視野的情境下進行外部訊息接收;操作介面除透過右側鏡架觸控區輕點、滑移操控外,也可利用語音進行操作,這對於進行醫療程序中的醫護人員可以更清晰地進行參考病例查詢、醫囑資料庫輔助參照,甚至是連接上醫療機構本身的人員、醫材調度系統,讓整體醫療效率大幅提升。這些,都是智能眼鏡在醫事現場可以應用的場景,也因此智能眼鏡在醫療、教學的相關應用發展,也最為熱門。

附標:VR虛擬實境設備改善實習效率

另一個有趣的醫療穿戴應用即為虛擬頭盔,其中以Oculus Rift VR頭盔發展與週邊應用最令市場關注,2012年8月Oculus Rift VR頭盔由Oculus公司擺上Kickstarter眾籌平台公開募資,雖然Oculus Rift VR頭盔一開始以遊戲VR虛擬實境應用為訴求推展市場,但實際上Oculus Rift VR頭盔的延伸應用則為這款產品最受市場重視的關鍵。

先檢視Oculus Rift VR頭盔在群眾募資平台創下的紀錄,Oculus Rift VR頭盔在一個月內即獲得9,000多名消費者贊助研發專案、並募得243萬美元眾籌資金!檢視Oculus Rift VR頭盔的初期規格其實並不搶眼,硬體架構為兩組640 x 800解析度的顯示屏幕,透過光學透鏡系統搭配錯視畫面立體化的原理,將雙眼視覺合併雙屏螢幕形成一1,280 x 800的顯示VR畫面,搭配VR頭盔內置陀螺儀感測器讓VR應用可隨著用戶擺頭、轉向即時對應模擬畫面,搭配其支援DVI、HDMI、Micro USB等多元輸入介面支援,吸引用戶爭相參與募資。

而Oculus Rift VR頭盔成功的關鍵重點在於,以往這類配置陀螺儀、可提供高度沉浸式使用體驗的虛擬視覺裝置,產品與系統單價相當高,並非一般人所能接受,而Oculus Rift VR頭盔將價格有效壓低獲得市場用戶支持,甚至在2014年3月Oculus公司還獲得Facebook高達20億美元的總價購併,其後Facebook又接續收購RakNet遊戲引擎將其轉為開源平台,積極建構以Oculus Rift為應用基礎的應用平台,甚至計畫要將VR視覺技術融入Facebook社群服務的一環,讓市場更積極關注VR設備可能為穿戴應用帶來的市場機會。

附標:VR虛擬實境技術 醫學教學價值高

同樣的產品概念,除Oculus Rift VR頭盔產品外,Sony也推出一款Project Morpheus頭戴式虚擬頭盔設備,Project Morpheus內建1080p主流顯示解析度面板,應用分隔雙眼的放大光學機構,可讓用戶感受到逼真的3D環境沉浸效果,頭盔本身搭配動態感測與光學感測機制藉此精確定位佩戴著的頭部動作變化、即時對應改變虛擬實境的3D場景,提供配戴者身歷實境的3D影音感受。

對Oculus Rift、Project Morpheus這類VR頭盔來說,配置動態感測器、陀螺儀甚至是光感測器,其目的主要為主動或被動偵測配戴著的視角變化、進而介入控制VR實境畫面的對應視角變化,讓原有固定屏幕的3D視覺效果進階到有如身歷實境、走入虛擬現實的應用場景,而這種VR技術其實就是穿戴應用的整合應用實例,VR頭盔運用積極微縮、輕量化的嵌入式系統、顯示系統、光學透鏡系統與動態感測系統整合,建構出可以配戴在使用者頭上又不至於產生壓迫感與配戴重量負擔的顯示設備。

附標:HoloLens切入教學應用市場發展

相同的概念Microsoft也推出HoloLens虛擬實境裝置,HoloLens為Microsoft發佈Windows 10展示的擴增實境技術,甚至在2015年的E3電玩展展出透過HoloLens玩Minecraft的應用情境,用戶可透過HoloLens VR頭盔裝置遊戲或教學應用,有別於Oculus Rift、Project Morpheus僅感測用戶頭部擺動,HoloLens還能更進一步處理用戶手勢指令判讀、或透過聲控指令進行系統操作。

為了推展HoloLens的教學應用,Microsoft還準備5個獎項、每個獎項均提供多達10萬美元、兩組HoloLens開發硬體與系統作為種子激勵獎金,積極募集VR頭盔在教學、全信息操控應用,Microsoft更冀望於HoloLens顯示裝置可在數據可視化、遠端網路教育、互動藝術、前衛的人機互動介面等應用領域的實用價值。

巨匠電腦開設了手機APP設計課程,內容包含穿戴式雲端APP開發、行動裝置UI設置等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://goo.gl/RaczB6

 

【APPLE實務應用見證】誤打誤撞 巨匠電腦讓文科生變身app軟體工程師

【手機APP課程】巨匠電腦手機APP課程 熱門開發技術獨家提供

【手機APP課程】巨匠電腦分享,檢視行動裝置的3D人機介面UI開發關鍵

【手機APP課程】巨匠電腦分享科技心理學:讓人成癮的 App 設計學

高評價!巨匠電腦分享,手機響應式網頁設計新取向─台灣五大案例分析!

錚/

1507220945320.jpg
巨匠電腦分享,手機響應式網頁設計新取向─台灣五大案例分析!
*** 1.1 智慧型手機普及率逐年上升**

在智慧型手機發展盛行趨勢下,在全球擁有智慧型手機的普及率逐年上升,在國內2011至2013年智慧型手機普及率在各個年齡層上都是呈現上升趨勢,特別是在2013年時,18歲至44歲之使用者上升至六成以上,而25歲至34歲高達七成五,可以顯示智慧型手機已經是普遍性的產品,對於使用者具有相當的重要性。

資料來源:
ThinkWithGoogle

*** 1.2 使用智慧型手機上網頻率**

到底消費者使用智慧型手機上網都在做些什麼事情呢?85%智慧型手機使用者會從事與網路相關事物,78%智慧型手機使用者會利用手機瀏覽網路內容,由以上數據可知,顯示網頁對於智慧型手機使用者具有相當高的重要性,因此我們必須更深入探討網頁介面設計能否符合智慧型手機使用者,並提供最佳瀏覽畫面。

*** 1.3 智慧型手機促使消費者改變購買方式**

70%消費者每月至少使用手機購物1次以上,比例更是逐年上升當中,而高達87%消費者會使用智慧型手機來研究產品或服務。不論最終是否完成購買,消費者期望智慧型手機能提供的產品資訊是有效且多元的。如果網站提供的資訊不足驅使消費者需要透過其他管道來了解產品,商家很有可能就錯失了驅動消費者直接購買的先機。

*** 1.4 國人偏好大螢幕手機**

研究指出在國內擁有智慧型手機民眾中有近7成是使用較大螢幕的智慧型手機,根據Vpon 統計指出2014台灣10大手機機型排行,半數以上為5吋以上大螢幕手機,其中排名第二、第三與第十名的iPhone系列,雖為4吋以下小螢幕,但在Vpon 統計iPhone 6上市後,在蘋果機種銷售排行榜中,iPhone 6即升第四與第五名,顯示上市後促使蘋果使用者換機潮。

*** 1.5 製作行動網站的必要性**

製作行動網站好壞會影響消費者使用手機購買的關鍵,過去行動裝置螢幕小(螢幕尺寸太小占53%),行動上網技術還未完全成熟,至2012年底近五成消費者從手機獲得資訊後,會再透過電腦購買,而近三成消費者會再到實體店面購買。該探討的原因很多種,但消費者換電腦購買的過程很有可能打消消費者購買意願,因此在介面空間有限的情況下,如何去解決消費者的疑慮與問題,讓消費者願意使用手機直接進行交易,手機版網頁設計顯得相當重要,我們要如何解決這些原因呢?


1.6 本篇文章為何不考慮APP?

手機版網頁與app型態作用與特性不同,手機版網頁不需經過下載即可瀏覽,本文章探討的包含透過第一次瀏覽品牌的使用者,因此我們針對手機版網頁進行探討。

二、打造良好的手機版網頁設計

歐斯瑞將在以下文章使用iphone6 Plus以及國內知名網頁,探索台灣使用者偏好使用的手機版網頁介面設計特性。

2.1 使用者體驗與使用者介面設計很重要

使用者體驗是一種主觀性,個人化的經驗。消費者在使用特定產品或系統或服務時,以實際體驗、情感、俱有個人意義(個性化)以及,有價值的人機交流、和產品所有權方面的問題。使用者介面是指與硬體之間溝通、互動的媒介,目的在使得使用者能夠方便有效率地去操作硬體以達成雙向之互動,而完成所希望藉助硬體完成之工作。以下將觀察範例內的使用者體驗部分並給予評分。

在以下的範例中,我們將整理出10種要素來探討:

  1. 是否簡化手機網站內容,去除不必要或次要的元素。
  2. 是否採用單一方向,一致性操作方式。
  3. 手機介面是否採用易閱覽的單欄式版面設計。
  4. 是否在設計上避免另開新視窗或彈跳視窗功能。
  5. 是否容易利用手指動作操控網頁。
  6. 減少輸入欄位
  7. 導引網頁的動作由滑入改點擊。
  8. 盡可能空出畫面。
  9. 使用響應式設計。
  10. 善用手機特性。

1.盡量簡化您的網站

因為手機介面較小,所能呈現的東西相當有限,必須去除不必要的或是次要的內容,但這些內容往往會不知如何取捨,特別是購物網站有很多功能都是必須的,這會需要經過較專業評估與決策來取捨。後面案例中我們可以看到,都有盡量簡化他們的網站,但有些網站本身資料就相當的多,縱使簡化了,看起來還是略顯複雜,並不是還得再簡化這些功能與資訊,我們必須透過良好的溝通與謹慎評估後,以及測試和改善,去了解您的網站使用者最需要的功能與資訊等,再對您的網站作簡化,而在簡化過程中並不是將其刪除,可以透過收合、非必要時隱藏以及必要頁面再放入該功能。

2.單向操作
在選擇目錄等情況下,例如選單下拉展開後再左右滑動來作選擇,也應統一方向操作。

3.單欄式設計

使用單欄式版塊,避免使用者接收資訊與閱讀上的困難,不建議在手機上超過兩欄式設計。

4.不要使用或減少另開新視窗

另開視窗對使用者並不友善,案例中還是會有使用的情況,或許不能避免使用,但建議應減少使用。

5.讓手指能容易操控

手指比游標大的多,所點擊範圍較大,所以在設計按鈕時範圍不宜過小。

6.減少輸入欄位

由於手機打字不像電腦打字容易,應減少打字的必要,可使用選擇方式代替輸入文字。

7.滑入改點擊

在手機上沒有滑入時的效果,因此要改變成點擊,並且點擊後要給使用者立即的回饋,使用者才能得知確實點擊到所想要的按鈕。

8.盡可能空出畫面

不要放太多的物件與功能維持在畫面上,若放置使用者在使用當下並不會經常使用到的功能在畫面上,反而會引起使用者反感。

許多案例中都有將某些功能保持在畫面上,但放置於左右側會將部份網頁內容遮蔽住,影響使用者操作與閱讀,建議放置於上方或下方降低影響,必要時可判斷使用者向下滑動時收起選單,而盡可能的空出網頁內容,這會是一個很良好的判斷方式。

9.使用響應式設計

在國外響應式設計已是網頁設計趨勢,目前國內多數手機版網站是利用判斷使用者裝置是否為手機後,而導向至手機版網站(轉址),如能使用響應式設計可以避免掉轉址、效提升IOS效率以及更方便管理。

10.善用手機特性

善用手機本身的優勢,例如點選電話手機直接撥打,手機上分享也相較於電腦來的容易許多。

三、案例分享

良好手機版網頁設計分享

1.多商店購物網站(全站購物車統一) — GoHappy購物網

(資料取自官方網站,歐斯瑞有限公司製作)

簡介:

為台灣全方位購物網站,販售商品從電子用品,保養品,服飾配件,到親子用品,美食等等都有。

建議:

整體上將複雜的商城簡化了很多不必要的元素,並將選單展開方便使用者第一眼便可以看到所有品項,並將常使用功能保持在畫面下方,方便隨時點選。產品圖片中帶入略多的文字,由於產品下已有文字說明,建議可以試著再簡化掉不重要的文字或放置於品名中。部分文字由於放入在圖片中問題,顯得過小不易辨讀,可使用別的排版方式,或將文字取捨簡化後再放大。部份區塊稍微小了點,如會員登入與加入會員,建議可以收合。有著自動載入產品不必切換上下頁功能,但頁尾有提供次選項,卻也因此一直選不到次選項,建議可以收合於上方或改成頁面切換方式。

2.多商店購物‎網站(多店購物車) — Pinkoi

(資料取自官方網站,歐斯瑞有限公司製作)

簡介:

提供給設計師販售設計創意相關商品之平台。

建議:

本案例有非常良好的設計值得推薦,當使用者在向下滑動畫面時,會自動收合上方選單部份,而盡量空出畫面來顯示內容。因著重商品的設計上而只留下產品圖片,畫面顯得特別乾淨。些許文字按鈕略小,建議可以間隔加大或字級加大,讓使用者更容易點選。

3.單一品牌購物‎網站 – Lativ

資料取自官方網站,歐斯瑞有限公司製作)

簡介:

網路販售男性、女性、兒童平價服飾。

建議:

使用區塊呈現網頁訊息,沒有過多文字說明,字級並能容易閱讀,也由於是販售自家商品,在文字圖片整體設計都很統一,讓整體介面能夠乾淨並整齊。

4.團購網站 — Groupon台灣

(資料取自官方網站,歐斯瑞有限公司製作)

簡介:

經由網路販售團購優惠劵之平台。

建議:

本身設計沒有過多資訊給予使用者,很容易理解與操作,名稱與說明文字的字級建議可以加大,更方便使用者閱讀。

5.資訊型的響應式網頁 — ㄇㄞˋ點子靈感創意誌

(資料取自官方網站,歐斯瑞有限公司製作)

簡介:

為線上設計創意文章分享網站。

建議:

文章區塊相當分明,整體簡單乾淨。保持在畫面上的分享功能,時常擋住按鈕與文字,影響了操作與閱讀,可考量其必要性後做取捨,或放置於下上並收合。

分析比較表:

四、結論

在研究中我們可以得知智慧型手機已經越來越普及,也成為大多數消費者從事網路相關事物的裝置,也因此網站提供給手機良好操作介面是相當重要的,也是未來發展趨勢。使用手機購物消費者人數已逐年上升,目前手機版網頁設計讓消費者還有著許多疑慮,而不願意在手機上進行交易,解決這些部份原因就需要良好的手機版網頁設計。而手機螢幕尺寸相當多種,一個網站要能方便各種手機消費者接收資訊與操作,在介面與系統需要審慎的考量。
巨匠電腦開設了視覺設計課程,內容包含響應式跨平台網頁設計、跨界創意視覺設計、全動態購物網站設計等等,想要學視覺設計就快來巨匠電腦!

參考資料:

Think with Google統計/ Vpon統計 / 維基百科 / webcredible

GoHappy購物網 日期2015/1/15

Pinkoi 日期2015/1/15

Lativ 日期2015/1/15

Groupon台灣 日期2015/1/15

ㄇㄞˋ點子靈感創意誌 日期2015/1/15

文章與圖片出處: http://www.bnext.com.tw/article/view/id/35307

 

【視覺設計課程】巨匠電腦分享,時尚品牌幕後代筆者 — Nicolas Ouchenir

【視覺設計課程】巨匠電腦分享,跨屏介面設計的現況與未來

【視覺設計課程】巨匠電腦:使用者介面設計的七個訣竅你知道嗎?

【視覺設計見證】 巨匠電腦分享,不用手如何做視覺設計?紐西蘭設計師:試試用鼻尖吧!

高評價!巨匠電腦分享,蘋果產品設計考慮到中國消費者喜好

錚/
1507211025310.jpg
巨匠電腦分享,蘋果產品設計考慮到中國消費者喜好
新浪科技訊 北京時間6月23日凌晨消息,蘋果公司CEO蒂姆·庫克(Tim Cook)稱,該公司在設計很多產品時都考慮到了中國消費者的喜好,這一言論凸顯了中國市場對該公司的重要性。
庫克在接受《彭博商業周刊》(Bloomberg Businessweek)中文版採訪時稱,蘋果公司考慮到了色彩搭配等因素來迎合中國消費者的喜好。他還補充道,去年該公司決定提供「土豪金」版iPhone就在一定程度上反映了中國用戶對這種顏色的喜愛度。
對蘋果公司來說,大中華區現在已經成為該公司的第二大市場,並已成為一個「戰場」,原因是蘋果公司正在與三星電子和小米展開智能手機市場霸權爭奪戰。庫克在上個月訪華時發表了上述言論,同時還表示Apple Watch智能手錶的最初表現良好,其所吸引的開發者興趣高於最早版本的iPhone和iPad
庫克稱,開發者正在為Apple Watch開發3500款以上的應用,相比之下2008年首款iPhone推出時僅為500款,2010年首款iPad推出時也只有1000款。
蘋果公司在Apple Watch銷售量的問題上一直都三緘其口,這種設備被視為自該公司聯合創始人史蒂夫·賈伯斯(Steve Jobs)身故以來第一種真正意義上的新產品。另外,對於庫克為蘋果公司塑造新產品的能力來說,Apple Watch也代表著一種至關重要的測試。
據彭博社編纂的數據顯示,在截至3月的蘋果公司上一財季中,大中華區營收在該公司總營收中所佔比例為29%。
庫克在訪華時還造訪了一些學校,並強調了教育的重要性,稱其對他看到學生們渴望學習的態度感到欣慰。在這一方面,蘋果公司對一項新近推出的中國移動技術學習計劃進行了支持,幫助制定了180多實驗課程,目的是教授孩子們如何在GarageBand應用上作曲,或是幫助那些聽力受損的兒童操作手機,庫克在採訪中說道。他稱其希望在2015年底以前將課程數量提高50%,目標是對傳統的教育模式進行轉型,幫助學生為社會做出貢獻。

巨匠電腦開設了APPLE實務應用課程,教你產品的使用以及Mac平面視覺創意設計等等,快來巨匠輕鬆學!

文章出處: http://news.sina.com.tw/article/20150623/14602097.html
圖片出處: https://goo.gl/L8YF4q

 

【APPLE實務應用課程】巨匠電腦分享,Apple Pay的下一步 ─ 消費者互相支付

【APPLE實務應用課程】設計師為何都用Mac?巨匠電腦告訴你

【APPLE實務應用課程】巨匠電腦分享,2015蘋果設計大獎:真正有意思的App

【APPLE實務應用課程】巨匠電腦新資訊,蘋果一開始不直接讓App在Apple Watch上執行的原因