Microsoft Bot Framework
16029
wp-singular,portfolio_page-template-default,single,single-portfolio_page,postid-16029,wp-theme-bridge,bridge-core-3.3.4.8,qode-optimizer-1.2.3,qode-page-transition-enabled,ajax_fade,page_not_loaded,,qode-smooth-scroll-enabled,qode-theme-ver-30.8.8.9,qode-theme-bridge,disabled_footer_top,qode_header_in_grid,qode-portfolio-single-template-1,wpb-js-composer js-comp-ver-9.0,vc_responsive

Microsoft Bot Framework

Category
Digital, Strategy, UX, Web
About This Project

The Setup

In 2016, Microsoft bet that conversation would be the next interface, and Bot Framework was the toolkit behind that bet. At Build 2016, Satya Nadella told developers that bots are the new apps. Our team came in before there was a product — when what existed was a concept to define. I led design for the early conceptualization and prototyping, working with Microsoft’s product team through North Highland / Sparks Grove.

See live website

The Challenge

The framework had three parts — Bot Connector, Bot Builder SDK and Bot Directory — that made sense to engineers but didn’t yet tell a story. We needed to make the platform legible to developers at a glance, make the value tangible for business stakeholders, and make conversations trustworthy, with clear limits and a human handoff.

What I Led

Working closely with Microsoft’s product team, I turned a platform vision into things people could see and react to while the product was still being defined. With a core team of two to four, I designed hands-on across four tracks: framing the platform, designing the developer front door, prototyping real conversations, and building a flagship agent.

What We Delivered

Platform map. We mapped the anatomy of a conversational experience. Input, channels and devices feed Azure Bot Service, which connects to Cognitive Services (speech, QnA, language, vision). A Dispatch layer routes each request to knowledge, skills or third-party assistants. At the center: “Your Assistant: your brand, your personality.” A six-stage life cycle (Design, Build, Test, Publish, Connect, Evaluate) doubled as navigation.

Three pillars. Bot Builder for building, Developer Portal for connecting to channels, Bot Directory for discovery. One screen took a developer from “what is this?” to “I’m building.”

Conversation prototypes. A Pizza bot that remembers a regular’s usual order, shown beside its dialog code. A mobile tracking bot that asks one clarifying question, then answers with an actionable Adaptive Card.

Theresa. Our flagship concept was an internal librarian bot on Microsoft Infopedia for common licensing questions, named after Theresa Elmendorf, the first female president of the American Library Association. Her onboarding set honest expectations: what she answers, what she doesn’t (compete scenarios, policy exceptions, customer data), how licensing experts keep training her, and where she’s headed next, with Teams, email and sister agents Rosie and Laurie.

Reference architecture. A policy-assistant blueprint showed enterprise teams how CRM and SharePoint data flows through Microsoft Flow into Azure storage and search, with a LUIS-powered bot reaching consumers over Skype.

Design Decisions

  1. Set expectations before the first message.
  2. Design the handoff, not just the answer.
  3. Show the learning loop, so gaps become a reason to return.
  4. Give the bot a personality that serves the task.
  5. Answer with something actionable: cards, suggested replies, one-tap actions.
  6. Meet people in the channels they already use.

Outcomes

Our concepts gave Microsoft one shared picture of a product still taking shape. Three carried into the shipped product and launch materials: the components diagram, the three-pillar structure and the bot life cycle. Theresa moved past concept into an internal pilot. Bot Framework launched publicly, and its developer site is still live.

Sources