原標題:七夕那天,我用Axure送了女朋友一個禮物

七夕節送禮,不是高富帥的專屬,利用工作技能,我們產品經理一樣能夠送出意想不到的禮物。

七夕那天,我用Axure送了女朋友一個禮物

1.前言

其實有這個想法也是靈光一閃,臨近七夕的時候突然接到了出差通知,果不其然七夕沒能回京陪女朋友,雖然早有準備,備好了禮物,但總覺得人不在身邊只是禮物送到有些冰冷。於是我就想,有什麼樣的禮物能出其不意又顯得很有新意呢。

作為產品經理,遇到問題當然不能慌張,咱先分析用戶的痛點需求,女生七夕的痛點是什麼,當然是需要男朋友陪,這一點暫時實現不了,再挖掘。七夕肯定是要收禮物,收禮物的痛點是什麼,首先肯定是通過收禮物看出你很重視她,所以要體現你的心思。其次應該是得到別人的羨慕,七夕一定會被朋友圈刷屏,大街的目的無法就是展示一下自己的七夕,得到別的羨慕,所以這個禮物還點需要女朋友能夠發了朋友圈之後與眾不同,紛紛讚美。

怎麼才能讓女朋友出其不意,還能得到別的的讚美,彰顯她的七夕禮物與眾不同呢。一個化學系的博士朋友給了我提示,他是研究新材料的,覺得用新材料給女朋友做一個與眾不同的愛心模型。

我想, 作為產品經理我的技能範圍內有什麼可以利用呢?此時,答案應運而生——Axure,我用Axure做一個簡單的適用iPhone7plus的app原型,然後通過coding+git託管部署,最後通過蘋果自帶瀏覽器Safari將網頁添加到手機桌面,變成一個「app」送個女朋友,絕對能夠滿足七夕收禮物的痛點需求!

2.Auxre製作適用iPhone7plus的app原型

在此就默認大家都會Axure的使用了,如果不會的話,平台上有很多文章可以學習一下,筆者也寫過用Axure製作微信原型的文章:《Axure教程:微信聊天列表原型製作》,都可以先簡單學習一下。

首先建立一個新頁面,頁面的名字,就是你希望的「app」名,比如起名為「七夕快樂」。

然後建立原型大小。原型要能夠在iPhone7p上全屏顯示,這樣才高保真。7p的屏幕大小為375*667,減去20的導航欄高度,因此你首先需要將app的大小範圍定在375*647。然後再該範圍內製作原型。下圖是筆者的原型首頁。

七夕那天,我用Axure送了女朋友一個禮物

製作完成後發布很關鍵,F8打開發布設置。常規設置發布路徑。移動設備選項設置手機選項。將包含視口標籤打鉤,然後寬度和長度與原型一致,375*647。注意初始縮放倍數空,然後用戶縮放選擇no。主屏幕圖標就是「app」的圖標,按要求製作一個114*114像素的png圖片即可。ios啟動畫面設置,經過嘗試,發現沒有效果,讀者可以自己試一下。然後點擊生成,此時你的原型就做好啦。

七夕那天,我用Axure送了女朋友一個禮物

3.Axure原型託管部署

做好的原型如何才能遠程添加到女朋友手機上呢,畢竟我們做的不是真正的app,而且也不可能發布到appstore讓人下載呀。但是這難不住產品經理。通過coding來託管工程,這樣就能夠在網際網路上任意地方訪問了。

首先註冊個用戶,隨意註冊吧,免費使用。

登錄后選擇部署項目,然後點擊加號添加新項目。

七夕那天,我用Axure送了女朋友一個禮物

項目名稱要和你用Axure發布原型的文件夾名相同。比如你將原型發布到D盤的77目錄下,項目名稱就叫77。選擇公開,其他選擇默認即可, 點擊創建項目。跳轉到一下界面。

七夕那天,我用Axure送了女朋友一個禮物

在命令行中創建git庫。

運行命令控制台(win+R,輸入cmd運行),進入剛剛發布原型的路徑。然後以此輸入一下命令,網址修改成頁面上給出的地址:

git init

echo 「# 77」 >> README.md

git add .

git commit -m 「first commit」

git remote add origin https://…..77.git

git push -u origin master

運行結束后,點擊頁面上方的Pages服務,選擇來源–>master分支,保存。等顯示成功部署master分支后,點擊頁面上給出的鏈接,就可以看到成功部署到網際網路上的原型了。

七夕那天,我用Axure送了女朋友一個禮物

4.網址鏈接添加到桌面變成「app」

此時,其實已經完成了大部分工作,將該網址發給女朋友之後,她已經可以在瀏覽器上看到你的原型,但是還不夠!只是在瀏覽器上看遠遠不能滿足痛點。此時,你需要告知女朋友下面的操作步驟。

通過蘋果自帶瀏覽器Safari打開網址(如果你的網址和我一樣有中文,微信是不會自動跳轉的,記得讓她全部複製),然後點擊下方導航欄中間按鈕,然後選擇添加到主屏幕,下面就是見證奇迹的時刻!(當然是對他來說比較奇迹,對我們來說就是深藏功與名,笑而不語)。到此,你已經成功將一個「app」送到了女朋友的手(機)上。相信她會很喜歡這個禮物,並且迫不及待發一個朋友圈。

七夕那天,我用Axure送了女朋友一個禮物

5.小結

多動腦咱們產品經理也是能夠逆襲高富帥的,其實整篇文章是一個完整的製作原型,網上發布,可手機查看原型的過程。作為一個產品經理,這應該是工作中遇到的一部分,學以致用方能更好的進步。希望大家讀完本篇文章以後,能夠掌握這些基本技能。

本文由 @有趣的程序員 原創發佈於人人都是產品經理。未經許可,禁止轉載。

題圖來自 Pexels,基於 CC0 協議