ADOBE MAX 2011 Ian MacDowell @FlashGuy13 #shmhk Technical Lead: Mobile and Interactive Web Development - Burton Snowboards...
QUICK COUPLE OF THINGS ABOUT MYSELF Technical Lead: Mobile and Interactive Web Development - Burton Snowboards Adjunct Pro...
Your typical medium sized international enterprise will typically outsource to smaller agencies that specialize in Interne...
UX <ul><li>” All aspects of the user’s interaction with the product: how it is perceived, learned, and used.&quot;  </li><...
Project Management <ul><li>80% of the project takes 20% of the time and the other 20% takes 80% of the time. </li></ul>
Design/Development Trends <ul><li>Listen to the people in the trenches. - they know what dirt smells like. </li></ul><ul><...
Workflow <ul><li>Identify the (User’s) Issue. </li></ul><ul><li>Develop a Persona. </li></ul><ul><li>Define the Strategy. ...
Develop Personas <ul><li>“The best designs come from everyone on the team having a deep understanding of what it's like to...
Why Use Storyboarding? <ul><li>“You can use an eraser on the Drafting table or a sledge hammer on the construction site”. ...
Content Management <ul><li>@brad_frost: We've focused on the containers and just poured in the content. Focus on the conte...
Wireframing <ul><li>Designers- Don’t make devs bust out a fully working wireframe prototype just to “see how it works”.  <...
Mobile First <ul><li>Mobile is exploding </li></ul><ul><li>Mobile forces you to focus </li></ul><ul><li>Mobile extends you...
Mobile <ul><li>There is no Mobile Web. </li></ul><ul><li>It’s about people, not devices. </li></ul><ul><li>Content is rele...
Responsive Web <ul><li>Start using Responsive designs with your Mobile site, then upscale. - not the reverse. </li></ul><u...
Responsive Web <ul><li>Web designers and developers need to  embrace  the flexibility inherent in the Web especially in to...
Responsive Content Design <ul><li>“ No matter how great a designer you are, you’re only as good as your content.” </li></u...
Keep your devs happy (and they’ll keep the designers happy) <ul><li>‘Senior developers reported a high degree of unhappine...
TWITTER Who to follow.  <ul><li>DESIGNERS </li></ul><ul><li>@smashingmag </li></ul><ul><li>@WebDesignBooth </li></ul><ul><...
<ul><li>@Boagworld &quot;An SEO expert walks into a bar, grill, pub, public house, Irish bar, bartender, drinks, beer, win...
THANKS!
Upcoming SlideShare
Loading in...5
×

How to Act Like an Agency within a Company: UX for the Enterprise

1,364

Published on

Your typical medium sized international enterprise will typically outsource to smaller agencies that specialize in Internet marketing, design, and development. By bringing that type of talent in-house, an enterprise can communicate their marketing strategies and messages with greater speed to market and more collective creative control. While the initial capital investment may be greater than simply outsourcing, the long-term benefit of having immediate and direct contact with an in-house team will lead to a greater understanding of company culture and values reflected within the framework of your digital properties.

Published in: Design, Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,364
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
10
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • #htalaaioacuxfte
  • incorporating aspects of psychology, anthropology, sociology, computer science, graphic design, industrial design and cognitive science.
  • Old tattoo proverb ”if I can’t tell what it is from across the room, it isn’t worth the skin it’s in.” Start designing from the content out, rather than the canvas in.
  • Avoiding unnecessary product features Simplifying design documentation and customer-facing technical publications Improving the usability of the system and therefore its acceptance by customers Expediting design and development through detailed and properly conceived guidelines
  • Keep Team Members Away from the Research Shortcut Your Research Try To Keep The Research In Your Head Keep Personas General Purpose Bury the Personas Right Away
  • Keep Team Members Away from the Research Shortcut Your Research Try To Keep The Research In Your Head Keep Personas General Purpose Bury the Personas Right Away
  • Look at your own analytics Simplfy, focus on content and context Html5, yeah it is.
  • Users expect more from mobile than the desktop 80% of users would use the mobile web if the experience was better The power of the web is it’s ubiquity Mobile isn’t just a checkbox They want to have a positive experience with your brand wherever they go People are accessing your content from a mobile device whether you like it or not You are only as strong as your weakest link (only having apps) Social media is an opportunity to sell the mobile experience on the web It’s what behind the link that’s important Mobile web is immature but the seed is planted Getting there takes collaboration and education There is a difference between support and optimization. One of the most popular devices to access Nike site is psp. Let’s make assumption on the hierarchy if content, not the content itself. UX keep it simple and clear Design is about usability and fluidity, not pixel perfection
  • Start small, think big. Keep it at least 44 x 44
  • #htalaaioacuxfte
  • How to Act Like an Agency within a Company: UX for the Enterprise

    1. 1. ADOBE MAX 2011 Ian MacDowell @FlashGuy13 #shmhk Technical Lead: Mobile and Interactive Web Development - Burton Snowboards Adjunct Professor: 2D Digital Motion Graphics - Champlain College
    2. 2. QUICK COUPLE OF THINGS ABOUT MYSELF Technical Lead: Mobile and Interactive Web Development - Burton Snowboards Adjunct Professor: 2D Digital Motion Graphics - Champlain College Former Sr. Flash Developer - Dealer.com I Live in Vermont. (it’s already getting cold there) Married. Dog. House. 1977 Cadillac. I Used to work in Tattoo Studios and Special Ops Security.
    3. 3. Your typical medium sized international enterprise will typically outsource to smaller agencies that specialize in Internet marketing, design, and development. By bringing that type of talent in-house, an enterprise can communicate their marketing strategies and messages with greater speed to market and more collective creative control. While the initial capital investment may be greater than simply outsourcing, the long-term benefit of having immediate and direct contact with an in-house team will lead to a greater understanding of company culture and values reflected within the framework of your digital properties.
    4. 4. UX <ul><li>” All aspects of the user’s interaction with the product: how it is perceived, learned, and used.&quot; </li></ul>http://en.wikipedia.org/wiki/User_experience_design
    5. 5. Project Management <ul><li>80% of the project takes 20% of the time and the other 20% takes 80% of the time. </li></ul>
    6. 6. Design/Development Trends <ul><li>Listen to the people in the trenches. - they know what dirt smells like. </li></ul><ul><li>The designs that have a lasting impact, that are memorable, tend to be those done with heart and passion. </li></ul><ul><li>API’s </li></ul><ul><li>http://futurefriend.ly/ </li></ul>
    7. 7. Workflow <ul><li>Identify the (User’s) Issue. </li></ul><ul><li>Develop a Persona. </li></ul><ul><li>Define the Strategy. </li></ul><ul><li>Gather Content. </li></ul><ul><li>Storyboard. </li></ul><ul><li>Wireframe / Prototype. </li></ul><ul><li>Final design / development. </li></ul>
    8. 8. Develop Personas <ul><li>“The best designs come from everyone on the team having a deep understanding of what it's like to be a user”. - JARED M. SPOOL </li></ul>http://www.uie.com/articles/persona_value_suck
    9. 9. Why Use Storyboarding? <ul><li>“You can use an eraser on the Drafting table or a sledge hammer on the construction site”. - Frank Lloyd Wright </li></ul>http://www.frankgarofalo.com/blog/search.php?s=storyboarding
    10. 10. Content Management <ul><li>@brad_frost: We've focused on the containers and just poured in the content. Focus on the content first and container second. </li></ul>
    11. 11. Wireframing <ul><li>Designers- Don’t make devs bust out a fully working wireframe prototype just to “see how it works”. </li></ul><ul><li>Developers - work with designers at every stage to utilize existing APIs / frameworks, etc. And no complaining about “hard” designs. </li></ul>
    12. 12. Mobile First <ul><li>Mobile is exploding </li></ul><ul><li>Mobile forces you to focus </li></ul><ul><li>Mobile extends your capabilities </li></ul>http://www.lukew.com/ff/entry.asp?933
    13. 13. Mobile <ul><li>There is no Mobile Web. </li></ul><ul><li>It’s about people, not devices. </li></ul><ul><li>Content is relevant, context is impossible. </li></ul><ul><li>We have no idea what’s coming next. </li></ul><ul><li>Media Queries VS. Dynamic Image requests. </li></ul>
    14. 14. Responsive Web <ul><li>Start using Responsive designs with your Mobile site, then upscale. - not the reverse. </li></ul><ul><li>Responsive Design is about usability and fluidity, not pixel perfection. </li></ul><ul><li>Don’t punish users for being on a small screen. </li></ul>http://www.lukew.com/ff/entry.asp?1406 http://pinchzoom.com/posts/breaking-development-selling-the-mobile-web/breaking-development-selling-the-mobile-web
    15. 15. Responsive Web <ul><li>Web designers and developers need to embrace the flexibility inherent in the Web especially in today’s multi-device world. </li></ul><ul><li>This is why Content matters. </li></ul>http://www.lukew.com/ff/entry.asp?1406
    16. 16. Responsive Content Design <ul><li>“ No matter how great a designer you are, you’re only as good as your content.” </li></ul><ul><li>“ We have inherited a fixed-width mentality in designing for the Web, when in fact the Web is not fixed-width.” </li></ul><ul><li>“ Users come to our websites for content. We should strive to present this content in the most appropriate and readable way possible.” </li></ul>http://uxdesign.smashingmagazine.com/2011/09/26/content-prototyping-in-responsive-web-design/
    17. 17. Keep your devs happy (and they’ll keep the designers happy) <ul><li>‘Senior developers reported a high degree of unhappiness in their jobs, attributable to a perception their employers are unable to communicate coherently, and lack an understanding of the technology’. </li></ul>http://finance.yahoo.com/career-work/article/113308/10-most-hated-jobs-cnbc
    18. 18. TWITTER Who to follow. <ul><li>DESIGNERS </li></ul><ul><li>@smashingmag </li></ul><ul><li>@WebDesignBooth </li></ul><ul><li>@andybudd </li></ul><ul><li>DEVELOPERS </li></ul><ul><li>@smashingmag </li></ul><ul><li>@lukew </li></ul><ul><li>@brad_frost </li></ul>
    19. 19. <ul><li>@Boagworld &quot;An SEO expert walks into a bar, grill, pub, public house, Irish bar, bartender, drinks, beer, wine, liquor...&quot; </li></ul>
    20. 20. THANKS!
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×