親愛的小伙伴,在您瀏覽之前,煩請關注一下,在此深表感謝!
課程主題:智慧城市APP便民服務平臺
主要內容:完整智慧APP原型設計
應用場景:各類政務型、B端APP均可參考
案例展示:(圖片全部采用Axure自帶,沒有使用互聯網圖片,避免侵權,看起來不美觀)
效果視頻
智慧城市APP(一)
正文內容:
整體APP介紹:為了更好的落實關于政務數據便民服務政策要求,匯聚社保中心、醫保局、公交公司、發改委等相關部門公共服務數據,建立本市智慧城市便民服務平臺(APP);平臺打造“一個號碼登錄、一個服務入口、一個資源庫、一個APP暢享”的四個一目標,建設政務服務、交通出行、社保服務、醫療服務、教育服務、就業服務、城市資訊、市民互動等8大功能欄目,建成后平臺將為市民提供生活、出行、教育、就業等方面的便民服務事項,暢通政府與公眾的溝通通道,展示城市形象新窗口。
功能要求:項目產出APP一個,需包含政務公告、公交查詢、社保查詢、醫療信息、教育成績查詢、就業信息、新聞資訊、市民互動八個功能;
效果要求:
- 政務公告、新聞資訊、就業信息、醫療信息四個功能需具有滾動式信息窗口,實現二級頁面,可返回首頁;
- 公交查詢、社保查詢、教育成績查詢三個功能需可跳轉二級頁面,三級頁面,實現完整的查詢結果和返回;
- 市民互動功能需提供錄入彈窗,實現互動以及狀態變更;
- 平臺需建設注冊登錄入口以及密碼修改重置;
1、首頁建設
搭建APP母版,圓角矩形(360,640),并優化APP布局組成及底部菜單,增加首頁、活動、消息、我的四個按鈕;
圖1
圖2
圖3
圖4
制作好母版后,Page1我們命名為首頁,拖入母版,開始首頁制作;
圖5
首頁的新聞資訊需要設置成滑動,之前的課程里有涉及這部分內容,就不再重復介紹了;
圖6
2、政務公告模塊
政務公告模塊里主要為多條公告信息,點擊每一條公告可跳轉至詳情頁;
圖7
圖8
圖9
3、公交查詢模塊
公交查詢模塊需要具備出發地、目的地輸入場景,并提供多種出行結果的推送,每一種推送結果要有對應的詳細時間、路線;
這個頁面涉及到的主要交互:
- 出發地、目的地切換交互;
- 出行結果菜單欄的設計、左右拖動效果設計;
- 根據選擇結果菜單欄的選項,顯示出不同的詳細結果;
圖10
本課小結:關于以上用到的細節交互,在下面的直通車里我掛上了鏈接,沒有學會的可以直達學習,下節課繼續更新智慧城市APP其他功能模塊。
相關課程直通車:
Axure橫向菜單高級交互_axure橫向滑動怎么做-CSDN博客
Axure設置面板狀態——元件動作二-CSDN博客
Axure常用交互效果四——移動效果-CSDN博客
如有其他相關問題,歡迎私信溝通,關注??結構化知識課堂-CSDN博客
明天的產品大咖就是你,創作不易,麻煩關注一下,點贊+收藏,感謝大家!