New Products

Analysis of Picture Taking Instructions in various mobile apps

NOTE: This report, with additional screenshots and illustrations, is available in PDF form here. The purpose of this document is a)

June 25, 2024 · By Ilya Evdokimov · 3 min read

Key takeaway

NOTE: This report, with additional screenshots and illustrations, is available in PDF form here.

<p>NOTE: This report, with additional screenshots and illustrations, is available in PDF form here.</p> <p>The purpose of this document is a) analyze various approaches mobile developers take to instruct and guide their users towards taking better pictures on mobile devices, and b) to establish suggested mechanism of instructing users how to take better pictures.</p> <h2 id="current-applications-analysis-android-play-store">Current Applications Analysis (Android Play Store)</h2> <h3 id="camscanner">CamScanner</h3> <p>Includes ‘first run’ swipeable instructions.<br /> No separate picture taking instructions.<br /> Custom camera screen.</p> <h3 id="cmc-image-scanner">CMC Image Scanner</h3> <p>Includes ‘first run’ scrollable instructions, with “do not show again” option.<br /> No separate picture taking instructions.<br /> Uses default camera screen.</p> <h3 id="document-scanner">Document scanner</h3> <p>No ‘first run’ instructions.<br /> No separate picture taking instructions.<br /> Uses default camera screen.</p> <h3 id="document-scanner-trial">Document Scanner: Trial</h3> <p>No ‘first run’ instructions.<br /> No separate picture taking instructions.<br /> Uses default camera screen.</p> <h3 id="droid-scan-lite">Droid Scan Lite</h3> <p>Has ‘first run’ instructions and info.<br /> No separate picture taking instructions.<br /> Uses default camera screen.</p> <h3 id="handy-scanner">Handy Scanner</h3> <p>Includes ‘first run’ swipeable instructions.<br /> No separate picture taking instructions.<br /> Custom camera screen.</p> <h3 id="mdscan-lite">MDScan Lite</h3> <p>No ‘first run’ instructions.<br /> No separate picture taking instructions.<br /> Custom camera screen.</p> <h3 id="mobile-scanner">Mobile Scanner</h3> <p>No ‘first run’ instructions.<br /> No separate picture taking instructions.<br /> Custom camera screen.</p> <h3 id="portable-scanner-lite">Portable Scanner Lite</h3> <p>Has ‘first run’ instructions that disappear after at least one scan is added, and reappear when app has no documents in it.<br /> No separate picture taking instructions.<br /> Custom camera screen.</p> <h3 id="scan-to-pdf-free">Scan to PDF Free</h3> <p>No ‘first run’ instructions.<br /> No separate picture taking instructions.<br /> Uses default camera screen.</p> <h3 id="yunmaidoc-scandoc-document-reader-useu">YunMaiDoc – ScanDoc Document Reader US/EU</h3> <p>No ‘first run’ instructions.<br /> Has a separate picture taking instructions screen.<br /> Custom camera screen.</p> <p>NOTE 1: This app had picture taking instructions as a splash screen before taking first picture.  Instructions appeared only once.  Screenshot could not be captured.  Please download this app to see picture taking splashscreen.</p> <p>NOTE 2: App has three different OCR modes.</p> <h2 id="picture-taking-screen-guide">Picture Taking Screen Guide</h2> <h3 id="one-splash-screen">One Splash Screen</h3> <p>Several quick suggestions should be conveyed to the app user.  All suggestions can be listed on one screen, such as below.  Any guidance should be provided in un-intrusive manner.</p> <p>User should be able to click ‘do not show in the future’ option to disable this screen.  In settings, there should be an option return the presence of this screen if needed.</p> <p>NOTE: It is further suggested:</p> <ul> <li>a native English speaking person to review wording and optimize instructions targeted to specific audience;  if another language, a native-speaking person in that language should review wording and instructions</li> <li>experienced UX &amp; UI person to optimize layout, colors and add visual diagrams targeting app’s specific audience and goals</li> </ul> <p>Optionally, if a more integrated placement of tips is required, we can use several strategically placed UI elements to encourage users to take better pictures.</p> <p>FotoNote iOS app by Mobile Camera Apps Factory demonstrates several guide screens plus a custom camera with instantaneous real-time feedback for guided picture taking.</p> <h3 id="first-run-screen">First Run screen</h3> <p>Upon the first need of needing t to take a picture, display a ‘first run’ splash with several swipeable screens.  Each screen should be easy to read and convey one suggestion for picture taking, such as each bullet point listed in the screenshot above.  Each screen should be swiped forward, or ‘Next’ button should be pressed.  See Droid Scan Lite or Handy Scanner (suggested design) for a practical example.  This educational splash should be shown to user only one time upon first time taking a picture.</p> <p>NOTE: It is very important to use graphics in this approach to quickly delivery each point.  Since entire screen is dedicated to one bullet point, there is plenty of space for a graphic and a few words of instructions.  Graphics should be designed by an experienced UI designer for maximum clarity.</p> <h3 id="permanent-reminder-screen">Permanent Reminder Screen</h3> <p>It may be also helpful to leave a short reminder screen or splash screen before taking each picture, especially when a user disabled the Tips screen.  This screen should be quick and unobtrusive but remind users how to take better pictures.</p> <p>See ScanDoc Document Reader above for an example of such screen next to “take a picture” button.</p> <h2 id="copyright-trademarks">Copyright, Trademarks</h2> <p>Names, designs, graphics, User Interface (UI), functionality, and other proprietary information associated with any 3rd party apps mentioned in this document are the property of those apps and their respective developers.  This document is for educational and illustration information only.  All apps listed in this document were available from Google Play Store for public distribution as of August 24, 2013.</p> <hr /> <p>Ready to automate your document processing? <a href="/contact/">Contact WiseTREND</a> to discuss your project.</p>

Ready to eliminate manual document work?

Tell us about one workflow that's costing you keystrokes and errors. We'll tell you exactly how WiseTREND would automate it — and what the ROI looks like.

Book a Discovery CallExplore products