The document provides an overview of a practitioner's guide to digital marketing, outlining different digital marketing models and frameworks including discovery, definition, design, development, and delivery. It then discusses topics such as defining target audiences, conducting requirements gathering, understanding usability and user experience, and developing mobile strategies. Upon completing the course, students will be able to apply digital marketing models, understand user experience design, and develop requests for proposals.
Ladies that UX - CPH
We had our #2 meetup Wednesday, January 11th where we dived into the question "What the F*** is UX" and the different roles of the UX Designer.
The entire thing is always in a state of flux because the field of technology and people is always changing.
So look at this more as guidelines than something that's set in stone!
We want to thank Momondo for hosting us and their wonderful UX ladies to share insights into their work!
#LTUXCPH #CPHFTW
What is UX? Where user experience begins and ends.100 Shapes
What actually is UX? Where does it begin and end?
The problem with ‘UX’ is that it has become a buzzword, a convenient catch-all for a set of issues that UX teams are commonly asked to deal with. We frequently hear ‘UX’ substituted for usability (“we need some UX testing”), user-centred design (“UX process”), wireframes (“when can I see the UX?”). Replacing ‘UX’ with ‘user experience’ in these examples doesn’t work. The idea that the experience of a product or service is affected by more than usability and wireframes is lost, and with it the opportunity to really understand and improve it.
User experience is everywhere
None of the factors listed above fall under the perceived ‘UX’ discipline, some of them are not even within the control of the business, but they are obviously part of the user experience. So, we have a discrepancy between what the UX team is expected to achieve (to define and manage user experience) and their actual remit (to define how users interact with the digital interface).
In order to achieve user experience greatness, every team needs to consider how their decisions affect the user’s experience of the product. Not just the obvious, direct implications for the current screen or process, but subtle effects elsewhere. What expectations does this set? And how is this experience affected by the user expectations set elsewhere?
This presentation explores these themes and the role that UX plays in product development.
Mobile user experience is a new frontier. Untethered from a keyboard and mouse, this rich design space is lush with opportunity to invent new and more human ways for people to interact with information. Invention requires casting off many anchors and conventions inherited from the last 50 years of computer science and traditional design and jumping head first into a new and unfamiliar design space.
In this talk, Rachel will provide:
Insight into how designers and UX professionals can navigate the unfamiliar and fast-changing mobile landscape with grace and solid thinking.
In-depth information on advanced mobile design topics UX professionals will spend the next 10+ years pioneering
Tools and frameworks necessary to begin tackling mobile UX problems in this rapidly changing design space.
Oscar alert for wearables - Moto 360 & Apple WatchCarolyn Jao
Project Manager / Research Lead / Prototype (Apple Watch): Carolyn Jao
Researcher / Prototype Lead (Moto 360): Samira Rahimi
We developed a concept for an extension of the Oscar Health App to provide location based reminders as well as collision detection. We conducted in dept studies of the hardware capabilities and API, interviewed subjects with and without wearable experience, developed personas and created 2 prototypes.
Ladies that UX - CPH
We had our #2 meetup Wednesday, January 11th where we dived into the question "What the F*** is UX" and the different roles of the UX Designer.
The entire thing is always in a state of flux because the field of technology and people is always changing.
So look at this more as guidelines than something that's set in stone!
We want to thank Momondo for hosting us and their wonderful UX ladies to share insights into their work!
#LTUXCPH #CPHFTW
What is UX? Where user experience begins and ends.100 Shapes
What actually is UX? Where does it begin and end?
The problem with ‘UX’ is that it has become a buzzword, a convenient catch-all for a set of issues that UX teams are commonly asked to deal with. We frequently hear ‘UX’ substituted for usability (“we need some UX testing”), user-centred design (“UX process”), wireframes (“when can I see the UX?”). Replacing ‘UX’ with ‘user experience’ in these examples doesn’t work. The idea that the experience of a product or service is affected by more than usability and wireframes is lost, and with it the opportunity to really understand and improve it.
User experience is everywhere
None of the factors listed above fall under the perceived ‘UX’ discipline, some of them are not even within the control of the business, but they are obviously part of the user experience. So, we have a discrepancy between what the UX team is expected to achieve (to define and manage user experience) and their actual remit (to define how users interact with the digital interface).
In order to achieve user experience greatness, every team needs to consider how their decisions affect the user’s experience of the product. Not just the obvious, direct implications for the current screen or process, but subtle effects elsewhere. What expectations does this set? And how is this experience affected by the user expectations set elsewhere?
This presentation explores these themes and the role that UX plays in product development.
Mobile user experience is a new frontier. Untethered from a keyboard and mouse, this rich design space is lush with opportunity to invent new and more human ways for people to interact with information. Invention requires casting off many anchors and conventions inherited from the last 50 years of computer science and traditional design and jumping head first into a new and unfamiliar design space.
In this talk, Rachel will provide:
Insight into how designers and UX professionals can navigate the unfamiliar and fast-changing mobile landscape with grace and solid thinking.
In-depth information on advanced mobile design topics UX professionals will spend the next 10+ years pioneering
Tools and frameworks necessary to begin tackling mobile UX problems in this rapidly changing design space.
Oscar alert for wearables - Moto 360 & Apple WatchCarolyn Jao
Project Manager / Research Lead / Prototype (Apple Watch): Carolyn Jao
Researcher / Prototype Lead (Moto 360): Samira Rahimi
We developed a concept for an extension of the Oscar Health App to provide location based reminders as well as collision detection. We conducted in dept studies of the hardware capabilities and API, interviewed subjects with and without wearable experience, developed personas and created 2 prototypes.
A. Three Main Outcomes of a Usable Interface
B. Five Dimensions of Interactive Design
C. Philosophy of Interaction
D. Usability Test
E. Funnel Analysis
Naheem from Rokk3r Labs attended The Evolving Visual Consumer panel discussion held at the beautiful Design Exchange building in Toronto (January 2012). We thought we would share 10 key points from the panel. Let’s start a conversation!
Talk by Sarit Arora, Yahoo, at the STC India UX Conference on Saturday, August 27, 2011, conducted at WE School, Bangalore.
https://sites.google.com/site/stcindiaux/speakers#Sarit
Designing for Sensors & the Future of ExperiencesJeremy Johnson
Are you ready for the next ten years? Wireframes and prototypes may not be enough. Jeremy will take you on a tour of what Design problems of the future look like, from designing for sensors to walls of screens.
With the advent of sensor-based technology, we are designing more for gestures and voice commands. How do we interact in space without tactile feedback? How do we design for universal gestures?What does a future full of screens and software look like? When everything is an interface, and hardware disappears - and what are the tools and methods to tackle this design problems?
Air is freely available, and Hollow Concrete Blocks consist of 50% of hollow i.e. air and hence when a structure is built by Reinforced Concrete Block Masonry method (R.C.B) described below, the cost of construction is slashed downn
Eco-friendly as it SAVES
100%bricks,50%steel+shuttering,40%concrete,25%utility bill
.
CONCLUSION
R.C.B. is the particularly suited to Hotel, Schools, Hospital, Bungalows, Industrial, Residential Building, Transit camp, Slum Redevelopment Project.
Ganesh Kamat
91-9820867755
www.AffordableConstruction.in
ganeshkamat47@gmail.com
A. Three Main Outcomes of a Usable Interface
B. Five Dimensions of Interactive Design
C. Philosophy of Interaction
D. Usability Test
E. Funnel Analysis
Naheem from Rokk3r Labs attended The Evolving Visual Consumer panel discussion held at the beautiful Design Exchange building in Toronto (January 2012). We thought we would share 10 key points from the panel. Let’s start a conversation!
Talk by Sarit Arora, Yahoo, at the STC India UX Conference on Saturday, August 27, 2011, conducted at WE School, Bangalore.
https://sites.google.com/site/stcindiaux/speakers#Sarit
Designing for Sensors & the Future of ExperiencesJeremy Johnson
Are you ready for the next ten years? Wireframes and prototypes may not be enough. Jeremy will take you on a tour of what Design problems of the future look like, from designing for sensors to walls of screens.
With the advent of sensor-based technology, we are designing more for gestures and voice commands. How do we interact in space without tactile feedback? How do we design for universal gestures?What does a future full of screens and software look like? When everything is an interface, and hardware disappears - and what are the tools and methods to tackle this design problems?
Air is freely available, and Hollow Concrete Blocks consist of 50% of hollow i.e. air and hence when a structure is built by Reinforced Concrete Block Masonry method (R.C.B) described below, the cost of construction is slashed downn
Eco-friendly as it SAVES
100%bricks,50%steel+shuttering,40%concrete,25%utility bill
.
CONCLUSION
R.C.B. is the particularly suited to Hotel, Schools, Hospital, Bungalows, Industrial, Residential Building, Transit camp, Slum Redevelopment Project.
Ganesh Kamat
91-9820867755
www.AffordableConstruction.in
ganeshkamat47@gmail.com
The Design of Blockchain-Based Apps (DApps)Erik Trautman
Decentralized apps are still apps but there are key differences as well which any app designer needs to understand. Onboarding into a token-based ecosystem. Requesting permission for transactions. Handling wait times and confirmation finality. All of these are unexpected for users and, thus, represent key friction points in their interactions.
In this event, we'll cover the full spectrum of what a designer or product person or developer needs to understand about the unique world of creating decentralized applications. We'll start high level and then make our way into more specific case studies of design interactions.
**About the Blockchain Onramp Series**
Blockchain Onramp is a series of events covering the full spectrum of knowledge necessary to operate effectively within the blockchain ecosystem as a designer, developer or product person. After participating in these events, you should be able to take your functional expertise in any of these areas and apply them to blockchain projects.
We are doing this to provide a key -- and currently missing -- plain-English onramp for people of all functional experience who are interested in building real businesses on this new technology.
The format of each event may differ slightly but they will be a combination of expert talks and discussions with industry practitioners.
This is the slidedeck I used for my talk about UX for the 2016 cohort of Venture for Canada at Queen's University, Kingston, ON. In it, I go over what I've learned about UX over the past 3 years, including a brief history of UX, a look at the design landscape today, and a glimpse into what we can expect in the future. I followed this talk up with a quick hands-on workshop on UX design.
If you feel like this is something your organization or team can benefit from, feel free to reach out to me to coordinate something!
Web content: it’s the meat in the sandwich, not the icing on the cake. Too often, organizations fail to deliver content that meets user needs and serves their business goals. Even during website redesigns, the editorial process gets short shrift in favor of building new features and creating new designs. Thinking about the content is always left until the last minute, always thought to be somebody else’s problem.
Ever wonder why so many websites feature dense, unreadable prose? Force you to navigate through pages of brochure copy and legalese? Look like they backed up a truck full of PDFs and dumped them in the content management system?
No content strategy, that’s why.
When done the wrong way, creating new content and managing the approval process takes longer and is more painful than anyone expects. But planning for useful, usable content is possible-and necessary. It’s time to do it right.
Design Thinking - Overview - 05 August 2014Ian H Smith
Software publishers and CIOs should think more like Web designers and less like traditional software developers. We are now in a design-led, mobile-first world for enterprise software - in the cloud.
The JoomlaChicago Loop sponsored "Joomla & Responsive Design", a presentation focused on the key ingredients and dynamics of making a Joomla website flow and react to the different viewing devices and browser viewport sizes.
Dennis Kmetz (Director of Interactive Media, Taylor Bruce Design Partnership) presented Joomla & Responsive Design on Thursday, March 1, 2012.
There are key things that will give you a much better chance at success. While these are well documented in numerous books, articles, and videos - there are still many stakeholders that don't subscribe to some basic truths, like: product decisions should be based on evidence, or having dedicated UX Designers on product teams.
Jeremy will go over his top ten questions to ask any team to see if they're heading toward launching a great product experience.
This presentation was originally given @ Refresh Dallas on 2/12/15
Designing Rich Mobile Apps in a Fragmented WorldWorklight
User experience and design best practices for the development of high-quality and engaging cross-platform smartphone and tablet applications that meet users' expectations.
Amaze & Toyota, Content Management Theatre, Internet World 2012
UofC Digital Marketing Lecture 3
1. A Practitioner's Guide to Digital
Marketing
BMC 319-001
Downtown Campus 906, 8th Ave SW, Calgary,
Room: 222
1
2. Digital Marketing
Digital Marketing
2 Questions:
2 Questions:
How do we frame our Plan?
How do we frame our Plan?
How do execute on that Plan? 2
How do execute on that Plan?
3. Digital Marketing Models
his is what we use to execute the plan…
Based on industry best practices that ensure end-to-end project integrity. Its methodology is designed to
specifically accommodate the needs of digital marketing. Under normal circumstances, this process allows
ample room for the creative process to unfold while preserving the discipline of technology-based project
management.
Discovery: Opportunity, initiation, audits,
primary and secondary research and interviews,
analysis and strategy, personas, creative and
technical briefing.
Definition: Concept and strategic development,
design concepts, wireframes, site maps, business
and functional requirements, solution architecture,
production plan.
Design: Experience validation, creative and
technical solutions, and functional prototyping.
Development: Creative and technical
production, documentation, backend support and
integration, quality assurance and testing.
Delivery: Launch, end-to-end system testing,
localization of languages, deployment, optimization
and maintenance. 3
3
5. Upon successful completion of this course, you will be
able to:
•Apply Digital and Integrated marketing models as described in
this course
•Conduct a competitive audit of your Website using best-practice
tools
•Understand the fundamentals of target audience definition,
including user goals and persona creation
•Understand the importance of User
Experience Design and Website usability
•Understand the importance of Information Architecture
•Conduct a content audit and understand the basics of
copywriting for the Web
•Understand technology considerations
that affect the success of Digital 5
6. Upon successful completion of this course, you will be
able to:
•Conduct business requirements gathering and
analysis as an input to a Request for Proposal
•Understand the Digital project management lifecycle
•Understand the importance of metrics, Key Performance
Indicators, reporting & analytics
•Understand the benefits and potential pitfalls
of Content Management Systems
•Understand how digital marketing efforts align with other
tactics, including traditional, SEO, paid search, mobile, social
and email marketing – integrated marketing
•Develop a Request for Proposal document to assist in the
evaluation and selection of Digital marketing and development
vendors
6
7. Mobile
Mobile
What makes mobile different?
What makes mobile different?
7
8. Mobile Market
The mobile landscape is changing rapidly, particularly in
Canada. Blackberry continues its sharp decline while
Android phones continue to gain market share.
Canada U.S.
Source: StatCounter Global Stats. Q3/2011 – Q3/2012. http://gs.statcounter.com/#mobile_os-US-quarterly-201103-201203
8
8
9. Defining Mobile Optimization
Not Functional on Functional / Mobile Optimized Mobile Specific
Mobile Devices Viewable on or App
Mobile Devices
Cannot view or interact with Site is visible and usable on Mobile-specific styling of Unique site experience and
site on mobile devices. “current” mobile devices (e.g. content and/or navigation. content for mobile devices or
Typically are flash with no iPhones, touchsceen Same content as full site. the development of a native
back-up graphics. Blackberry). Flash elements app specifically designed for
replaced with backup the device.
graphics.
9
10. ‘Featured’ Mobile
Content
Ideally, a website should be fully optimized for
mobile. The optimization and promotion of
‘featured’ mobile content should only be
considered if:
•The Target Audiences being considered warrants
specific and immediate attention –
•A review of Analytics supports the fact that these
audiences are accessing via mobile
•Due to the site’s size and complexity, a pilot or phased
approach is desired
•A more detailed content audit and site inventory is
necessary before optimizing the entire site
•The target audiences in question do not warrant the
development of a native mobile app (ROI)
10
11. Progressive Enhancement
Progressive enhancement is the separation of HTML, CSS and
JavaScript. Which in turn, separates what the user can see in
terms of their mobile experience. In its essence, we let the
‘user device’ (browser) ‘decide’ what it is capable of
handling .
11
11
18. What is Bad Design?
Tries to talk itself out of the
problem… 18
19. What is Bad Design?
WARNING…could cause seizures.
19
20. What is Good Design?
…effectively anticipates and works with behaviours as
they emerge and evolve…
20
21. What is Good Design?
…works with natural human cognition and anticipates
actual human scenarios and stories…
21
22. What is Good Design?
…doesn’t overcomplicate things…
22
23. What is Good Design?
“A picture is worth a thousand words. An interface is worth a thousand pictures.”
Ben Shneiderman
23
24. What is Good Design?
“Homepages are the most valuable real estate in the world…Complexity or
confusion make people go away”.
Jakob Neilsen (www.useit.com)
24
25. “Usability:
denotes the ease with which
people can employ a particular
tool or other human-made object
in order to achieve a particular
goal.”
(http://en.wikipedia.org/wiki/Usability)
25
26. What is User Experience?
It’s about how it makes you feel…
26
27. What is User Experience?
Function-
Branding
ality
is more than ‘ease of use’…
27
28. 1. The User is ALWAYS right.
You are not the user and neither is your boss…
28
32. 2. Understand the User.
First – Timer
Janice 28 years old, married, expecting her first child,
HR manager, Calgary, Alberta
CHU
My name is Janice Chu and my husband’s name is Tom. We both grew “I w ant to feel
up in Calgary and went to university here. We’ve been married for two
People
years. I’m an HR manager for an Oil & Gas company and Tom is a
pharmaceutical sales representative.
confident know ing that
w e’re making the right
decision”
We feel that Calgary is a great place to live and raise children, but we are Attributes:
Objectives
having trouble finding a home in Calgary’s marketplace. Since we are
expecting our first child, we are now looking at the world through the eyes
of our children. This includes where and how we live.
– Currently living downtown in a rented condo
– Intermediate Internet user
– Interests: friends, travelling, yoga, cooking
Strategies
After renting an apartment downtown, we are looking to buy our first Goals:
home. Since we are first – time buyers, we are a little nervous about – Starting a family
purchasing. We also don’t know a lot about maintaining a house, so we – Owning a home without a lot of hassles
are looking for something brand new with few hassles. – Get the best value for money
– Get recommendations from trusted sources
Technology
We began our search for a new home on the web, and we look for
trustworthy sources, such as www.mls.ca. We have been in touch with a
real estate agent who is a friend of Tom’s dad, but we are also doing our
own research. We find the whole process overwhelming, so we are
– Living in a safe and fun environment
Insights:
– Look for value in their purchase
looking for information that is easy to understand. – Joint decision – making process
– Need to know how their new home’s features will
We both grew up in the suburbs, so we are comfortable living outside the simplify and benefit their lives – location, safety,
city center. We’ve heard some good things about McKenzie Towne, so layout, household appointments, local amenities
we’re looking to buy there.
Other brands in Janice’s life: Everyday brands: ‘Aspirational’ brands:
Persona Creation
32
40. 6. Form Follows Function.
“Form follows function - that has been misunderstood. Form and function should
be one, joined in a spiritual union.”
Frank Lloyd Wright
40
40
41. 6. Form Follows Function.
What is the best way for the user to interact?
41
42. 7. Content is King.
95% of users don’t read 80% of your content
42
43. 7. Content is King.
Content auditing and mapping
43
43
53. The importance of Form Design.
Forms make or break the most crucial online interactions: checkout (commerce),
registration (community), data input (participation and sharing), and any task requiring information entry.
53
53
54. Gradual Engagement.
Make the process transparent and not overwhelming…
54
54
59. is the typical Project Manager?
are the people in your neighborhood?
Client
59
59
60. Technical Building Blocks
This is how your website looks
and behaves.
This is how the data gets
presented (in real-time) to the
website layer.
This is where are all of the data
lives.
60
61. Content Management Systems
You do need one…
• IF you’re going to be updating content and copy regularly
• IF you don’t want to have to pay someone to touch your site every time there is a
minor change
• IF you have staff that have an interest and aptitude for it.
• IF you require workflow processes before content is published
You don’t need one …
• IF your site is relatively static
• IF you have an in-house web developer
61
62. There are a bunch
of different
kinds of CMS’:
Open Source:
•e.g. Drupal, WordPress
•‘Free’; require some skill to set up and run;
are good for simple applications
Licensed:
•e.g. OpenText, Documentum, SharePoint,
Sitecore
•Expensive, require upfront development;
are good/required for complex sites
‘Proprietary’:
•Developed by the company themselves
•RUN!!!!
62
63. Back of the Napkin Costing…
• 31 Pages
• 4 Unique
Templates
• Hardcoded
63
65. The RFP Process.
1.Determine Your Evaluation Criteria:
•To start the RFP process, determine what criteria you are going to use to evaluate the vendors'
proposals and establish the weight each criterion will hold in relation to the others. Common
criteria include experience, design ‘chops’, team strength, project understanding, differential
advantage and price.
2.Vendor Research:
•Next, select a series of possible vendors and form a list with their contact information. Try to
diversify your list in the areas of price, expertise and any other factors you feel are important.
3. Request for Information:
•The next step, which is commonly forgotten, is to submit a request for information (RFI). The
responses you receive will allow you to eliminate all obvious inferior vendors. Following this
simple step can save hours of evaluation time and help you to initially narrow your vendor search.
65
66. The RFP Process.
4. Write the RFP and Send to Vendors:
• Once you have eliminated the inferior vendors, write an RFP and send it to those who
remain on your list. By following this step, you typically have eliminated 50% of the vendors
from your original list.
5. Review the Proposals:
• After receiving all the proposals, holistically evaluate each proposal based on your
evaluation criteria. Once your evaluations are complete, eliminate the bottom 25% from
your vendor list.
6. Interview Vendors:
• The most important, albeit time-consuming, step in the RFP process is the interview. Once
you have narrowed the search, develop a standardized interview outline.
7. Select Your Vendor:
• If the RFP process went smoothly, the last step of selecting a vendor should be narrowed to
only a few lucky companies. If you remain undecided, it is not uncommon to request a final
interview, wherein another project stakeholder evaluates the vendors independently.
66
67. Tips for Clients
Tips for Clients
Dealing with digital projects
Dealing with digital projects
67
68. Client-side
roject request prep
Before you talk to the agency:
•Know what you need to
achieve: outline objectives,
requirements and constraints in
advance
•Have a budget in mind & tell
the agency – budgeting in a
black hole is a waste of
everyone’s time
•Don’t ask for spec work
68
68
69. Client-side
electing an agency
Pick a good vendor
•Go by reputation, not just price
•Tune your BS detector – just
saying what you want to hear?
•Review recent work
•Ask for references from past
clients
•Ensure cultures click
69
69
70. Client-side
ime investment
Be ready for a lot of work
• Be available to put in the
background work
• Be ready to answer a lot of
questions
• Ask for a rough schedule of
reviews and deliverables for
your team
• The tighter the timeline, the
more demanding they’ll be on
your time
70
70
71. Client-side
Be clear
Steady and stable
•Keep project objectives and
criteria constant – otherwise
project will be a dog’s breakfast
& will cost more
•Be clear on what you want, and
on what you don’t want
•Communicate why you don’t
like something
•Be flexible – know that some
deliverables may take a few
extra days
71
71
72. Client-side
the pro’s do their job
Don’t sweat the small stuff:
• Keep focused on your goals –
don’t micromanage
• Lean on the project team to do
what they do best – empower
them but don’t get in their way
72
72
73. Client-side
nformation flow
Communicate
• Request regular status
meetings so you are informed
• Make it comfortable for the
project team to communicate
bad news to you – better that
you find out early
• Communicate UP to your
supervisors, project sponsors
and bosses – don’t let them be
surprised
73
73
Editor's Notes
“ Homepages are the most valuable real estate in the world. Millions of dollars are funneled through a space that's not even a square foot in size. The homepage is also your company's face to the world. Potential customers look at your company's online presence before doing any business with you. Complexity or confusion make people go away” . Jakob Nielsen ( www.useit.com )
(First) nameOrderAddressPhone # (for follow up)Payment information
http://www.youtube.com/watch?v=6gmP4nk0EOE
Depends on the agency, or size of the project Usually the AM works with the client
Spec work is when you ask them to solve your problem, but you’re not paying them It’s disrespectful of their time, and often you can’t provide them enough context to get it right
Focus on: Does this solution answer our marketing challenge? DON’T FOCUS ON: “I don’t like that colour blue”