The document discusses mobile site development and traffic for marine industry websites. It provides details on:
- 15-20% of marine web traffic comes from mobile devices.
- A marine trade publication launched a mobile site in 2010 that saw a rise in monthly unique visitors from 679 to 3,276, and page views increase from 4,113 to 12,718.
- The mobile site received more banner ad clicks than the main website, and classified advertising more than tripled on their mobile newsletter.
- Popular tools for creating mobile sites include WordPress plugins, jQuery Mobile, Sencha, PhoneGap, Adobe Air, and Titanium. Native mobile apps have advantages over mobile web for features like
15. • Mobile site at http://mobile.tradeonlytoday.com/ launched in
Feb. 2010
• 679 monthly unique visitors to a high of 3,276 in March 2011
• Page views went from 4,113 to 12,718 in Jan 2011
• Mobile traffic went from 2.6 percent of unique visitors to 3.5
percent
• The lone banner ad on the mobile site received more clicks in June
than any ad on the main website
• We have a quick-to-act method for updating content on our
website via our Joomla CMS and deliver 10-12 stories to readers
each morning
• Classified advertising has more than tripled on our daily Trade
Only Today newsletter in the last two years
22. Start-up Screen
When a site is
launched from the
home screen it
removes some of the
Safari controls giving
the user more of an
app feeling.
23. Login Screen
User selects their
database
account, clerk ID
(User) and Password
then clicks Login.
Clear should clear
the form.
24. Login Screen
When a new page is
being processed, an
Ajax control is
launched showing
“loading”
25. Login Screen
Basic options are
Intro, Customers, Bo
ats, Invoices and
Time Card. There is
another sub-menu
you can scroll up and
see (optional)
26. Time Card
When the user is
NOT logged in and
they touch Time Card
from the menu they
are brought to this
form.
27. Time Card
Here they enter their
Tech ID, Work Order
and Operation. Note
keypad pops when
text field is touched.
28. Time Card
Work Order selection
screen. Same function
is used for Operations.
These need to be read
from the DB and
populated
programmatically.
Touch Start to clock in.
29. Time Card
Once clocked in the
timer would start. The
user can enter
notes, clear notes, save
and Clock Out.
31. iPad
JQuery Mobile
renders the display
for
smartphones, table
ts and desktops
automatically.
What is scrollable
on a
phone, appears in a
secondary frame
on a tablet.
Unique, useful and grammatically correct is no longer good enough. Example: A website full of boat parts (say 50,000), good photos of each part and descriptions of those parts. (Different than a store front – it was created just to grab people who type in the part number or model). BAD Ask yourself these questions:Does it make everyone who sees it want to share it and say WOW. Is it interesting, funny, anecdotal, helpful?If you didn’t care about boat parts, would you still find the page interesting and aesthetically pleasing?
Primary effect – is it beautiful? Content buffeted by advertising (bad). Lots of Next buttons (bad). Content blocks are boring?Graphics don’t look good?