七夕那天,我用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。然后再該范圍內制作原型。下圖是筆者的原型首頁。
制作完成后發布很關鍵,F8打開發布設置。常規設置發布路徑。移動設備選項設置手機選項。將包含視口標簽打鉤,然后寬度和長度與原型一致,375*647。注意初始縮放倍數空,然后用戶縮放選擇no。主屏幕圖標就是“app”的圖標,按要求制作一個114*114像素的png圖片即可。ios啟動畫面設置,經過嘗試,發現沒有效果,讀者可以自己試一下。然后點擊生成,此時你的原型就做好啦。
3.Axure原型托管部署
做好的原型如何才能遠程添加到女朋友手機上呢,畢竟我們做的不是真正的app,而且也不可能發布到appstore讓人下載呀。但是這難不住產品經理。通過coding來托管工程,這樣就能夠在互聯網上任意地方訪問了。
首先注冊個用戶,隨意注冊吧,免費使用。
登錄后選擇部署項目,然后點擊加號添加新項目。
項目名稱要和你用Axure發布原型的文件夾名相同。比如你將原型發布到D盤的77目錄下,項目名稱就叫77。選擇公開,其他選擇默認即可, 點擊創建項目。跳轉到一下界面。
在命令行中創建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分支后,點擊頁面上給出的鏈接,就可以看到成功部署到互聯網上的原型了。
4.網址鏈接添加到桌面變成“app”
此時,其實已經完成了大部分工作,將該網址發給女朋友之后,她已經可以在瀏覽器上看到你的原型,但是還不夠!只是在瀏覽器上看遠遠不能滿足痛點。此時,你需要告知女朋友下面的操作步驟。
通過蘋果自帶瀏覽器Safari打開網址(如果你的網址和我一樣有中文,微信是不會自動跳轉的,記得讓她全部復制),然后點擊下方導航欄中間按鈕,然后選擇添加到主屏幕,下面就是見證奇跡的時刻?。ó斎皇菍λ麃碚f比較奇跡,對我們來說就是深藏功與名,笑而不語)。到此,你已經成功將一個“app”送到了女朋友的手(機)上。相信她會很喜歡這個禮物,并且迫不及待發一個朋友圈。
5.小結
多動腦咱們產品經理也是能夠逆襲高富帥的,其實整篇文章是一個完整的制作原型,網上發布,可手機查看原型的過程。作為一個產品經理,這應該是工作中遇到的一部分,學以致用方能更好的進步。希望大家讀完本篇文章以后,能夠掌握這些基本技能。
本文由 @有趣的程序員 原創發布于人人都是產品經理。未經許可,禁止轉載。
題圖來自 Pexels,基于 CC0 協議
人如其名 贊了,默默關注
研究了一天 在那個創建git那邊卡了 大神你要寫就寫詳細點OK
git怎么才算運行成功呢?
生成鏈接打開是404找不到頁面,這是怎么回事呢,求教
跟你的一樣 你怎么解決的
創建git庫那一步,可不可以描述詳細點呢?貌似卡在這里了。在控制臺輸入 git init,提示不是內部命令,不能被執行。 ??
我用Axure自帶的云也做到了。
怎么做到的
我現在就卡在這一步
您好請問創建git庫那步你是怎么解決的
可能是沒有git命令,先百度下git命令安裝
肯定是系統沒有git命令,先百度一下git命令安裝吧
這個安裝難嘛
mac做不了 ??
如同程序猿開發了一個程序追女生一樣 ?
然后被女生說神經病,哈哈哈
哈哈圖個樂呵。靈機一動
對了你好,我想問下,您設計出來的“app”只有一個頁面嗎還是可以包含多個頁面、多個交互,可以大概跟我描述一下嗎,謝謝啦 ??
這就是Axure的功能了,Axure是原型工具,你想做什么功能和頁面都可以,當然就要看Axure的功底了。一點不會的話,可以先看幾個教程學習下Axure。簡單的交互很容易學會
吼吼,太厲害了!學到了!我要去追女神啦 ??