亚洲欧美香蕉在线日韩精选_www在线观看美女视频_娇妻的呻吟大团结内裤奇缘_免费a漫禁漫h漫在线

羅麥隨行APP首頁改版交互設計和視覺設計

羅麥隨行APP首頁改版交互設計和視覺設計

交互設計 | 界面設計 | vue開發

交互設計 | 界面設計 | vue開發

羅麥隨行app,一個與羅麥伙伴無縫鏈接的平臺,這是一個讓羅麥伙伴足不出戶,也能隨時隨地了解羅麥事業的平臺。羅麥微生活、羅麥微視頻、羅麥隨身工具包、羅麥電子書、羅麥科技微聚焦等版塊統統搬回家。這個App已上線多年未更新,客戶希望設計公司自由發揮,在現有功能上優化交互和視覺,完成首頁改版。

藍藍設計下載了這個軟件,查閱了相關競品:安利等公司的APP設計及國外的優秀設計作品。作為一個使用者,仔細的研究了APP目前的功能特點,內容更新頻率,按照產品運營的思維,重新梳理了交互設計、視覺設計。在基本沒有客戶參與的情況下,設計出首頁的提案。

產品定位

羅麥隨行——口袋里的多媒體工具包。
掌握公司動態,一點知曉羅麥事;
多欄目、多類別,總有一款適合你;
微生活,為生活,多彩羅麥盡顯科技力量;
海量信息,智能捕捉,羅麥的多元展示之窗。

目標用戶

北京羅麥科技集團是一家集科研開發、生產運營、銷售服務于一體的多元化高新技術企業,直銷企業。這款軟件致力于為廣大營銷人員和消費者提供優質的產品和卓越的服務。 通過線渠道購買羅麥產品。

設計風格

設計風格參考羅麥科技官網的logo色調,綠色和紅色的結合,突出品牌的主題。在保持APP整體設計語言的一致的前提下;頁面布局按照我們的理解進行適當的優化,以更加貼近用戶使用場景。 整體設計簡約、優雅、創新。

首頁界面設計

改版希望從不增加功能的情況下,對產品的功能、交互、視覺呈現進行重組和設計。我們重新梳理整個app現有的功能,改變原有首頁單調不美觀的現狀,在首頁增加了一些便于用戶操作和促進用戶購買的內容。豐富首頁內容,減少用戶操作,提升用戶體驗,目的是使App成為企業營銷、銷售的利器。

羅麥隨行APP首頁改版交互設計和視覺設計-首頁

遠東移動門戶-交互設計

頂部模塊--包括「搜索框」「消息入口」「banner」三個功能。搜索框能幫用戶快速定位想要的內容提高易用性, banner展示主推產品促進用戶消費。
入口模塊--入口圖標簡化成四個,去掉「全景展示」和「麥享視聽」,「資訊」放到頁面下面的菜單,「麥享定制」分開突出展示。
整體依舊采用和logo主題色保持一致的設計語言進行設計,保證圖標的可讀性和示意性,準確表達出功能的含義。
消息通知--重要消息主動推給用戶。
「麥享定制」--分成兩個在首頁展示,用戶可快速進入到需要的頁面,減少操作。



直播提示--直播從下面菜單提上來作為一個單獨區域,更加直接的提高用戶的觀看興趣。






產品展示--「排行榜」「小編推薦」「好物推薦」這三個區域都是產品展示區,將熱銷的、用戶需要的產品主動推給用戶,從而促進消費。






最新視頻—短視頻、直播引流是目前市場比較火熱的,所以在首頁有個單獨的展示區域,減少用戶操作步驟,同時在首頁默認展示四個,根據用戶的不同需求,如果想繼續看就點擊「加載更多」,如果不需要直接劃過繼續瀏覽下面內容。





最新資訊—通過調研資訊更新的并不是很多,而且也不是app的主要功能,原app用大量空間展示并不合理。 所以將資訊模塊在保留的基礎上弱化。 菜單欄—通過線面結合的方式重新設計,顏色同樣采用綠色和紅色。菜單欄在保留原有內容的基礎上增加了「資訊」。

羅麥隨行APP首頁改版交互設計和視覺設計
羅麥隨行APP首頁改版交互設計和視覺設計

方案二和原型較為接近,以視覺美化為主,整體在功能布局上沒有做太多的延伸。

Banner通過弧形巧妙的和主功能菜單聯系在一起,增加頁面的趣味性,使頁面更加活潑,banner在后,4個菜單在前,體現了兩個層次的空間感。

將頁面原來快捷入口的「麥享定制」和「直播」單獨提出來,引進用戶的關注和轉化率。

公司新聞分為大卡片的焦點新聞和列表類新聞。

大卡片的焦點新聞因為數量不多不會頻率更新,交互方式上改為橫向播動,以節省空間。

「資訊」放到頁面的下方菜單。



整體色調還沿用之前的紅色,暖色調可以激發用戶的購買欲,比如「淘寶」「京東」「拼多多」等熱門的購物軟件都是以暖色調為基礎。

  返回