Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ux examples

ux examples

snapshots of assorted ux projects

lauriekalmanson

April 22, 2013
Tweet

More Decks by lauriekalmanson

Other Decks in Technology

Transcript

  1. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] @lauriekalmanson :: slideshare.net/lauriek Business Goals User Goals Business Goals and User Goals Happily Interacting
  2. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] Ford Foundation :: Intranet :: MPT page 2 of 15 More > More > QUARTERLY UPDATE 6 Management Planning Tool (MPT) 2012, 2013 2012 2013 Wireframe A [v7] – 2.13.2012 QUICK STATUS PREVIEW 6 5 MAJOR ACTIVITIES Analyze and Refine Investment Tools Name Dept OC OC OC OC Investments Investments Year 2012 2012 2012 2012 2012 2012 Qtr Q1 Q1 Q1 Q1 Q1 Q1 OC OC 2012 2012 Q1 Q1 OC OC 2012 2012 Q1 Q1 7 8 OC 2012 Q1 2012 2013 Q1 Q3 Q2 Complete Senior Team The first quarter of 2012 marks the end of our change program. While there is still much to do in renewing the foundation, our focus has now shifted to maximizing the impact of our nearly fully launched program and to building a high-morale, high-performance organization. The greatest challenge we face in the quarter is the ongoing IT infrastructure rebuilding, including HRIS, enterprise management and payroll systems. These projects will continue through the start of 2013. During this quarter we will also host an important series of events embracing our staff and our history, including the staff 75th Anniversary event and the Global Leadership Meeting. Each of these events mark the public conclusion of our three-year change program. Annual Report 2011 development begins Digital Content – Phased Strategy Page rollout for initiatives Wired For Change II Conference planning begins World AIDS Conference activities in support of HIV initiative strategies Rio+20 Global Conference on Sustainable Development planning Latin America 50th Anniversary planning Media for Social Change communications strategy Strategy Map Development (collaboration among Program, Operations, IT and OC) Phase 2 (external) “Time to Succeed” launch planning Ford Foundation :: Intranet :: MPT 2012 2013 2014 ALL Q1 Q2 Q3 Q4 ALL 1 2 YEAR QUARTER Prep Exec Follow Up STATUS ALL DEPARTMENTS 3 DRJ ECX EOA Finance Operations Investments OC Legal/Secretary Shared ALL 4 Site footer UX Partner with Ford Foundation intranet Management Planning Tool (MPT) with "at-a-glance" functionality in the browser on on iPad / iOS.
  3. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] UX Center for Cummins :: Intranet page 3 of 15 Cummins UX Center UX Center for Cummins :: Intranet Modified on Fri Nov 16 2012 Go English Language Search for ... UX Center Home | About UX | Templates & Standards | Integrating UX | Training Q & A | UX News | UX Stars Contact Cummins UX User profile tool Volunteer for UX Studies Advanced Search 650 1. Tabbed content area for section level categories, with help/request call to action 2. Carousel for section, with featured resources. ⁃ Modular design: This component can be larger or smaller, and feature images or text, as priorities and content strategies develop. 3. Callout area for featured content ⁃ Modular design: This component can contain additional rows of content boxes, and feature images or text, as priorities and content strategies develop. Footer with nav and subnav About UX: Intro | What is User Experience? | UX at Cummins | How the Cummins UX Team Can Help You | Meet the Cummins UX Team UX Resources What is User Experience Design? Smashing Magazing http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design- overview-tools-and-resources/ All About Wireframes Smashing Magazine http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design- overview-tools-and-resources/ < > UX at Cummins How the Cummins UX Team Can Help The Cummins UX Team Here is what Wikipedia says UX is: "User experience (UX) is the way a person feels about using a product, system or service. User experience highlights the experiential, affective, meaningful and valuable aspects of human-computer interaction and product ownership, but it also includes a person’s perceptions of the practical aspects such as utility, ease of use and efficiency of the system. User experience is subjective in nature, because it is about an individual’s feelings and thoughts about the system. User experience is dynamic, because it changes over time as the circumstances change." http://en.wikipedia.org/wiki/User_experience What is User Experience? View all > About UX: The Cummins UX Team Mission, goals and how the team can help you. When the team offers, how to integrate it into your project, and how to do UX work within ITPM. Getting UX into your projects sooner can help them achieve better outcomes -- for you and your users. Featured projects Success stories, ROI, what we learned: The secrets to UX, revealed. The Team Bios and specialties. Who to call for help. What is UX? Home >About UX: Intro More > More > More > Request UX Help The Cummins UX Team can help you serve users better. What UX help do you and your team need? Send email address UX Partner with Cummins In-house UX Team Collaborate with corporate team to rollout UX solutions across US and international divisions, to improve functionality and ROI of locally created apps, portals, sites and backends. 2 1 3
  4. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] SESAC: Music licensing and royalties page 4 of 15 UX Partner with SESAC Update digital rights management, licensing and royalties for artists, songwriters and labels
  5. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] Hotel Monte Carlo page 5 of 15 UX Partner with Hotel Monte Carlo Drilldown to guest accommodations: 1BR 2 BR
  6. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] Hardware Status and Update Tool page 6 of 15 UX Partner with Hardware Management Tool Update existing login, logout, troubleshooting and admin functions for remote hardware tracking tool.
  7. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] Ruder Finn :: Golden Living 2 page 7 of 15 More > More > Ruder Finn – 360 Healthcare Staffing | Site Redesign – WIREFRAMES - June 30, 1905 - version_1.0 Page 0 of 38 360 Healthcare Staffing Backgr Annotation 360 Healthcare Staffing Home | Contact Us | Sitemap Copyright | Terms of Use | Credits & Privacy Policy | All Rights Reserved Golden Living Corporate Home | FAQs | Glossary Search > Text Size - | + !"#$%&'(%)(*+%%%,%%-./%0("12(%%%,%%3(*&45(6%71($#$89%%%,%%%:;1(5&%)'#$<#$8%%%,%%%%=&*>$8%="24?"$9%%,%%@A"4&%B9% [360 Healthcare Staffing Logo] ABOUT THIS PAGE: Page: 360 Healthcare Staffing Backgr 3(*&45(6%71($#$89C%)#&2(%D%)E1(%D%F"G*?"$%H [Job Title] [Job Description] [Job Title] [Job Description] [Job Title] [Job Description] - - [Job Title] [Job Description] [Job Title] [Job Description] [Job Title] [Job Description] 3(*&45(6%71($#$89C%)#&2(%D%)E1(%D%F"G*?"$%I - - - - [Job Title] [Job Description] [Job Title] [Job Description] [Job Title] [Job Description] 3(*&45(6%71($#$89C%)#&2(%D%)E1(%D%F"G*?"$%- - - - )#&2(D)E1(DF"G*?"$ [Job Title] [Job Description] Lorem ipsem ahgpa oirhg aghi ahg re rgar garw. Lorem ipsem Home> Featured Openings 1 2 3 > “Featured Opening” by Title, Type and Location is shown with a full description. Links to See Similar Jobs and Apply Now > Three areas for “Featured Opening,” by Title/Type/ Location are shown, in the closed mode, with job title and brief description > Featured Destinations: Shown in the closed mode, with a link to See All. 1 !Showcase by Specialty !Featured Destinations 3(*&45(6%71($#$89% [Overarching description of section of site goes here. Lorem ipsem ahgpa oirhg aghi ahg re rgar garw. Lorem ipsem ahgpa oirhg aghi ahg re rgar garw. Lorem ipsem ahgpa oirhg aghi ahg re rgar garw. Lorem ipsem ahgpa oirhg aghi ahg re rgar garw.Lorem ipsem ahgpa oirhg aghi ahg re rgar garw. Lorem ipsem ahgpa oirhg aghi ahg re rgar garw.Lorem ipsem ahgpa oirhg aghi ahg re rgar garw. Lorem ipsem ahgpa oirhg aghi ahg re rgar garw.Lorem ipsem ahgpa oirhg aghi ahg re rgar garw. Lorem ipsem ahgpa oirhg aghi ahg re rgar garw. Apply Now > See Similar Jobs > 3(*&45(6%J(9?$*?"$9 [Destination] [Description] B - 3 2 K"$&*G&%B9 (xxx) xxx-xxxx (tollfree) [email protected] L4#G<%F#$<9Submit a Resume > Find a Location > 360 People > )(9?+"$#*29 - 4 See All See All [Job Title] [Job Description] 4 > Testimonials: Shown in the closed mode, with a link to See All UX Partner with Ruder Finn :: Golden Living Help wanted :: Recruiting Center
  8. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] ZirMed :: Medical Billing :: Homepage page 8 of 15 More > More > UX Partner with ZirMed Filtering system and inline actions and options for payment processing and tracking system for health care provider administration.
  9. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] ZirMed :: Medical Billing :: Homepage 2 page 9 of 15 More > More > UX Partner with ZirMed News and information homepage for portal for processing healthcare payments: company news.
  10. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] Saks 5th Avenue: Admin Portal for Buyers/Merchants page 10 of 15 More > UX Partner with Saks 5th Ave Portal for buyers/merchants with news, information, products, training and corporate communications.
  11. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] page 11 of 15 UX Partner with Clickfire Media / Click3x Collaborate with creative and account teams to execute the wireframes handed off to design and dev teams who built this Facebook and Instagram mashup; draw workflow
  12. Woofer :: Definition, UX and Tactics Shelters will use Instagram

    to post photos to the Facebook tab, tagged with relevant information. The Facebook app will then allow users to: o Sort the photos, based on criteria o View the listing o Comment on listings o Share: Facebook :: Twitter Woofer :: Workflow Shelter admin user posts images and tags to Facebook with Instagram Facebook app allows users to view listings Facebook app allows users to sort listings Facebook app allows users to share with FB :: T Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675 :: [email protected] page 12 of 15 UX Partner with Clickfire Media / Click3x High level requirements and workflow for Woofer Facebook :: Instagram mashup for finding shelter pets their forever homes.
  13. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] Woofer :: Mobile Workflow page 13 of 15 UX Partner with Clickfire Media / Click3x Taxonomy for mobile workflow, tagging Instagram posts for integration with Facebook app Woofer :: Instagram tags #Breed #Age #Gender #Size #Location Sortable columns in Facebook App Breed | Age | Size | Gender | Location Text items in Facebook App o Name o Description Sample photo caption for upload Bob is a loveable little guy. He's great with kids and fully house trained. #Bulldog #3 months #Male #Medium #Chicago caption filters done o Enable Geotag Shelter admin uploads tags in caption Tags build to sortable columns in app Bob is a loveable little guy. He's great with kids and fully house trained. #Bulldog #3 months #Male #Medium #Chicago
  14. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] Munchkin.com :: page 14 of 15 UX Partner with Clickfire Media / Click3x Showcase featured items to eliminate the paradox of choice; streamline categories and subcategories
  15. Laurie Kalmanson :: UX :: IXD :: Content Strategy 917.797.8675

    :: [email protected] Munchkin.com :: Wireframes page 15 of 15 Products Information Station Customer Service Online Store About munchkin search our products munchkin logo munchkin tagline Main Image, with photos, links, text caption browse by category home | site map | contact us | privacy policy | international distributors products | where to buy | information station | customer service | online store | about munchkin munchkin on twitter: twitter feed browse by category browse by category UX Partner with Clickfire Media / Click3x Showcase featured items to eliminate the paradox of choice; streamline categories and subcategories tweet like enter your zipcode find