效率類工具給我們的工作、學(xué)習(xí)帶來了很多方便。今天筆者就6款圖片標(biāo)注工具進(jìn)行分析，與大家分享。

一、體驗(yàn)環(huán)境

設(shè)備型號(hào)：iPhone 7

操作系統(tǒng)：iOS 10.1.1

體驗(yàn)時(shí)間：2016年12月14日

二、評(píng)測(cè)對(duì)象

三、行業(yè)分析

1、市場(chǎng)背景

智能手機(jī)問世以來，因其具有移動(dòng)互聯(lián)的便利性，逐漸成為了我們工作學(xué)習(xí)中的重要工具。 各類手機(jī)應(yīng)用中，效率類工具一直是上班、學(xué)生族使用的高頻應(yīng)用類別。多年以來，不斷涌現(xiàn)出的優(yōu)秀效率類App也逐漸成為了我們提升工作、溝通效率的幫手。今天我們?cè)u(píng)測(cè)的是效率類的細(xì)分應(yīng)用——圖片標(biāo)注。我們選取了6款iOS平臺(tái)上有代表性的產(chǎn)品，來進(jìn)行橫向評(píng)測(cè)。

2、競(jìng)爭(zhēng)格局

注：所有數(shù)據(jù)均截至2016年12月14日，數(shù)據(jù)統(tǒng)計(jì)范圍為中國區(qū)，數(shù)據(jù)來源自App Annie。

3、用戶、需求與定位

通過上面對(duì)比數(shù)據(jù)可知，6款應(yīng)用在App Store內(nèi)排名都不是很靠前，屬于小眾應(yīng)用。也注定了這些應(yīng)用面向的都是智能手機(jī)的重度用戶，他們喜歡嘗試各種不同的應(yīng)用，希望通過各種方式提升自己的溝通效率、工作效率。作為功能單一的工具類產(chǎn)品，截圖標(biāo)注這一細(xì)分領(lǐng)域主要解決的需求是重點(diǎn)信息提取、去噪、強(qiáng)化，讓用戶更直觀更快的從圖片中獲取目標(biāo)信息。

4、典型使用場(chǎng)景

（1）用戶A，22歲，男，某高校研一學(xué)生，小米手機(jī)5

用戶A在自習(xí)過程中，遇到書上某個(gè)不會(huì)的知識(shí)點(diǎn)，想通過微信請(qǐng)教同學(xué)、老師。用戶A用手機(jī)將書上這一頁局部拍下來。為了將他要請(qǐng)教的點(diǎn)勾畫出來，他使用iMark應(yīng)用，為目標(biāo)區(qū)域添加了一個(gè)“放大鏡”，用以突出顯示。

（2）用戶B，26歲，男，某公司職員，iPhone 6s

用戶B需要向直屬領(lǐng)導(dǎo)匯報(bào)公司網(wǎng)站上出現(xiàn)的一些UI缺陷/待改進(jìn)的點(diǎn)，他在Safari中截圖，在Annotable應(yīng)用打開截圖，使用“聚光燈”、“空心矩形”等工具將截圖上需要展現(xiàn)出來的問題點(diǎn)標(biāo)注出來，導(dǎo)出后通過郵件上報(bào)，幫助領(lǐng)導(dǎo)及IT同事快速在截圖中定位問題。

5、商業(yè)模式

目前這種小眾需求的工具類產(chǎn)品盈利模式一般都比較普通。如果出自大公司的話，比如小Q畫筆與印象筆記·圈點(diǎn)，一般沒有太大盈利壓力，均作為公司主產(chǎn)品的補(bǔ)充或創(chuàng)意產(chǎn)品項(xiàng)目。如果是個(gè)人開發(fā)者，一般則是通過廣告植入或者對(duì)特色子功能收費(fèi)來盈利。

四、功能對(duì)比評(píng)測(cè)

1、產(chǎn)品結(jié)構(gòu)比較簡(jiǎn)單，均為單一的圖片編輯模塊。

2、用戶使用流程

• 小Q畫筆/Annotable/iMark/Pinpoint：進(jìn)入——展現(xiàn)最近截圖——標(biāo)注——導(dǎo)出
• 圈點(diǎn)：進(jìn)入——拍照——選圖——標(biāo)注——導(dǎo)出
• 截屏速記：進(jìn)入——空白修圖面板——選圖——標(biāo)注——導(dǎo)出

可以看出，大多數(shù)App都認(rèn)為用戶有標(biāo)注需求的時(shí)候，完成截圖會(huì)馬上調(diào)用標(biāo)注App，所以在App啟動(dòng)之后會(huì)自動(dòng)展示最近截圖/照片供用戶挑選，提升使用效率。

3、功能點(diǎn)對(duì)比

功能橫向?qū)Ρ龋?款應(yīng)用中屬小Q畫筆、Annotable與iMark功能最為豐富，其中，在我們參與評(píng)測(cè)的105個(gè)功能點(diǎn)中，iMark有69個(gè)子功能為最多，Annotable占據(jù)了62個(gè)子功能，小Q畫筆有56個(gè)排第三。這三款應(yīng)用中互相各有特色功能點(diǎn)。比如小Q畫筆可以全局調(diào)整透明度，有自定義貼紙素材，還可以對(duì)選區(qū)進(jìn)行復(fù)制剪切操作。

Annotable在標(biāo)注功能的廣泛程度上做到了極致，獨(dú)有聚光燈、文字透視標(biāo)注功能。iMark則是細(xì)節(jié)勝出，每一個(gè)標(biāo)注工具提供最豐富的顏色、大小、粗細(xì)選項(xiàng)，還可以對(duì)所有的標(biāo)注進(jìn)行圖層管理，圖片輸出還能自定義輸出尺寸。

印象筆記·圈點(diǎn)作為印象筆記的補(bǔ)充產(chǎn)品，標(biāo)注功能稍有缺失，但不影響日常使用。與iMark共同支持地圖、網(wǎng)頁導(dǎo)入，并且還獨(dú)家支持PDF導(dǎo)入進(jìn)行標(biāo)注。截屏速記支持語音標(biāo)注，語音標(biāo)注無法直接生成圖片導(dǎo)出，需要生成鏈接分享。但是筆者認(rèn)為，直接在圖像上加一個(gè)框強(qiáng)調(diào)，分享出來在微信里語音描述，一樣可以解決需求。截屏速記開發(fā)者為了解決用戶需求而開發(fā)的“語音標(biāo)注”便利性是否更佳還值得商榷。而且截屏速記與Pinpoint在基本的標(biāo)記功能上都有很大的欠缺。下表為詳細(xì)橫向評(píng)測(cè)：

注：紅色標(biāo)注為該產(chǎn)品特有功能。

4.特有功能展示

（1）小Q畫筆

• 全局半透明：小Q畫筆對(duì)所有標(biāo)注工具均有2檔透明設(shè)置（不透明、50%半透）；
• 按鈕與文本框：令人疑惑的是，這兩個(gè)標(biāo)注控件添加之后，無法修改文字與顏色，只能修改大??；
• 標(biāo)尺：對(duì)于UI設(shè)計(jì)人員與產(chǎn)品經(jīng)理非常實(shí)用，直觀標(biāo)注App屏幕上兩點(diǎn)之間的距離是多少個(gè)像素點(diǎn)；
• 選區(qū)操作：可以對(duì)某一選區(qū)進(jìn)行剪切、復(fù)制、黏貼操作；
• 貼紙：可以在截圖上添加貼紙。貼紙的來源可以是自己在畫布上繪制的自定義標(biāo)注圖案，也可以來自于手機(jī)相冊(cè)已有圖片。

（2）Annotable

• 聚光燈：Annotable的獨(dú)有功能之一。它的功能便是將選區(qū)之外的部分加暗，讓人集中注意力于標(biāo)注區(qū)域；
• 馬賽克：它擁有3種常規(guī)馬賽克樣式，還有高斯模糊選項(xiàng)。高斯模糊相比常規(guī)馬賽克，視覺上更加平滑；
• 文字透視標(biāo)注：Annotable的文字透視標(biāo)注工具可以自動(dòng)識(shí)別截圖中的文字（OCR），并對(duì)這些文字區(qū)域進(jìn)行類似熒光筆效果的標(biāo)注；
• 描邊：對(duì)全局標(biāo)注工具均有3種描邊選項(xiàng)。

（3）iMark

• 顏色自定義：除了提供給用戶的11種默認(rèn)顏色之外，iMark還提供了自定義色板，供用戶自由選擇顏色；
• 陰影：用戶可以選擇為所有標(biāo)注添加陰影與描邊。此外，iMark還提供了3種文字樣式（無底色，白底，黑底）；
• 放大鏡：放大鏡功能Annotable也有，但是iMark是免費(fèi)提供的，而且iMark中所有的標(biāo)注圖案的粗細(xì)都是無極調(diào)節(jié)的；
• 裁剪：iMark中的裁剪功能為用戶提供了多種常見裁剪比例供選擇；
• 圖層：iMark中引入圖層管理概念，用戶添加的每一個(gè)標(biāo)記圖案都認(rèn)為是一個(gè)圖層，可以對(duì)所有的圖層進(jìn)行優(yōu)先級(jí)排序操作；
• 導(dǎo)出畫質(zhì)：可以對(duì)導(dǎo)出圖像尺寸進(jìn)行設(shè)置。

（4）印象筆記·圈點(diǎn)

• 多種導(dǎo)入方式：印象筆記·圈點(diǎn)支持從網(wǎng)頁、地圖、PDF導(dǎo)入截圖進(jìn)行標(biāo)注，網(wǎng)頁地圖導(dǎo)入功能iMark也有提供。區(qū)別在于，iMark使用內(nèi)置瀏覽器獲取頁面，圈點(diǎn)使用Safari插件的方式導(dǎo)入；
• 貼紙與圖章：圈點(diǎn)分別提供5種貼紙與圖章，每一個(gè)貼紙或圖章均可以修改箭頭方向與文字；
• 會(huì)議：導(dǎo)出的圖片可以通過iOS日歷App添加到日程/會(huì)議并分享給同事。

（5）截屏速記

• 語音標(biāo)記：截屏速記唯一的特色功能便是“語音標(biāo)記”，支持錄制一段語音，添加到圖片某個(gè)位置，便于為其他用戶講解。但是這種標(biāo)記無法直接導(dǎo)出圖像，而是要求用戶將這個(gè)標(biāo)記項(xiàng)目上傳到App的服務(wù)器，生成云端鏈接分享出去。

五、問題與建議

1、小Q畫筆

我們注意到實(shí)心矩形、實(shí)心圓形這兩個(gè)標(biāo)注圖案是小Q畫筆所獨(dú)有的，我們可以思考這兩個(gè)功能是否多余。

第一種情況，如果用戶需要標(biāo)注圈點(diǎn)，使用空心矩形為宜；

第二種情況，如果用戶需要添加有底文字，則與小Q畫筆中的“按鈕”控件重復(fù)，考慮到“按鈕”控件目前無法修改文字與配色，所以實(shí)心矩形就是給“按鈕”救急用？如此一來“按鈕”控件就多余了；

第三種情況，用戶想要用實(shí)心矩形遮蓋圖片某部位，這似乎與馬賽克功能重合，不過遮蓋樣式倒是與馬賽克形成差異化。

標(biāo)尺功能可謂是PM和UI的神器，但是目前標(biāo)尺只能憑肉眼手動(dòng)拖拽長(zhǎng)度，無法精確的衡量截圖中某些元素的像素長(zhǎng)寬，這樣一來，標(biāo)尺顯示的px值并沒有太大參考意義。建議借鑒Annotable的文字透視標(biāo)注功能，智能識(shí)別截圖中的元素，參考Photoshop中的磁力吸附，將標(biāo)尺的兩端自動(dòng)吸附到截圖元素的兩端，這樣出來的測(cè)量結(jié)果更有參考價(jià)值。

選取剪切、復(fù)制、黏貼功能都有了，順帶把圖層管理也做一下吧？

2、Annotable

從基礎(chǔ)功能來說真是無可挑剔，如果不介意它的內(nèi)購收費(fèi)的話，該有的標(biāo)注功能基本都有?；蛟S下一步優(yōu)化方向，效仿iMark把細(xì)節(jié)做做好？比如顏色與邊框的自定義程度之類。

3、iMark

國內(nèi)Clover四葉草團(tuán)隊(duì)出品的App可謂一個(gè)個(gè)都是良心產(chǎn)品，Days Matter與我的天氣都是很有名的應(yīng)用。這次iMark似乎也不例外，免費(fèi)無內(nèi)購不說，功能點(diǎn)在本次測(cè)評(píng)的App中當(dāng)屬最多。除了沒有Annotable的聚光燈與文字透視標(biāo)注之外，也算沒有什么特別大的弱項(xiàng)了。或許自定義顏色可以繼續(xù)深入下去，既然已經(jīng)做了調(diào)色板取色了，可以把顏色定位做做好，比如支持RGB/HSL定位顏色，可能更好。

“建議增加拼圖，現(xiàn)在當(dāng)需要兩個(gè)圖片對(duì)比標(biāo)記，稍有不便！標(biāo)注文字時(shí)的字號(hào)可以在小一點(diǎn)，這樣手機(jī)屏幕不大動(dòng)物空間，可以做很更多的內(nèi)容！線條或箭頭的描邊和陰影可以作為增加選項(xiàng)，每次上來都自動(dòng)使用，會(huì)讓線或箭頭變得很占空間，總要多兩步操作除去它們！ 堅(jiān)持“標(biāo)注”這個(gè)主題！標(biāo)注多為辦公或有說明需求使用，所以線條，箭頭，堅(jiān)持款式簡(jiǎn)潔，操作簡(jiǎn)易為核心！ 謝謝！”——4星，bluebell0323

4、印象筆記·圈點(diǎn)

圈點(diǎn)作為印象筆記的補(bǔ)充產(chǎn)品，可能產(chǎn)品功能的打磨及重視程度上沒有印象筆記高，但是畢竟大廠出品，整體可用性依然很高。它與其它應(yīng)用相比，更注重生活、會(huì)議中隨拍隨標(biāo)記，而不僅僅是截圖標(biāo)記。所以我們看到首屏進(jìn)去應(yīng)用是拍照界面。支持PDF導(dǎo)入與會(huì)議導(dǎo)出，還有“圖章”工具，更是體現(xiàn)了印象筆記的商務(wù)場(chǎng)景性質(zhì)?？赡軐?duì)于商務(wù)用戶來說，部分標(biāo)注功能的缺失也不是特別影響使用，與Evernote同系應(yīng)用互相協(xié)同才是最吸引人之處。

5、截屏速記

語音標(biāo)注功能是個(gè)創(chuàng)新點(diǎn)，但是是否有能得到用戶認(rèn)同還要看市場(chǎng)反饋?；A(chǔ)的標(biāo)注功能大量欠缺，比較粗糙，還得趕緊補(bǔ)回來呀。

“標(biāo)注很好用，但是沒有重要部位遮蓋功能，然后也不知道那個(gè)語音功能怎么用”——4星，楊子402

6、Pinpoint

太簡(jiǎn)陋了，可能國外的朋友或者有人使用需求特別簡(jiǎn)單，喜歡這種簡(jiǎn)單的風(fēng)格也不一定呢。但是標(biāo)注顏色只有一種，解鎖8種顏色要30RMB也太不良心啦。

第一次寫產(chǎn)品評(píng)測(cè)，還請(qǐng)大家指正。坐標(biāo)上海，研一求PM實(shí)習(xí)中~

本文由 @郝陽（haoyang0625@outlook.com） 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。