• <acronym id="gvoe3"><meter id="gvoe3"><address id="gvoe3"></address></meter></acronym>
  • <pre id="gvoe3"></pre>
    <p id="gvoe3"><strong id="gvoe3"><small id="gvoe3"></small></strong></p>

  • <pre id="gvoe3"><label id="gvoe3"><xmp id="gvoe3">
      axure商城

      移動產品的典型設計思路總結

      【編者按】本文作者@xidea。交互設計師,半個產品經理。關注基于互聯網的整體用戶體驗設計和產品設計。本文轉載自作者的博客。

      有很多移動互聯網的產品經理和設計師都是從傳統互聯網轉過去的,我們之前積累下的一些經驗,有一些可以在移動側繼續使用,有一些則行不通,這或許要從移動互聯網跟傳統互聯網的區別說起。

      區別

      1、終端設備

      傳統互聯網:主要的接入終端是計算機。計算機是高度標準化的設備,無論是Mac陣營,還是PC陣營(其他的架構不討論了)。具體體現在:

      絕大部分個人計算機使用的硬件是標準化的,并且功能強大多樣

      絕大部分屏幕的分辨率在1024px及以上,尺寸較大

      軟件終端比較統一,都是瀏覽器(暫時不考慮客戶端產品),并且由于Web標準的存在,不同的瀏覽器(或者說不同的內核)對于前端的解析相差不大

      技術標準相對統一,比如用HTML寫結構;用CSS寫表現;用JS寫前端行為;用PHP、JSP等寫后端;用MYSQL等管理數據庫等。做出來的東西基本上認為是跨平臺的

       

      移動互聯網:主要的接入終端是手機和各種pad。拿手機來說,標準化程度遠遠不及計算機。具體體現在:

      硬件設計不夠標準。有的手機用按鍵,有的手機用觸屏。有的用方向鍵,有的用軌跡球。有的帶有全鍵盤,有的用屏幕鍵盤等等

      分辨率千奇百怪,特別是android陣營。尺寸相對較小

      平臺不統一。雖然主流智能手機也基本上是ios和android兩種。但是,加上后起的Windows Phone,加上日落西山的塞班,加上非智能機上面的Kjava等,平臺很多,開發APP相互不兼容。而移動Web應用(使用手機瀏覽器訪問的)不論從技 術上還是體驗上都不夠成熟。即便是同一種平臺,有時在前端的表現也有較大差異,特別是android陣營

      2、使用場景和使用環境

      傳統互聯網:

      大部分情況下,使用傳統互聯網的場景相對正式一些,使用的環境也更加穩定。比如,我們可能會把筆記本電腦放在桌子上,一動不動上2小時網。

      使用環境決定了,傳統互聯網的接入會比較穩定。

      接入速度相對快

       

      移動互聯網:

      大部分情況下,使用移動互聯網的場景會更加隨意一些,隨時隨地,使用環境也更加復雜。比如,地鐵上(可能晃動)、廁所里(可能時間短)、排隊的時候(可能匆忙)、被窩中(可能光線昏暗)。

      使用場景和環境決定了,移動互聯網的應用會更加碎片化。

      接入速度相對慢,接入不穩定。

      3、其他方面

      傳統互聯網:

      資費與流量:大部分是在一定時間內不限制流量的計費方式。

       

      移動互聯網:

      資費與流量:國內大部分是包月限制流量的方式,并且費用相對較貴。

      與計算機不同的特色設備。如:GPS模塊、重力感應器等。

       

      基于以上的不同,或許從產品設計層面來看,會有如下的思路:

      設計思路

      1、結合移動互聯網和移動設備的特點,揚長避短。

      典型案例:

      TalkBox以及微信的語音聊天

      因為大部分情況下,在手機上輸入文字比較麻煩,而說話則容易很多。所以在手機上,使用非即時的語音交流,要比使用文字方便快捷。

       

      iPhone晃動撤銷輸入

      在手機上輸入了大量文字,想撤銷重新輸入怎么辦呢?使用刪除鍵一個一個字的刪一定不是最好的辦法。在iPhone上,我們只要晃一下手機(向一個方向晃動),就可以將輸入的文字撤銷了。

       

      通訊錄

      天然的真實關系SNS。

       

      切水果

      移動設備“特有”(算是特有吧)的觸控和劃動操作可以做到很多用鍵盤鼠標無法感受到的體驗。比如切水果這種游戲,如果在計算機上用鼠標操作,將樂趣大減。但在移動設備上,就很有趣了。

       

      Clear

      在計算機上,我們使用鼠標可以精確的點擊屏幕上的內容,理論上講可以精確到像素。但是在手機上,如果使用手指操作,就沒辦法這么精確了。手勢的出現 在一定程度上緩解了這個問題,它提供了一種不需精確即可操作的可能。例如Chear這款To Do List app,它可以使用手勢完成大部分的操作。例如,向下滑動可新建項目;在某項目上向右滑動可將其標記“已完成”;向左滑動可以刪除等。

       

      2、考慮移動互聯網的使用環境,做合適的改進。

      典型案例:

      夜間模式

      有很多用戶有睡前閱讀的習慣,他們經常會關掉燈,臥在被窩里閱讀電子書。在相對黑暗的環境下,平時的淺色底色深色文字的設計會很刺眼,這就產生了傳統互聯網上可能不會遇到的問題。于是就有了“夜間模式”,將背景色和文字色的對比降低,看起來就柔和多了,適合睡前閱讀。

       

      內容預讀

      在移動環境下,網絡經常是不穩定的。所以在設計在線閱讀應用的時候,可以在網絡通暢的時候從服務器預讀2、3頁內容。這樣,如果發生短暫的網絡中斷,也依然可以獲得流暢的閱讀體驗。

      3、考慮移動互聯網的使用場景,思考適合的產品。

      典型案例:

      微博

      微博雖然不是移動互聯網專有的應用,但是相比于其他的需要發送內容的應用(例如博客),它更適合在移動環境中使用。因為只能寫140個字,所以它適合利用零散時間,碎片化的分享一下自己的小心情,小感悟,小牢騷等。

       

      instagram

      首先,想要把自己的見聞最快速最生動的分享給朋友的話,照片一般比文字更合適。其次,在圖像處理方面,傳統互聯網上,大家也會處理照片并分享。但是 那時候,我們可以更多的接受較為復雜的操作。而在移動中,處理圖片最適合的方式就是,選一種效果,應用。別提供各種滑塊讓我調了。

       

      LBS

      用PC的年代,我很難想象走到一個地方,拿出電腦,選一下我現在所在的位置,搞什么“簽到”。

       

      大眾點評

      我們總是會有一些臨時的,或者不確定的需求。比如跟朋友逛街累了,想喝杯咖啡?;蛘邅淼搅艘粋€陌生的地方,想找餐館吃飯。這時候我們可能不會隨時帶著電腦,但是會隨時帶著手機。打開手機就能看到附近的各種餐館還有評價,很好的解決了這些“臨時性”的需求。

      給TA買糖
      共{{data.count}}人
      人已贊賞
      產品經理

      網頁設計中手繪風格的運用 改善網站的用戶體驗

      2012-11-30 17:50:03

      產品經理

      用戶體驗測試實例:交互設計的簡單與復雜

      2012-12-6 9:48:19

      axure商城
      0 條回復 A文章作者 M管理員
        暫無討論,說說你的看法吧
      ?
      個人中心
      購物車
      優惠劵
      今日簽到
      有新私信 私信列表
      搜索
      俄罗斯videoxxxoo
    1. <acronym id="gvoe3"><meter id="gvoe3"><address id="gvoe3"></address></meter></acronym>
    2. <pre id="gvoe3"></pre>
      <p id="gvoe3"><strong id="gvoe3"><small id="gvoe3"></small></strong></p>

    3. <pre id="gvoe3"><label id="gvoe3"><xmp id="gvoe3">