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

19 評論 19444 瀏覽 115 收藏 8 分鐘

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

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 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 人如其名 贊了,默默關注

    來自廣東 回復
  2. 研究了一天 在那個創建git那邊卡了 大神你要寫就寫詳細點OK

    來自浙江 回復
  3. git怎么才算運行成功呢?

    來自湖北 回復
  4. 生成鏈接打開是404找不到頁面,這是怎么回事呢,求教

    來自江蘇 回復
    1. 跟你的一樣 你怎么解決的

      來自浙江 回復
  5. 創建git庫那一步,可不可以描述詳細點呢?貌似卡在這里了。在控制臺輸入 git init,提示不是內部命令,不能被執行。 ??

    來自廣東 回復
    1. 我用Axure自帶的云也做到了。

      來自廣東 回復
    2. 怎么做到的
      我現在就卡在這一步

      來自浙江 回復
    3. 您好請問創建git庫那步你是怎么解決的

      回復
    4. 可能是沒有git命令,先百度下git命令安裝

      回復
    5. 肯定是系統沒有git命令,先百度一下git命令安裝吧

      回復
    6. 這個安裝難嘛

      來自浙江 回復
  6. mac做不了 ??

    來自北京 回復
  7. 如同程序猿開發了一個程序追女生一樣 ?

    來自浙江 回復
    1. 然后被女生說神經病,哈哈哈

      來自海南 回復
    2. 哈哈圖個樂呵。靈機一動

      回復
  8. 對了你好,我想問下,您設計出來的“app”只有一個頁面嗎還是可以包含多個頁面、多個交互,可以大概跟我描述一下嗎,謝謝啦 ??

    來自陜西 回復
    1. 這就是Axure的功能了,Axure是原型工具,你想做什么功能和頁面都可以,當然就要看Axure的功底了。一點不會的話,可以先看幾個教程學習下Axure。簡單的交互很容易學會

      回復
  9. 吼吼,太厲害了!學到了!我要去追女神啦 ??

    來自陜西 回復