『壹』 談談移動互聯網APP的產品設計幾點想法
1、以用戶體驗為主;
2、追求個性化大眾能接受的設計風格;
3、擁有人性化的icon設計;
4、愛上設計很不錯。交互設計要愛上設計才能做得出來。
『貳』 移動app界面設計技巧有哪些
1、無限滾動的魔力
對於移動應用程序設計來說,這個預測實際上是相當大膽的。但隨著流行的配色方案、大圖和現代字體的新鮮元素,設計師們越來越接受這種方法。不過,值得注意的是,如果用戶不能從一個頁面導航到另一個頁面,他們可能會為所花的時間而煩惱。
2、大膽的字體應用程序
每個應用程序都試圖吸引用戶的注意力,而粗體字體應用程序就滿足了這一需求。在目前的市場形勢下,大屏手機和平板電腦是主流,這是一個非常重要的後台使用。移動應用程序上的大字體會為特定元素賦予界面層更多的視覺分量,讓它們令人難忘。
3、簡單的配色
簡約美是近年來最流行的設計理念。更簡單的配色方案也符合這個想法。新IOS中流行的霓虹燈色彩的影響已經減弱。現在用戶更喜歡微妙和有質感的顏色。整潔和清潔是艷麗的色彩,它們凌駕於時尚之上。
『叄』 app設計思路怎麼寫範文
一、明確APP的發展戰略
要做一款app,首先要明確幾個問題:
1.app的用戶是誰?
2.用戶使用app能夠獲得什麼?
3.公司推出app是為了獲得什麼?
以上問題,這里不做回答,只是一個粗狂的問題,對於APP的設計並無實際指導意義,只是暫且明確了一個產品的方向。
二、產品的核心功能有哪些?
不同的產品其核心功能大相徑庭,這里以電商APP為例,從前端和後台兩個方面具體說明電商APP的核心功能需求有哪些?
用戶端APP(Android、ios版本),這里只是主要功能,在主要功能的基礎之上可以增加一些完善體驗的東西。
主要功能:瀏覽商品(列表頁、詳細頁)、分類查看商品、加入收藏、加入購物車、直接購買、提交訂單、支付訂單、支付,訂單列表頁、訂單詳情頁,訂單可進行 的操作(取消、支付、確認收貨、評價、申請退換貨、刪除)查看商品物流信息,還有個人信息(昵稱、頭像、收貨信息、訂單、余額、積分等等),以及關於 APP端的版本查看,意見反饋,清除緩存,關於我們,用戶注冊、登陸和用書使用協議等。
APP需要的後台系統搭建,根據不同的電商模式,其後台架構也不同,垂直電商和電商平台有很大的差別,主要看商家端是全部自己來進行管理還是開發加盟的方 式,如淘寶的後台架構和唯品會的後台架構就是兩種不同的後台架構。主要架構:賬戶架構(用戶、商家、運營、財務、倉儲物流),功能架構,用戶的前端展示的 功能需要後台給出相應欄位,數據介面。商家端需要發布商品、接單、操作發貨、填寫物流信息,處理退換貨,這些信息同步到用戶前端,用戶可以隨時查看訂單的 狀態。需要給運營相應的操作許可權,商品的排序,BANNER廣告,專題頁鏈接,在後台的上傳方式和前端的展示位置等等,還有數據分析,不同的商品的銷售統 計,訂單發生的時間、地點、用戶數據等參數進行統計,財務進行相關訂單的財務結算,按照商家、用戶、訂單進行結算,如果能夠把控整個資料庫安全的情況下也 可以自動結算,倉儲物流信息的上傳和同步,如果是1小時送這種O2O模式,還要有配送人員的接單、取貨等數據同步。
三、詳細進行競品分析
確定了以上的核心功能和需要打磨的細節之外,接下來就是進行細致的競品分析,這里仍然以電商為例進行競品分析,競品分析的工作如何開展呢,這里敘述一下自己的觀點。
找到直接或者間接的競品,大概找5款app左右,下載安卓和IOS端分別使用,使用腦圖軟體列出核心功能和提高體驗的功能,使用axure等原型工具對其產品截圖進行縱向和橫向分析,包括UI風格、色彩和圖標、文字、按鈕的顏色、大小、位置等等。
從網上調研相關數據分析競品為什麼這樣設計,這樣設計的好與不好的地方分別說明;
根據以上數據列出表格,進行篩選,提煉精華部分,去除糟粕部分,給自己的產品設計提供必要的參考。
提出自己的產品差異化功能和特色,電商產品必須結合運營部門進行品類的分析,貨源、價格、物流服務等進行分析,單個從APP產品進行優化體驗,就算做出花來也沒用,因為用戶需要的不是產品,而是商品。
從前端展示分析出來其後台架構和相關功能的布局,這個需要觀察細節,注重思維能力。比如,你去操作一個款產品,購買數量填寫10萬個,看下是否有提示庫存不足就知道其後台有沒有對庫存進行把控。
四、真正地開始製作APP開發需求文檔
app開發需求文檔的標准寫法:
1.app開發目的,闡明開發本軟體的目的;
2.代開發的app名稱
3.參考資料(可有可無)列舉app開發需求規格說明時所參考的資料,包括項目經核準的計劃任務書、合同、引用的標准和規范、項目開發計劃、需求規格說明、使用實例文檔,以及相關產品的軟體需求規格說明。 在這里應該給出詳細的信息,包括標題、作者、版本號、發表日期、出版單位或資料來源。
4.app開發的功能需求。
5.app的運行環境,包括硬體平台、硬體要求、操作系統和版本,以及其他的軟體或與其共存的應用程序等。
6.條件與限制,給出影響開發人員在設計app時的約束條款,例如:必須使用或避免使用的特定技術、工具、編程語言和資料庫。
7.app功能劃分,列舉出所開發的軟體能實現的全部功能,可採用文字、圖表或數學公式等多種方法進行描述。
8.功能描述,對各個功能進行詳細的描述。
9.外部介面需求。
10.用戶界面,對用戶希望該軟體所具有的界面特徵進行描述。
11.性能需求,包括數據精確度、響應時間、數據轉換與傳輸時間、運行時間等。
12.其他需求,如果不需要增加其他需求,可省略這一部分。
五、交付設計和文案
確定好以上的需求之後,面對設計和研發的需求文檔已經告一段落,接下來就要在UI做設計、交互設計師做交互的時候,找相關部門人員完善文案需求,和項目經理一起對工作進行細分,確認時間節點,最後由交互設計師輸出一套高保證原型。
六、交付研發
這樣子做出來的高保證原型,在各個細節都已經做到了完善,設計、交互、研發、運營等等對工作也已經胸有成竹,那麼大家就可以坐下來好好開個簡短的會議,確認每個人的具體工作,給出相應的時間節點,然後隨時跟進開發需求就可以了。
『肆』 我想做個手機app,有好的創意嗎
1. 不要在沒有流程圖之就前開始設計或者畫線框圖
即便一個簡單的 APP 也要有一個思慮周全的流程圖,以確保在 APP 有合乎邏輯的、合理的導航結構。另一點值得關注的是確保核心功能所在的屏幕位於上層而不是被埋沒在多層導航元素之下。
跳過流程圖直接進進入開發會讓開發變得復雜、不可控,很容易讓用戶迷茫,最後選擇關掉或者卸載你的 App。
2. 分工要明確不要忽略開發預算
設計師創建的每一個細節都要經過開發者才能變得活靈活現。花幾個小時和幾天時間做出的簡單設計更改對 App 功能的影響是截然不同的。還有,設計不能命令功能。比如,一個計劃好的 App 可能有一個搜索框,設計師預想的是一個產生實時結果的鍵入搜索,但設計師不能是做這個重大決定的唯一決策人。
3. 不要使用低解析度的圖片避免使用點陣圖
一般而言,設計首先是為視網膜顯示屏、高解析度的顯示屏設計,然後按比例縮減。很多設計師都清楚這一點,但仍值得一提。屏幕解析度越來越多,設計師需要從高解析度設備做起,再按比例縮減。更好的做法是使用矢量圖形進行設計而不是點陣圖或者柵格圖像。
4. 不要把點擊區域設置的太小
大多數用戶的食指寬 1.6~2 厘米。設計時要考慮到手指的寬度,而且用戶在快速移動手指的時候,很難准確的點擊小片屏幕。在屏幕上加大量的按鈕和功能很容易,但按鈕一定要足夠大,間隔也要足夠大,否則用戶容易誤點。
5. 不要隨意使用介紹動畫
在用戶首次打開 App 的時候,給用戶一個動畫的介紹是個不錯的想法,但不能太過火了。事實上,這些介紹動畫也延遲了用戶接觸 App 的時間。如果你打算使用介紹動畫,那要讓動畫時間盡可能短,設計盡可能精細以及足夠吸引人,值得用戶花費時間等待。
App 載入過程中會先展現圖片,再過渡至動畫。要確保這個過度是平滑的,貼切自然的。有的 App 從載入圖片過渡至介紹動畫設計的非常蹩腳,這就很無趣了。
6. 別讓用戶空等
App 載入時間過長很容易讓用戶以為出現了什麼故障,也會帶來糟糕的用戶體驗。App 載入的時候不要讓用戶看到空白的屏幕,使用載入指示條或者小動畫讓用戶知道 App 處於正常運行當中。如果能加入一個載入進度指示條就更好了。
7. 不要盲目照搬別的操作系統
這個問題說的是 App 各個操作系統版本的差異性,不同的移動操作系統有著迥異的審美觀,比如 iOS、Android 和 WPh7。開發者需要認真學習各個操作系統的人機界面指南,做好不同版本 App 的移植工作,不要讓用戶迷茫和不適應。不一定非要讓 App 看起來是系統自帶的,但至少不能讓人覺得突兀,不屬於這個平台。
8. 不要在高密度像素屏幕上填充過多信息或者 UI 組件
當為高 PPI (pixel per inch 每英寸像素) 屏幕設計 UI 時,因為有更多的像素可以使用,所以可在界面放置更多信息或者 UI 組件。請記住一定要預覽一下你在實際設備上的所有設計結果。
充塞了很多信息或者 UI 組件的界面會顯得非常雜亂,並且難以有效導航,更會影響界面上的主要功能的展現。
9. 不要覺得每個用戶有著跟你一樣的 App 使用方式
可用性測試是必須的,不管你的 App 看起來多麼好。找值得信任的人(或者有經驗的設計師)進行小范圍封閉測試,在公開發布之前更新下界面。另一個簡單易行的獲得用戶反饋的方法是在分類網站張貼廣告招募合適的人進行焦點小組測試。
10. 不要忘記手勢但不要濫用
不是每個元素都是可視化的,比如 iPhone Mail app 的刪除進程。在收件箱內,用戶可以猛擊屏幕顯示刪除按鈕,用戶就不用點擊「編輯」,選擇信息然後再刪除信息。不過,也不能說「編輯」菜單一點用處都沒有,不知道快捷操作的用戶還是需要的,而用戶還可以通過「編輯」菜單一次性標注多條信息/郵件。
『伍』 設計師們,推薦幾個好用的設計類APP
一、 Dribbble
設計癖是一款幫助大家「發現好設計」的軟體,囊括各大設計領域,每天推送關於設計的文章,想要漲姿勢下載設計癖 APP 一定能滿足你。聽說配合網站和公號看更好呦~
『陸』 App設計的一些大膽想法
我一直是個喜歡隨意想像的人,經常被自己想到的東西激動到,然後迅速的記在本子上,從去年至今寫了差不多1000多個零碎的想法和思考,其中光創業Ideal就有110多個,有6個在最近被人完全一樣的做了出來而且拿到了融資。我會定期整理這些瑣碎的想法,有很多現在看起來很幼稚,但也有一些讓我非常激動准備以後大展身手的點子。
我說這些只是要表達我說的東西很多可能不成熟,但是會給你一些思考問題的角度,了解一個新的思維方式比學到新知識重要的多。
其實我們國內人的審美一直是模仿國外,在信息閉塞的時候我們喜歡喇叭褲,追求殺馬特,我們喜歡很誇張甚至有點另類的東西,可是現在的人審美居然越來越趨同化了,平淡無奇,毫無創意!
蘋果的流行塑造了我們對於簡潔風格的追求,一個只有一個HOME鍵的蘋果相比於諾基亞手機那麼多實體鍵盤真的看起來太高科技了!起初蘋果UI的擬物化設計是為了讓從未用過智能機的人可以很快的識別出手機的功能,方便他們使用;而後當人們習慣了電子設備之後蘋果恰如其時的推出了扁平化UI的設計風格,因為它可以帶來更好的交互體驗。而我們的審美也隨蘋果一起從立體感的擬物變成了扁平化。
我們把流行當做主流源於大部分人的缺乏獨立思考的能力,不願意冒險所以會選擇最不易出錯的行動——大眾都做的事情。一但你花錢和精力後即使不好你也不願意承認否則就是抽自己臉了,再加上審美是可以塑造的,好比你老婆再丑你看久了也會覺得還不錯。
倘若我們界面設計不從主流的扁平化角度思考,只從增加使用者體驗的角度考慮呢?
大家知道美國是一個非常重視儀式感的國家,包括吃飯前的禱告、NBA等比賽的入場儀式。儀式感有很多好處其中一是讓你全身心投入即將要做的事情上,它是一個象徵:代表你將會完全沉浸在接下來的事情中。
不單單是儀式感,生活中也有很多地方擁有可以讓你沉浸其中的隔離圈。
電影院燈管一熄滅你會完全沉浸在其中,清晨的公園里優美的湖泊樹木會讓你感受到極大的放鬆。。。哪怕只帶上VR眼睛你也進入了一個全新的世界。這些事物的特點是本身內容很吸引人,而它也通過位置或設備上塑造了隔絕現實的立場。
從這個角度考慮,我們在設計APP的界面的時候可以給不同的功能以儀式感。
我拿下面這個APP舉個例子:
那麼這里存在兩個不同的使用場景,一個是輔導孩子學習時候的場景;一個是看資訊或論壇板塊獲取信息的場景。
針對第一個場景,我們可以不採用扁平化藍色背景的風格,而是一旦客戶選擇一個課程會進入完全不一樣風格的用戶界面里,可以是一本書或一個動漫形象的老師等,讓家長擁有拿書帶孩子或和老師一起教孩子的儀式感,這是一種象徵:一旦你打開這個功能就代表我要好好教孩子了。我們甚至可以專門針對這些人設計一個車貼或手機殼等可以現實中可以外顯的東西,虛擬中我們也可以給他們的頭像貼上這個圖標,家長可以把它用作所有社交媒體的頭像。我們通過各種廣告手段這個圖標推廣出去,讓它變成「用心教育孩子」的象徵。
當然你也可以不採用這種極端的方法,只是跟換一個紙張風格的背景,這些都是可以讓一個軟體更接近實物的辦法,更多人願意為實體付費!
考慮到使用場景,甚至你可以在這個界面不變的情況下,只要把手機橫屏就可以進入一個學習的世界,打開APP橫屏就直接開始學習,自動同步到最新課程進度。
針對第二個場景,社交或者獲取資訊則應該有趣輕松點,你可以提供和空間一樣跟換主題,裝飾主頁的功能;當然你也可以塑造緊張感,通過背景,圖標風格的設計讓家長一看到就有種緊張的情緒,在看到其他優秀的家長各種數據會讓你產生「我要趕快回家輔導孩子」的急迫感。
當然這只是基於移動應用這個平台,倘若我們思維在激進一點。只記住目的徹底忘記方式。
一、做成一款互動式游戲,家長當GM,孩子當玩家:家長和孩子都有自己的人物形象,家長選擇好年級即可通過系統給你的問題設計讓孩子玩,孩子通過選擇或語音來回答,家長來判斷對不對,對的話給予游戲獎勵,錯的話給予游戲人物打擊。。。通關後不管家長還是孩子都可以獲得勛章,不過高低年級要設計不同類型畫風的游戲;
二、我們可以利用AR技術,把課程投影到課本或桌子上,畢竟很多家長更傾向不讓孩子看手機屏幕。
微軟Hololens這個MR設備成熟後學生帶上眼睛可以塑造自己喜歡的形象,比如海賊王,火影,TFboys等,讓這些人成為老師輔導你課程,直接互動,聊天。人工智慧成熟後直接再也不需要老師和APP了,畢竟終極人工智慧是有感情的,雖然卻發創造力!
說這么多隻想讓大家在設計的時候忘記存在的範式思維,只記住目的即可。就像蘋果首席設計師喬納森·艾維說的,if you want design a lunchbox,you must forget the box. 你該多和用戶聊聊,發現他們想要的交互界面,開發MVP來驗證這個想法。
記住美女中的醜女往往更讓人在意。
『柒』 如何說一個手機app的設計理念
第一:品牌
品牌是應用設計的基石。它回答了「用戶使用應用時應該獲得何等感受」這個問題。
首先,你應該確定你的主要目標人群或者產業是哪些:兒童,青少年,專業人士,媽媽,學生,醫生,設計師,老年人,等等。應用的設計風格必須與品牌相一致,這樣才能建立更強的品牌認知,並消除用戶疑慮。
例如,為老年人設計的社交應用就應該用大號字體,而股票交易應用就得有策略地使用安全鎖圖標來讓用戶有安全感。如果可能,你還該考慮為品牌找一個吉祥物。吉祥物可以將品牌擬人化,同時強化應用留給用戶的印象。
第二:顏色方案
顏色方案決定了應用的形象,它應該是品牌主題色的擴展。
它是視覺設計的核心,因為應用所有可見的地方都會使用這些顏色。首先,你需要選擇一個能增強品牌形象的主題色。例如,Evernote的主題色是綠色。然後,你應該圍繞這個主題色來創建顏色方案。亮色可以吸引人的目光,所以適合那些消費導向的應用;中間色可以讓人把精力集中在信息本身,所以更適合專業性的應用。
Parable的主題色是「Tangelo橙」,因此我們選擇了灰度作為主要顏色方案,這也符合我們一貫的時尚創意。另一個例子是SnapChat,它使用了華麗的亮色方案來吸引青少年用戶。
第三:直觀
在高度競爭的應用市場,根本沒時間讓用戶仔細品味你的應用——我們講究的是「一見鍾情」。能讓你第一眼就明白其功能的應用才是最好的應用。
有一個管用的小方法,就是去研究一下那些熱門應用是怎麼做的,盡量別讓用戶產生困惑。然後,要全面地測試所有的交互環節,充分優化應用。到達最重要的交互環節之前,用戶的操作步驟不能超過三個,例如,發布到Meerkat上只用點一下,發布到Instagram上只用點三下。一些用戶熟知的平台上有特定的交互方式,使用它們往往會效果拔群。
第四:愉悅感
用戶評價應用的首要標準是體驗。
想要獲得死忠用戶,你必須得提供一些意料之外的愉悅感。隨著時間的推移,這些愉悅的體驗就會給用戶留下深刻印象,從而讓應用成為他們日常生活必要的一部分。
像Pinterest和Parable里點擊分享時候出現的動畫,還有刷新SnapChat時候的動畫,都是很好的例子。
第五:精煉
卓越的視覺設計都是細節為王,每一個像素都要完美無缺。首先是排版。字體是應用的臉面,一個好的字體可以讓你的應用脫穎而出。
你可以從50多個iOS字體中精心挑選一個來;當然,如果你能購買並製作屬於自己的字體那就更好了——總之,千萬別弔死在默認字體這棵樹上。Serif字體適合長文章;san-serif字體可以使用更多字體大小而不讓頁面看起來擁擠。緊湊型字體可以讓屏幕上顯示更多文字,但它跟普通字體放一起就會很奇怪。接下來,我們來談談圖標的問題。能准確傳達情緒的圖標才是最好的。你可以利用一些免費的圖標資源,然後在Photoshop裡面稍加修改,把它們變成自己的圖標。
當創建純色圖標時,堅持使用單一色彩可以避免讓用戶感到擁擠和混亂。最後,讓我們把重點放在視覺資源上。Post-skeuomorphic時代讓資源開發變簡單了。我們應當盡量在代碼中進行渲染,以盡可能地縮小應用包。添加資源時需要確保它們能正確匹配屏幕大小;粗製劣造的一大表現就是資源的像素化。
第六:簡化
開發者總喜歡添加一些復雜的導航界面或者用無關的信息,結果把界面搞得一團糟。這簡直讓用戶崩潰。
讓一切保持簡單!屏幕布局應當保持整潔,信息應該分層排列,重要的在上面,不重要的在下面。只顯示相關度高的細節,用統計工具分析有哪些動作是沒用的,然後把它們刪掉。可以借鑒蘋果的理念:無贅物即為完美。分析下面這個簡潔的Pinterest個人主頁。
它把用戶和分塊展示區放在一起,最重要的關注和點贊按鈕被小心地放在了合適的位置。要做最佳應用則需更深刻地貫徹這一原則,讓內容動態化,例如在滾動瀏覽時導航欄要隨著動畫隱藏,再如在多步驟的交互中要隱藏按鈕。
『捌』 APP設計有哪些理念
一、明確用戶人群
如果用戶是一些老年人就使用一些較大的字體,方便其瀏覽界面;如果是一些上班族,就盡可能保留用戶習慣,並根據用戶習慣推送一些日常較為關注的熱點資訊等。這就是我們說的,在設計之前一定要明確用戶人群,成年人,青年人以及老年人的使用習慣都是不一樣的。
二、合適的顏色方案
從一定意義上來說,顏色是app設計過程中的核心元素,我們可以通過主題色的選擇確定相應的色彩配置方案,利用不同顏色的特性將其用於不同的領域。比如律師app的設計多選黑白灰三色,讓人從視覺感官上就能體會到律師一行的莊重,嚴謹。
三、用戶界面直觀化
現如今應用市場競爭非常激烈,用戶的時間也逐漸趨於碎片化,因此比較直觀的能讓用戶一目瞭然的app才能在激烈的競爭中得到用戶的放心。設計師在設計之前可以多看看現在市面上比較受歡迎的app設計,並且學以致用,為自己的設計加分。
『玖』 當前主流的app界面設計思想是什麼
1.移動優先,簡約主義
移動設備屏幕的方寸之地迫使設計者返璞歸真,必須把那些花俏的修飾和多餘的內容去掉,優先保證對業務和客戶體驗影響最大的功能的呈現。
同樣這還意味著此類應用要想取得成功的話必須專注於極少數的功能子集。Clear這個例子,就是這樣,不僅只選取了待辦事宜中最基本的功能,連界面也是簡約主義。
簡單的界面要求將交互性降到最低。需要優先考慮功能,專注於期望結果的基本需求。這里的挑戰是,要知道創建出一個可行的、令人滿意的產品你需要多少,有多少可以去掉,如何才能夠擴充產品和服務。看看這類應用如何進行演進跟擴充是件有趣的事情。
2.四維思考,彰顯魔力
用戶界面設計者開始意識到,沒有必要再堅持把現實生活中的對象按照原樣照搬進數字空間裡面。數字世界跟現實本來就有差異。它可以賦予用戶魔力。它不再是用戶、滑鼠以及需要跟眼睛協調的手指芭蕾舞。而是用戶直接操作屏幕或者對象,他們所接觸到的是一個用戶無論走到哪裡都可見的四維世界(時間、空間、人、信息)。Clear聚焦於手勢UI很好地詮釋了這種魔力,傳統上的待辦事宜應用必備的復選框和文本輸入不需要了。
3.敏捷設計,動態原型
無論是設計者還是移動平台都被推動著向動畫式的用戶界面設計的方向前進。盡管手勢在日常生活中並非什麼新鮮玩意兒,但是要想恰當地、有意義地把它運用到面向消費者的應用當中,對於設計者來說仍是一項挑戰,因為他們平時習慣於墨守常規,採用靜態的框架來設計界面。而如果軟體和產品研發採用新式的原型化及多學科混合方法(如敏捷方法和新的精益用戶體驗Lean UX)的話,創建出動態的、符合視覺和感覺習慣的原型並就其進行溝通都會更加簡單、更加為用戶所接受。動畫式設計賦予應用以更多的動態運動。跟好電影很類似的是,最關鍵的部分往往是那些靜態幀之間。
『拾』 哪些非常有設計感的App讓你感到驚艷呢
建築學院APP,因為本人是學建築學的所以是日常對於這款app的需求也非常大,給我最直接的感受就是這款app界面非常舒服,選用了飽和度非常低的色系,確實能夠讓人覺得很高端,其次一些文章的編排也同樣具有個性。