ATS Printing Mobile Application Guide

8/17/2019 ATS Printing Mobile Application Guide

1/12


2/12

1

Table of Contents

Research04. Application Basics05. ATS Printing: The Brand & Logo

07. Similar Applications09. Interviews

The Application13. Prototype Overview15. Usability Study17. Typography and Color System18. Main Icon19. Application Icons21. Application Layout


3/12

PurposeThe ATS quote application will assist ATS sales reps inproviding quotes to customers for both screenprinting andsignage jobs during their face-to-face interactions with them

AudienceThis application will be used strictly by ATS salesrepresentatives.

AccessibilityBecause this application will be used strictly by ATS sales reusers will be prompted by a login page when opening in theapplication so that only ATS sales representatives will haveaccess to the information contained within the application.

Concept

The ATS quote application will allow ATS sales reps from allover the country to login via their personal iPhones and inputinformation pertaining to a potential customers’s order in ordto provide them with a quote for their screenprinting and/orsignage project. ATS sales representatives will have all of theinformation necessary to give customers a timely and accuraquote for their screenprinting or signage job – right at theirngertips. The application will also serve as a tool for sendinand storing quote information.

Application Basics

Research


4/12

Embroidery | Digital Pr inting | Promotional ProductsScreen Pr inting |

About ATS ATS Printing has been providing customized apparel and

promotional products to both local and national customersfor 25 years. ATS oers a full line of services, including screen

printing, embroidery, digital printing, promotional products andfulllment. All screen printing, embroidery, and digital printing

is performed within our facility, giving us greater control of theproduction process, quality and customer service.

The ATS LogoThe ATS logo is designed using two elements: the wordmarkand the tagline:

Embroidery | D igital Printing | Screen Printing | Promotional Products

The elements of the logo may not be altered or manipulated inany other way beyond their original design. It is acceptable touse the ATS logo with or without the tagline.

Acceptable Logo Color UseThree-color PMS, four-color process (CMYK), one color (black),one-color PMS 349 or Cool Grey 9 and reverse (white) are theonly approved color versions for the ATS logo. When four colorprocess is available, the logo should appear in CMYK.

ATS Printing: The Brand & Logo

Logo with Tagline

Logo without Tagline

One-color: Black

One-color: Cool Grey 9Pantone 349 C

C=90 M=12 Y=95 K=40

R=4 G=106 B=56

Pantone Cool Grey 9 C

C=30 M=22 Y=17 K=57

R=117 G=120 B=123

Pantone Black C

C=63 M=62 Y=59 K=94

R=45 G=41 B=38

5


5/12

Similar Applications

Snaptee I FreeSnap your masterpiece and Snaptee will

make and ship it as a tee. Snaptee enablesyou to create your own custom apparelwith just a few taps of your smartphone.Regardless of your design experience, youcan use the easy and fun tools to design,order and even sell your unique creationscompletely within the application.

Useful Features» Apparel is completely cutomizable» Usability doesn’t depend on experience

» Everything can be done within Snaptee» Visual and easy to understand set-up

Shirt Quote I $1.99Shirt Quote is a t-shirt quote calculator forcommerical textile screen printers, bestsuited for shops with at least one automaticpress. Enter in a few settings to createa custom pricing prole for your shop.

Multiple proles can be created for dierent

situations and customer types. Shirt Quotecan be ne tuned to t your business and

pricing plan to make quoting easy for anyemployee regardless of experience.

Useful Features» Useful in various situations

» Ability to customize pricing plan» Usability doesn’t depend on experience» Easy and instant quotes

Bid and Estimate Companion I $0.99Developed for any business that needsquick and accurate cost estimates for thegoods and services, Bid and Estimate

Companion allows you to eortlessly

create and show and/or e-mail etimatesdirectly to your clients.

Useful Features» Itemized lists break down quotes» Quick and accurate quoting process» Ability to e-mail quotes directly to client

7


6/12

Interviews

Kallee Parson I Tuesday, May 19th, 2015

Q: Do you want to be able to send the quotes that theapplication outputs to other ATS employees? A: Yes – we want to be able to send quotes to our customerservice department

Q: What are the biggest issue(s) that ATS runs into with clients? A: Customers are often vague about what they desire from theirorders – they don’t really know what they want

Q: Do you oer discounts for returning customers?

A: No

Q: Is it important to know what color customers want theirgarments to be? How exact must the application be in regardsto color? A: Color is very important in regards to pricing – darker colorsare more expensive than lighter colors

Q: Do you oer custom sizing for signage?

A: Yes

Q: Do ATS sales reps have a catalog that they currently use in

their interactions with customers that showcases top sellinggarments? A: No – ATS sales reps function primarily from memory

Q: How specic must the application be in regards to garmen

selection? i.e. will the application need to know what kind of

t-shirt a client wants? A: It would be nice if the application were relatively specic

according to ATS’ top selling garments

Missy Beyer I Wednesday, June 17, 2015

Q: Do you want to be able to send the quotes that theapplication outputs to other ATS employees? If so, is there asingle e-mail that these will be sent to? A: Yes – we want to be able to send quotes to our customerservice department. No, there are several different e-mails

Q: What are the biggest issue(s) that ATS runs into with client A: Customers often call and ask them to quote them for at-shirt, without understanding that they do entirely custom w

and need specic information about their order to provide th

with an accurate quote

Q: Do you oer discounts for returning customers?

A: No

Q: Do you oer custom sizing for signage?

A: Yes, our signage department functions entirely on customsizes

9


7/12

The Application

Q: Do ATS sales reps have a catalog that they currently use intheir interactions with customers that showcases top sellinggarments? A: No – there are several dierent catalogs

Q: What is the most purchased t-shirt? A: The G200

Q: Is their an extra cost for custom vectors? A: No – this is a service that we do not charge for, unlike all ofour competitors

Q: Is their a maximum sign size? A: No – if you want a sign that is larger than the rolls of materialthat we have we will piece them together and make it work

Q: What are the demographics of your sales reps? A: Most are ages 40-60, and I’m the only female sales rep

11


8/12

Prototype Overview

User Thought ProcessThe main users of this application – ATS sales reps – will be

primarily considering the customer when using this applicati ATS sales reps will want to be able to easi ly move through thapplication’s processes while meeting with a customer andgathering the necessary information about their order. Oncethey have gathered and inputed said information, the sales rewill have want an accurate quote displayed to them for them quickly and conveniently relay to the customer.

Navigation SystemThe ATS quote application utilizes a tree navigation system.Each page of the application displays the users options in a

vertical “tree”, and each of the items contained within this “trcan be expanded on. This allows for quick and easy navigatiothroughout the application.

Screen GridThe screen grid remains relatively the same throughout theapplication. Each screen contains an identifying icon at the tof the screen, followed by a short instruction below to guideusers through the application. Beyond that, users will nd eit

an immediate list of navigation options or forms requiring entaccompained by navigation option at the bottom of the scree

Login

Get a Quote Archive Cart

Screenprinting Sign Create

Conrm

Send Conrmation message

Enter size, quantity,

color and other

information

Enter type, size,

quantity, color and

location information

Create

Displays ocial quote

and order information for

review

Main FeaturesThe main feature of this application will be its ability to give ATS sales reps an accurate quote for a screen printing and/orsignage job based on specic factors such as but not limited to

the size of the job, color use and styles and/or materials used.

Secondary FeaturesSecondary features of this application include its ability to

allow ATS sales reps to e-mail quotes to ATS’ customer servicedepartment, as well as a feature that allows ATS sales reps toarchive past jobs and their quotes and related client informationfor later reference.

Allows for sending to 3people and prompts user

to add any necessary

notes

Flowchart

13


9/12

Usability Study

Each application screen was hand sketched, and each of theapplication sketches were utilized to perform a usability stud

A sketch of every page featured in the application was uploato InVision, and set up so that users could navigate throughthe application as if it were actually live and useable. Overall,the usability test went well. I received positive feedback inregards to my basic navigation set up. Of course, each user suggestions for how the prototype could be improved.

User Suggestions for Improvement

» Users believed that the order conrmation page could be

more clear. It was suggested that each selection made by the

customer contain a heading on this page – i.e. the sectioncontaining the colors selected needs to be labeled “colorselection” as opposed to simply listing the colors.

» Some suggested that the archive page allow users to edit ore-order past and/or existing orders.

» It was suggested that users be able to send orders to multie-mail addresses in the event that the company ordering woulike a copy of the quote and/or the sales rep would want to sethe quote to multiple customer service reps.

15


10/12

Typography and Color System

TypographyThe typeface Helvetica Neue was selected for use for thisapplication. The selection of Helvetica Neue allows foralignment with the iPhone operating system and easy readingfor any iPhone user, as Helvetica Neue is a very conventionaltypeface. Helvetica Neue will surely communicate a clean,professional interface within the iPhone operating system.

Screen Headings, Buttons and Form EntryHelvetica Neue Regular

Secondary Information and Instruction

Helvetica Neue Italic

Color SystemThe application utilizes the ATS brand colors. Pantone 349 Cand Cool Grey 9 C are paired with black and white. This createsbrand recognition for users, and unies the application with

other branded products from ATS.

Main Icon

I chose to oinclude the lette

in the applicaicon for e

readibility for us

A large let ter white against

green backgrowill make it easy

ATS sales repspot the applica

on their iPhonscreen am

their sea of otapplications. A

A is unique eno

to be recognizaas representativ

their companyits o

Accent | Pantone 349 C

C=90 M=12 Y=95 K=40

R=4 G=106 B=56

Icons | Pantone Cool Grey 9 C

C=30 M= 22 Y=17 K=57

R=117 G=120 B=123

Headings and Type | Pantone Black C

C=63 M=62 Y=59 K=94

R=45 G=41 B=38

Background | White

C=0 M=0 Y=0 K=0

R=0 G=0 B=0

The ATS quapplicatio

icon features ATS brand gr

(Pantone 349 C) the letter ‘A’ from

ocial ATS lo

17


11/12

Application Icons

Main Icons

The main icons include home, get a quote, archive and cart.The icons are constructed as outlines for simplicity, and eachmaintains a consistent line weight for unity. Each of these iconsappears at the top of their respective screens to make it easyfor users to understand what they’re viewing.

Secondary IconsThe secondary icons are treated the same as the main icons interms of design. The secondary icons include screenprintingand signage. These icons, like the main icons, appear on thetop of their respective screens. As users are going through thequote process, these icons serve as an easy identier so users

are able to quickly understand what category of quote they’regenerating.

Home

Placed on the

top right hand

corner of thescreen, this icon

returns users to

the home screen

and is visible at

all times

Archive

Appea ring on

home screen

icon takes us

to an archive

all of their pa

orders and th

correspondin

company’s

information

allowing for

information

retrieval, edit

and re-order

Signage

This icon appears

on all pages

involved in

signage orders

Cart

Appea ring on

home page, t

icon brings uto a summary

of the current

processing o

Get a Quote

This icon

presents use

with both a

screenprintin

and signage

option; theirchoice begin

quoting proc

Screenprinting

This icon appears

on all pages

involved in

screenprinting

orders

19


12/12

Application Layout

The application is well organized via referencing previously drawn

screen grids. The grids ensure consistency and unity throughoutthe application. Two main layouts occur – one that appears whenusers are asked to make a selection and one one when usersare inputing information.

Each screen contains both its identifying icon on the top of

the screen and a short instruction to guide users through theprocesses. When inputing information, users will always beprompted to continue to the next step by a button on the verybottom of the screen.

Making selections Inputinginformation

21

Documents

ATS Printing Mobile Application Guide