Customizing Modern SharePoint Sites: Branding Site Scripts and Site Designs – BRK3090

Customizing Modern SharePoint Sites: Branding Site Scripts and Site Designs – BRK3090


GET STARTED. THANK YOU GUYS FOR YOUR PATIENTS AND GOOD MORNING. I’M DENISE TRABONA, I AM THE MANAGER FOR THE SharePoint DESIGN TEAM.>>SEAN SQUIRES: HOW ABOUT NOW? GOOD MORNING I’M SEAN SQUIRES, I AM A PRODUCT PROGRAM MARCH ING ON THE SharePoint EXPERIENCES TEAM AND THANK YOU FOR BEING HERE TODAY.>>DENISE TRABONA: LET’S LOOK AT WHAT WE’RE GOING TO BE GOING OVER TODAY. WE’RE GOING TO TALK ABOUT WHAT THE CORE ELEMENTS ARE IN OUR BRANDING CAPABILITIES, WE’RE GOING TO TALK ABOUT THE PRINCIPLES BEHIND THOSE AS A GROUNDING FOR HOW WE THINK ABOUT THOSE. WE’RE GOING TO TALK ABOUT THE GUIDANCE FOR HOW TO APPLY THOSE AND THEN WE’RE ALSO GOING TO TALK ABOUT WHAT’S NEW, WHAT’S COMING IN THOSE AREAS AND WE’VE GOT A LOT OF GREAT NEW EVOLUTIONS IN OUR SITE DESIGN CAPABILITIES THAT SEAN IS GOING TO BE SHOWING YOU.>>SEAN SQUIRES: I’M EXCITED, GUYS. ESPECIALLY FOR THOSE OF YOU FAMILIAR WITH SITE DESIGNS, WE JUST RELEASED EARLIER THIS YEAR, DOING A LOT OF THINGS TO IT AND YOUR FEEDBACK HAS BEEN INVALUABLE AND WE GOT SOME NEW THINGS TO SHOW YOU TODAY SO WHAT WE WANT YOU TO GET OUT OF THIS SESSION IS AS YOU HAVE PROBABLY STARTED TO SEE THIS WEEK JUST HOW MUCH STUFF HAS BEEN HAPPENING IN THE BRAND SPACE AND IN THE SITE DESIGN SPACE TO REALLY ENABLE YOU TO MAKE SITES YOUR OWN. HERE IS THE FUN PART!>>DENISE TRABONA: WHOA, SEAN.>>SEAN: WE ARE GOING TO TRY AND GO UNTIL 10 EVEN THOUGH IT’S NOW 57 MINUTES, TECHNICALLY SO IF YOU CAN STICK AROUND, AWESOME! DID YOU KNOW I PUT THAT IN THERE?>>DENISE TRABONA: NO THAT WAS A NICE TRANSITION. THE DESIGN TEAM DID NOT WORK ON THAT TRANSITION.>>SEAN SQUIRES: OUCH! SERIOUSLY, SO, WHY ARE WE BOTH HEAR? BECAUSE YOU GUYS ARE GOING SO SEE A LOT OF COOL VISUAL STUFF, A LOT OF GREAT STUFF THAT’S BEEN HAPPENING IN THE UX. I’M GOING TO ACTUALLY — I AM GOING TO OPEN UP ON MANAGEMENT SHELL AND DO SOME POWERSHELL. NOT EVERYTHING HAS BEEN BUILT AROUND THE SITE DESIGNS BUT THESE ARE TENSE ACTIVE FUNCTIONS AND WE’RE EXCITED TO SHARE IMPROVEMENTS WITH YOU SO A LOT OF BEAUTIFUL STUFF AND POWERSHELL COMMANDLETS.>>DENISE TRABONA: THEY GO TOGETHER. >>SEAN SQUIRES: LIKE PEANUT BUTTER AND JELLY. BUT WE WANT YOU TO UNDERSTAND THE VALUE OF CREATING AN AWESOME BRAND IDENTITY AND AS YOU GUYS HAVE HEARD ME TALK ABOUT THE SUBJECT BEFORE, IT’S AROUND THOSE TWO THINGS, DRIVING CONSISTENCY AND ALLOWING THE PRODUCT TO WORK FOR YOU TO ENABLE YOU TO WORK WITH BUSINESS CONSISTENCY AND THAT OPERATIONAL PIECE IS SUPER IMPORTANT AND BRINGS THE CAPABILITIES TOGETHER IN A CONSISTENT WAY.>>DENISE TRABONA: AWESOME. HOW MANY OF YOU HAVE CREATED A MODERN SharePoint SITE? SHOW OF NOT HANDS. OKAY THAT IS A DECENT NUMBER OF YOU, AWESOME. SO YOU KNOW THAT THIS IS WHAT THE STARTING POINT LOOKS LIKE. THESE ARE NICE LOOKING PAGES, AND PEOPLE WOULD LIKE TO SEE SOMETHING MORE ROBUST, AND COLORFUL AND BEAUTIFUL AND MORE HIGHLY BRANDED SO THESE ARE EXAMPLES THAT WE’VE BEEN SHOWCASING THIS WEEK, AND WE’RE GOING TO TALK ABOUT HOW YOU CAN GET YOUR SITES TO LOOK CLOSER TO THIS. I’M GOING TO START WITH BACKGROUND ON THE BRANDING ELEMENTS, AND WHAT WE THINK ABOUT AS THE CORE ELEMENTS OF BRAND IN SharePoint AND QUICKLY RUN THROUGH THOSE. LOGOS ARE AN IMPORTANT PIECE OF ANYBODY’S BRAND AS I THINK YOU ALL KNOW. NAVIGATION IS ANOTHER REALLY BIG COMPONENT FOR PEOPLE’S INTRANETS IN TERMS OF WHAT EXPRESSES THEIR BRAND AND THEIR UNIQUE STRUCTURE FOR THEIR INTRANET. THEMING, WHICH WE THINK ABOUT AS BOTH COLLAR AND FONTS, HOW YOU GET THAT LOOK AND FEEL, YOUR UNIQUE BRAND COLORS AND TYPOGRAPHY, THOSE ARE THE THIRD COMPONENT. CONTENT STRUCTURE IS THE OTHER THING THAT PEOPLE TOLD US WAS IMPORTANT TO THEM. IN TERMS OF HEY, WE STRUCTURE OUR CONTENT THIS WAY, THESE ARE IMPORTANT COMPONENTS AND ELEMENTS TO HAVE AND THEY NEED TO BE ALWAYS LAID OUT IN SPECIFIC WAYS WITHIN OUR COMPANY. AND THEN UNDERPINNING ALL THESE THINGS ARE SITE DESIGNS AND THE EXTENSIBILTY THAT SITE DESIGNS GIVE YOU. SEAN IS GOING TO TALK ABOUT HOW YOU OPERATIONALIZE THOSE FOUR THINGS UP TOP WITH SITE DESIGNS. NEXT I WANT TO TALK ABOUT THE THINKING THAT GOES BEHIND THOSE ELEMENTS AND WHAT WE TALK ABOUT AS OUR PILLARS AND THIS IS HOW WE GUIDE OURSELVES ON OUR JOURNEY AROUND THE FEATURES WE ADD BOTH FROM A DESIGN AND PRODUCT MANAGEMENT PERSPECTIVE. THE FIRST PILLAR IS PROFESSIONAL. THIS COMES DOWN TO MAKING SURE YOUR CONTENT LOOKS GREAT, ENTERPRISE CONTENT DEFINITELY HAS UNIQUE CHALLENGES TO IT SO IT CAN BE DENSE, IT’S OFTEN FUNCTIONAL AND ITERATIVE AND WE WORK HARD TO MAKE SURE THAT’S GOING TO SHOW UP WELL IN YOUR PAGES. ALSO IT WILL BE EASY FOR PEOPLE CONSUMING THAT CONTENT TO INTERACT WITH AND USE IT. WE ALSO WANT TO MAKE SURE, DENCK SATYA TALKED ABOUT BOTH REPRESENTING VARIOUS INDUSTRIES AND VERTICALS AND SCOPE IN HIS KEYNOTE THIS WEEK AND THAT HIT HOME FOR ME BECAUSE THAT’S ALREADY EXPRESSED IN OUR PRINCIPLES HERE, THAT WE MAKE SURE WE CAN COVER YOU WHETHER YOU’RE A TOY COMPANY, EDUCATIONAL INSTITUTION, FINANCIAL, HEALTHCARE, WE WANT TO MAKE SURE THIS REFLECT YOUR VERTICAL OR YOUR INDUSTRY. SECOND, THE ON RAILS PIECE IS IMPORTANT. BRAND REALLY NEEDS TO BE CONSISTENTLY APPLIED TO WORK WELL AND REALLY CONVEY THAT SENSE OF FORMAL AUTHORITY. LET PEOPLE KNOW THEY’RE IN THE RIGHT PLACE, SO A BUNCH OF WHAT SEAN IS GOING TO SHOW YOU WITH REGARD TO ON RAILS IS HOW WE THINK ABOUT HOW THE BRANDS TEAMS, CORPORATE COMMUNICATION TEAMS AND ADMINS CAN CURE RATE THIS EXPERIENCE FOR EMPLOYEES. WORKING AT VARIOUS SCOPES MEANS YOU MAY BE A COMPANY, YOU MAY HAVE WHOLLY-OWNED SUBSIDIARIES THAT YOU NEED TO BRAND BELOW THAT, DIVISIONS, PRODUCTS THAT NEED BRANDING, WITHIN MICROSOFT WE HAVE XBOX, OFFICE, THOSE BRANDS ARE DIFFERENT FROM EACH OTHER EVEN THOUGH WE’RE ALL IN THE SAME COMPANY SO WE MAKE SURE THAT OUR BRANDING CAPABILITIES ARE GOING TO ALLOW YOU TO HAVE THAT SAME FLEXIBILITY NO MATTER HOW YOUR ORGANIZATION IS STRUCTURED OR BRANDED. AND THAT THOSE OPTIONS ARE CURATED FOR EMPLOYEES WHICH TAKES US INTO EFFICIENT AND SMART. WE WANT TO PROVIDE THE RIGHT BRANDING OPTIONS AT THE RIGHT TIME. THAT MAY BE WHERE THE SITE OWNER IS USING, YOU KNOW, THE CHANGE LOOK PANEL OR THAT MIGHT BE WHEN THE SITE IS PROVISIONED. THEY GET IT WITH THE APPROPRIATE BRANDING ELEMENTS APPLIED WHICH IS WHAT SEAN IS GOING TO TALK ABOUT LATER IN THE SESSION. THIS APPLIES TO ALL MODERN SITES AND ALL THIS BRANDING AND THEMING WORK IS MOBILE READY. THERE IS NO EXTRA WORK YOU HAVE TO DO TO MAKE THIS LOOK GREAT, IN RESPONSIVE MOBILE WEBB OR INSIDE THE SharePoint MOBILE APP. FINALLY, ACCESSIBLE. ACCESSIBILITY IS VERY IMPORTANT TO US. THERE ARE A LOT OF STANDARDS AROUND ACCESSIBILITY AND THEMING CAN BE ONE OF THE THINGS THAT CAN MAKE ACCESSIBILITY VERY DIFFICULT. IF YOU DON’T DO IT PROPERLY, YOU CAN WIND UP MAKING THINGS ILLEGIBLE FOR PEOPLE SO WE WORK HARD TO MAKE SURE THAT ALL OF OUR OUT-OF-THE-BOX THEMES MEET CONTRAST RATIO REQUIREMENTS AND WE’RE GOING TO PROVIDE GUIDANCE FOR CUSTOM THEMES AND TELL YOU HOW YOU CAN DO THAT WITH YOUR OWN THEMES AS WELL. LASTLY, THERE WAS A SESSION EARLIER THIS WEEK ON ACCESSIBILITY, CONTRAST RATIO IS ONE OF THE THINGS THAT WAS COVERED IN THAT SESSION SO I WOULD RECOMMEND CHECKING THAT OUT ON DEMAND. OKAY, NEXT, I’M GOING TO JUMP INTO THEMING AND IN AN OVERVIEW OF THEMING. WHEN WE TALK ABOUT A THEME WE’RE TALKING ABOUT A MAIN COLOR AND AN ACCENT COLOR THAT WORK NOTICING A SITE TO COMPLEMENT EACH OTHER. IN OUR OUT OF THE BOX THEMES WE WILL PROVIDE SIX LIGHT THEMES, TWO DARK THEMES AND ALL OF THESE CAN BE MIXED AND MATCHED SO YOU CAN SEE IN THE BACK PANEL UP THERE WE’VE GOT A SET OF MAIN COLORS AND THEN BELOW THAT YOU CAN SEE A LITTLE ROW OF 5 ACCENT COLORS. THOSE ACCENT COLORS WILL CHANGE DEPENDING ON WHICH MAIN COLOR YOU CHOOSE TO MAKE SURE THAT THEY SORT OF ALL LOOK GOOD TOGETHER AND THEY MATCH EACH OTHER. I’M GOING TO SHOW THAT LATER. LET’S JUMP INTO — THAT’S THE BACKGROUND. LET’S JUMP INTO A LITTLE BIT OF AN OVERVIEW OF SOME OF THAT. LET ME DO A QUICK REFRESH HERE. SEE IF WE CAN GET THAT PICTURE TO COME IN. OKAY, WELL, WE MIGHT BE MISSING AN IMAGE OR TWO HERE BUT WE CAN SEE WE HAVE A NICE TEAM SITE HERE WITH A LOT OF GREAT CONTENT IN IT. LOOKS LIKE SEVERAL OF MY IMAGES ARE GOING TO BE BROKEN, BUT THIS PAGE IS QUITE LENGTHY AND THERE’S A LOT OF WHITE RUNNING DOWN THE PAGE AND IT WOULD BE NICE TO BE ABLE TO ADD SOME VISUAL INTEREST AND BREAK THIS UP A BIT. SO I’M GOING TO GO INTO EDIT MODE. I’M GOING TO JUMP DOWN HERE TO THIS NEW SECTION I’VE GOT. I’M GOING TO MOVE IT TO THE LEFT IN THIS GRAY RAIL ON THE LEFT YOU WILL SEE I HAVE EDIT SECTION, AND OVER HERE ON THE RIGHT I’VE GOT SECTION BACKGROUND OPTIONS. THESE ARE NEW, REALLY EXCITED ABOUT BEING ABLE TO INTRODUCE THIS LEVEL OF COLOR. YOU CAN SEE I CAN CHOOSE A NEUTRAL, I CAN GO TO A SOFT TINT THAT MATCHES THE MAIN COLOR, HERE ON THE TOP OF THE SITE AND ALSO STRONG. LOOKS LIKE WE MIGHT HAVE A TINY COLOR ISSUE THERE WITH THE FONT AND YOU CAN SEE I PUBLISHED THIS AND SCROLL DOWN AND YOU CAN SEE I’VE NOW GOT THIS SECTION BACKGROUND COLOR TO BREAK UP THE PAGE. [APPLAUSE] THANK YOU! SO THIS IS, AGAIN, THIS IS SOMETHING WE’RE EXCITED ABOUT JUST IN TERMS OF BEING ABLE TO BRING A LOT MORE COLOR TO THE PAGE. WE THINK IT BRINGS MORE DIMENSION TO THE PAGE. ANOTHER THING THAT BRINGS MORE ENERGY TO THE PAGE IS THE USE OF ACCENT COLOR. SORRY ABOUT THE BROKEN IMAGE HERE BUT ONE OF THE THINGS I WANTED TO POINT OUT IS THIS IS THE ACCENT COLOR I WAS TALKING ABOUT EARLIER AND AS WE BRING MORE COLOR TO THE PAGE WE DON’T WANT YOU TO WIND UP WITH A PAGE THAT’S SORT OF ALL ONE COLOR SO WE’RE WORKING THROUGH HOW WE INCREASE ACCENT COLOR CAPABILITIES IN THE PAGE THAT WILL ALLOW YOU TO PLAY WITH BOTH OF THOSE ELEMENTS AT THE SAME TIME. SO LET’S LOOK AT SOME OF THE EMPHASIS OPTIONS AND THEMING. THAT WAS THE WORK WE’RE DOING AT THE PAGE LEVEL, NOW WE’RE GOING TO LOOK AT THE THINGS WE’RE DOING AT THE SITE LEVEL. I’M GOING TO CLICK ON THE GEAR, OFFICE 365 SUITE HEADER AND I’M GOING TO MAKE MY WAY DOWN TO CHANGE THE LOOK AND THIS IS A PANEL THAT A LOT OF OUR THEMING CUSTOMIZATIONS AND OTHER GOOD THINGS HAPPEN IN. I WILL SAY A QUICK WORD, I SEE SOME CAMERAS OUT I SEE A WORD ABOUT THE CHANGE PANEL, THIS IS WORK IN PROGRESS AND THE UX IS UNDER CONSTRUCTION. I LIKE TO SAY THE BREAD IS STILL IN THE OVEN ON THIS SO WE’RE ABLE TO SHOW YOU THE FUNCTIONALITY TODAY BUT WE WILL PROBABLY BE MAKING MORE CHANGES TO THE UX ITSELF. BUT QUICKLY I WILL SHOW YOU WHAT I WAS TALKING ABOUT A MINUTE AGO, THE ABILITY TO CHANGE THE LOOK ON THE PAGE AND YOU CAN SEE A LIVE PREVIEW AS I CHANGE COLORS. YOU CAN SEE AS I CHANGE A MAIN COLOR THAT THE ACCENT COLORS CHANGE SO THAT THEY MATCH. THEY’RE EITHER ANALOGOUS, COMPLIMENTARY OR MIXED. THE OTHER THING I WANTED TO POINT OUT AND SHOW IS THAT WE’VE GOT THAT SAME CAPABILITY THAT WE HAD AT THE PAGE LEVEL AT THE SITE LEVEL TO REALLY WALK THROUGH DIFFERENT OPTIONS IN THE HEADER. AGAIN, WE’RE EXCITED ABOUT THIS BECAUSE WE THINK IT GIVES PEOPLE THE OPPORTUNITY TO REALLY MAKE THE TOP OF THE SITE POP A LOT MORE, AND JUST HAVE A LOT MORE VISUAL EMPHASIS TO IT. SO THE OTHER THING I’M GOING TO JUMP OUT OF HERE AND LEAVE THIS THEME THE WAY I HAD IT. FOR STARTERS, I WANTED TO POINT OUT THAT WE’VE TAKEN THIS HEADER ON THE TEAM SITE TO ALIGN AND MATCH BETWEEN WHAT YOU SEE BETWEEN A COMMUNICATION SITE AND A TEAM SITE. WHEN WE BROUGHT THIS COLOR ACROSS THE PAGE AND THE HEADER, WE REALIZED THAT WE WANTED TO TAKE THAT FULL WIDTH, AND THAT’S ACTUALLY ROLLED OUT TO 100 >>SEAN SQUIRES: IT SURE IT BOTH THE FULL WIDTH HEADER AND THE EMPHASIS ARE 100 WORLDWIDE.>>DENISE TRABONA: SO YOU ALL SHOULD BE ABLE TO SEE THIS AND PLAY WITH THIS WHEN YOU GET BACK HOME. THE LAST THING IN THIS SECTION THAT I WANTED TO SHOW, BUMP OVER TO A DIFFERENT BROWSER FOR THIS. SO WITH THE HEADER, LIKE I SAID WE MADE IT FULL WIDTH AND WE DO KNOW THERE DOES WIND UP BEING QUITE A BIT OF NAVIGATION THAT STACKS UP ON THIS PAGE ESPECIALLY IF YOU GET TO HUB SITES WHICH WE WILL LOOK AT LATER AND WE’RE EXPLORING, YOU KNOW, HOW WE CAN DO THINGS TO KIND OF SAVE SPACE FOR PEOPLE AS WE THINK THROUGH ALL THOSE OPTIONS AND WE WILL LOOK AT OTHER OPTIONS FOR THAT, TOO, BUT ONE OF THE THINGS THAT WE CAME UP WITH INTERNAL IS THIS ABILITY TO ON SCROLL HAVE THE HEADER BE SHY AND ALLOW THAT MUCH MORE ROOM FOR CONTENT CONSUMPTION. YEAH! [APPLAUSE] THANK YOU! SO ALLOW THAT MUCH MORE ROOM FOR CONTENT CONSUMPTION WHICH IS ESPECIALLY IMPORTANT ON SMALL SCREENS. THIS IS FEEDBACK FROM CUSTOMERS BUT ALSO FROM INSIDE OUR OWN TEAM ABOUT HAVING THAT BE SOMETHING WE CAN DO THAT’S SPACE SAVING. SO WE’RE EXCITED TO BRING THAT TO FOLKS AS WELL. I’M GOING TO JUMP BACK TO POWERPOINT AND QUICKLY RECAP THAT THE NEW THEME COLOR WE’VE GOT GIVING THAT BACKGROUND OPTION GIVES YOU THAT VISUAL INTEREST AND ORGANIZATION TO YOUR PAGE AS YOU CAN USE THAT TO REALLY BREAK UP AND HIGHLIGHT SECTIONS AND CALL OUT YOUR HEADER. GOT MORE USE OF THAT ACCENT COLOR TO BRING MORE ENERGY TO THE PAGE SO IT DOESN’T WIND UP BEING SOLIDLY ONE COLOR. THE COMBINATION OF THEMES THAT I WAS SHOWING YOU WITH WHAT WE PROVIDE OUGHT OF THE BOX, YOU CAN GET 120 DIFFERENT THEMES BY COMBINING COLORS ACROSS THOSE AND LASTLY AS I TALKED ABOUT THAT SHY HEADER, CREATING MORE ROOM ON THE PAGE. SO SECTION BACKGROUND, HERE IS SOME MORE NICE EXAMPLES FOR PEOPLE TO LOOK AT JUST IN TERMS OF HOW YOU CAN USE SECTION BACKGROUND TO — EITHER WITH SOMETHING SOFT OR BOLD BOTH WITH TEXT AND WITH IMAGERY. WHEN WE INTRODUCED THIS FEATURE WE QUICKLY NOTICED IN OUR OWN TEAM PEOPLE GOING CRAZY WITH IT. SO I THOUGHT I WOULD GIVE A LITTLE BIT OF DESIGN GUIDANCE ON WHAT THE DESIGN TEAM THINKS IS THE BEST WAY TO USE THIS, SO IT’S TO BREAK UP A LONG PAGE OR HIGHLIGHT CONTENT THAT YOU THINK IS IMPORTANT LIKE A POLL QUOTE FROM YOUR EXECUTIVE LEADERSHIP TEAM OR SOMETHING LIKE THAT. WE SAW PEOPLE SAYING WE CAN MAKE EVERY SECTION A COLOR AND YOU’RE IMPACTING THE PAGE BACKGROUND, RECOMMEND DOING THAT WITH A THEME INSTEAD IF YOU WANT TO CHANGE YOUR PAGE BACKGROUND, CHANGE IT CONSISTENTLY ACROSS THE SITE. DON’T USE SECTION BACKGROUND FOR THAT. THEN LASTLY, IF YOU WANT TO KNOW MORE ABOUT THEMING AND YOU’RE BUILDING CUSTOM WEB PARTS TO GO INTO YOUR PAGES AND YOU WANT THEM TO WORK WELL ON TOP OF SECTION BACKGROUND, IF YOU HAVE USERS CHANGING THAT BACKGROUND COLOR AND YOU WANT YOUR CUSTOM WEB PARTS TO LOOK GOOD I RECOMMEND THE SESSION LATER TODAY ON OFFICE UI FABRIC FRONT END THEY WILL HAVE INFORMATION ABOUT WHAT YOU NEED TO DO TO MAKE YOUR THEMES GREAT AND THEY ARE GOING TO COVER THE NEW FLUENT CONTROLS, THE NEW MICROSOFT DESIGN LANGUAGE COMING IN CONTROLS. NEXT UP I WANTED TO DO A QUICK OVERVIEW OF CUSTOM THEMING. EVERYTHING WE TALKED ABOUT AND SHOWED YOU CAN DO, YOU CAN CUSTOMIZE FOR YOUR ORGANIZATION, WE WANT YOU TO DO THAT. [CHUCKLES] USE YOUR UNIQUE BRAND COLORS THERE AND PUT THOSE INTO PLAY AND MAKE GREAT-LOOKING, ACCESSIBLE THEMES. THOSE THEMES CAN BE INCORPORATED INTO THE CHANGE A LOOK PANEL AND THESE ARE ALL ORGANIZATIONAL THEMES AND ALL THE SharePoint OUT OF THE BOX THEMES ARE GONE WHICH IS SOMETHING ELSE AS AN ADMIN THAT YOU CAN DECIDE YOU WANT TO DO. I’M GOING TO TURN IT OVER TO SEAN FOR A QUICK DEMO.>>SEAN SQUIRES: THANK YOU, DENISE, LET’S JUMP BACK OVER TO LIVE STUFF BECAUSE WE LIKE TO DO LIVE STUFF. SO QUICK SHOW OF HANDS, HOW MANY ARE FAMILIAR WITH THIS CUSTOM THEMING CAPABILITY? WE ANNOUNCED IT LAST IGNITE AND ARE MAKING CHANGES OVER THE YEAR. SUPER, 10, BUT A LOT WHO DON’T, NEW TO YOU! SO THIS IS ACTUALLY A TOOL THAT WE’VE PUT OUT ON OUR PUBLIC FABRIC SITE THAT WILL HELP YOU GENERATE THE COLOR PALATES THAT YOU CAN USE TO GENERATE CUSTOM THEMES. WE PROVIDE A BUNCH OF RESOURCES AT THE END. YOU WILL HAVE THOSE IN THE DECK BUT YOU CAN GET TO THIS THROUGH ANOTHER SITE. THIS TOOL ALLOWS YOU TO GENERATE THE POWER FILE IN A NUMBER OF OUTPUTS AND YOU CAN USE WHATEVER YOUR PREFERENCE SHALL WAY OF UPLOADING THAT THEME BECAUSE WE SUPPORT A COUPLE DIFFERENT APPROACHES, I’M GOING TO DO POWERSHELL AND I HAVE A CUSTOM THEME THAT DENISE’ TEAM GAVE ME AND I’M GOING TO PLUG THAT IN, F9B200 IS GOING TO BE MY PRIMARY COLOR, A BEAUTIFUL GOLD AND THEN MY BODY TEXT COLOR IS GOING TO BE DDD, SO I’M PUTTING IN MY HEX VALUES, CHECK OUT THE BACKGROUND COLOR, 40324E, WOW, LOVELY, PURPLE AND GOLD. FOR THOSE OF YOU FROM WASHINGTON LIKE US, GO HUSKIES, RIGHT? [APPLAUSE] I’M GOING TO TAKE THE POWERSHELL OUT HERE AND YOU WILL SEE IT WILL BE UPDATED WITH THE VALUES I PUT IN THE PICKER. I’M GOING TO GRAB THIS AND JUMP OVER TO POWERSHELL WHERE I’M LOGGED IN AS AN ADMINISTRATOR AND I’M GOING TO ATTACH THIS OUTPUT TO A VARIABLE. WE WILL PUT THAT IN THERE AND NOW THAT THEME, CONTOSO YOU WILL SEE THE VALUES ARE ATTACHED TO THAT VARIABLE AND NOW IT’S A COMMAND, RATHER THAN WATCHING ME CUT AND PASTE — I MEAN TYPE, LET’S CUT AND PASTE. I’M GOING TO USE AN AD SPO THEME COMMAND, GIVING IT A NAME AND I’M ATTACHING TO THE PALLET PARAMETER THE VARIABLE WHICH IS ACTUALLY ALL THESE COLOR VALUES, OKAY? SO I’M GOING TO GO AHEAD AND PUT THAT IN AND I’M DONE. THAT’S IT. THEME IS ADDED. LET’S SEE IF I AM TELLING TRUTH HERE. WE’RE GOING TO GO HERE. I’M GOING TO OPEN UP THE CHANGE THE LOOK. THERE IT IS! [APPLAUSE]>>DENISE TRABONA: YOU MAKE IT LOOK SO EASY. >>SEAN SQUIRES: IT IS EASY, GO HOME AND DO IT! IT’S FUN! [LAUGHTER] THAT’S IT, THOSE SUPER QUICK DEMOS, WE WILL BE BACK! KEEP AN EYE ON THIS THEME, OKAY? BECAUSE IT’S GOING TO SHOW UP AGAIN, ALL RIGHT?>>DENISE TRABONA: AND ONE OF THE OTHER THINGS COMING SOON, WE’RE THINKING ABOUT MAKING UPDATES HERE, DID YOU WANT TO TALK ABOUT THOSE?>>SEAN SQUIRES: OH, YEAH. WITH THE THEME, ONE THING I SHOULD PROBABLY HAVE POINTED OUT IS YOU’LL NOTICE THAT OUR ART DEMO TENANT WE HAVE DISABLED THE OUT OF BOX THEME AND ONE OF THE THINGS I WANT TO EMPHASIZE IS WHEN YOU CREATE THESE THEMES YOU HAVE THE OPTION WITH THE SIMILAR POWERSHELL COMMAND TO DISABLE THE OUT-OF-BOX ONES SO GIVING YOU THE ABILITY TO CONTROL WHAT THEMES ARE REBEL TO YOUR USERS USERS, AND SOME OF THE THINGS WE ARE SHOWING IS HOW YOU CAN CUSTOMIZE THEMES AND SO FORTH BUT LEAVING YOU THE AT MINIMUM STRAIGHT TORS IN THE AUDIENCE IN CONTROL OF THAT. SO IF YOU WANT FOLKS TO BE ABLE TO TAKE THIS PURPLE THEME AND CHANGE THE EMPHASIS ON THE HEADER YOU WILL HAVE THAT OPTION TO PROVIDE YOUR USERS THAT CAPABILITY.>>DENISE TRABONA: AWESOME, THANK YOU. ALL RIGHT.>>SEAN SQUIRES: YOU’VE GOT A LOT OF SECTIONS TO COVER.>>DENISE TRABONA: I’M GOING TO CRUISE ONWARD. THE NEXT SPACE IS LOGOS, LAYOUTS, AN OVERVIEW AND WE WILL LOOK AT A COUPLE OF NEW CAPABILITIES. RIGHT NOW WE HAVE THREE TEARS OF LOGO DISPLAY AND NAVIGATION I’M GOING TO ZIP THROUGH THESE BUT I WANT TO POINT OUT THE TOP ONE, I HAVE RUN INTO CUSTOMERS WHO DON’T KNOW ABOUT THIS YOU HAVE THE ABILITY TO PUT YOUR ORGANIZATIONAL BRAND AT THE TOP OF THE OFFICE 365 SUITE HEADER, YOU CAN LINK THAT BACK TO A SITE OF YOUR CHOOSING, AND YOU CAN SET THAT BACKGROUND COLOR ON THE BAR TO MATCH YOUR COMPANY BRANDING. THAT’S ALL DONE IN THE OFFICE 365 ADMIN CENTER AREA AS OPPOSED TO SharePoint AREA JUST TO POINT THAT OUT. YOU ALSO HAVE A HUB LOGO IN NAVIGATION AND THAT’S GREAT FOR THAT FLEXIBILITY, WHETHER YOU WANT TO BRAND ACROSS DIVISIONS, PRODUCT LINES, ACROSS HE HAD ADDITIONAL INSTITUTIONS, IT’S FLEXIBLE AND YOU HAVE YOUR SITE LOGO AND NAVIGATION. OKAY SO THAT’S OUR BASIC OVERVIEW OF THOSE ELEMENTS. I DEPARTMENT TO TALK ABOUT THIS, I PUT THIS IN BECAUSE THIS WEEK WE HAD A BIG ANNOUNCEMENT AROUND MICROSOFT 365 SEARCH AND IF YOU SAW THE KEYNOTE YOU PROBABLY SAW THE UNIVERSAL SEARCH BOX SHOWING UP IN OneDrive AND OTHER PLACES AND SEAN AND I NOTICED YOU GUYS ARE DETAILED ORIENTED AND WE FIGURED WE WOULD BE ASK SO I’M VOLUNTEERING THE NEW UNIVERSAL SEARCH BOX WILL COME TO SharePoint AND IT WILL MOVE OFF THE CANVAS AND UP INTO THE OFFICE 365 SUITE HEADER WHICH WE THINK IS A GREAT EXPERIENCE BECAUSE IT WILL BE CONSISTENT ACROSS PRODUCTS. [APPLAUSE] THANK YOU! YEA! OKAY, SO NEXT LET’S LOOK AT JUST A QUICK DEMO.>>SEAN SQUIRES: GO AHEAD.>>DENISE TRABONA: PORTAL BRANDING.>>SEAN SQUIRES: SORRY, GETTING YOU ALL SET UP HERE. >>DENISE TRABONA: THANK YOU. SO WE HAVE SOME GREAT NEW THINGS AND THIS IS SHOWCASING IN A COUPLE OF OTHER PLACES THIS WEEK BUT I THINK IT’S WORTH SHOWING AROUND HOW YOU CAN MAKE THIS HEADER FURTHER STAND OUT, SO I’M GOING TO GO INTO, AGAIN, THIS GEAR IN THE OFFICE 365 SUITE HEADER AND DOWN TO CHANGE THE LOOK AND YOU WILL SEE I’VE GOT SOME NEW HEADER OPTIONS HERE. I’M GOING TO GO AHEAD FOR OUR CASE AND APPLY COMPACT! [APPLAUSE] THANK YOU! WHICH IS ANOTHER WAY YOU CAN MANAGE THAT HEADER FOOTPRINT BUT WE’RE BRINGING THAT BRANDING AND NAVIGATION UP ON THE SAME LINE, WORKING NICELY TOGETHER AND I’M GOING TO GO BACK AND ADD THAT HEADER EMPHASIS WE WERE LOOKING AT EARLIER, HEADER BACKGROUND WE ALSO CALL IT — I’M GOING TO CHANGE THAT BACK TO STRONG AND APPLY ON BOTH OF THOSE AND THEN THE LAST THING I’M GOING TO DO IS CHANGE THE LOGO. SO YOU CAN SEE WE’VE GOT A NICE LOGO DOWN THERE WHICH IS LOVELY, BUT WINDOWS 10 — OH MY GOSH!>>SEAN SQUIRES: THAT GOT TINY.>>DENISE TRABONA: THIS ONE?>>SEAN SQUIRES: THE BRK3090 AND THERE YOU GO. I GAVE HER HER OWN FOLDER! [LAUGHTER]>>DENISE TRABONA: SO AS ANDREA MENTIONED EARLIER IN THE SESSION, I LIKE THE WAY HE PUT THIS, WE DO KNOW THAT ALL COMPANY LOGOS COME IN ALL SHAPES AND SIZES, AND THE SQUARE COULD BE CONSTRICTIVE, AND WE HAVE THE ABILITY TO NOW SUPPORT A NONSQUARE LOGO. I’VE CHANGED IT, I WANTED TO SAVE IT. TALK AND CHEW GUM! THERE WE GO! [APPLAUSE] SO WE’VE GOT THAT ABILITY NOW TO PUT IN A LARGER SIZE LOGO, IT’S TRANSPARENT. I WILL SAY WHEN WE’RE DONE WITH THIS YOU WILL STILL SEE US REQUESTING A SQUARE LOGO BECAUSE WE USE THAT IN A BUNCH OF OTHER PLACES IN A LOT OF LISTS WHEN PEOPLE HAVE THEIR LISTS OF FREQUENT SITES, RECENT SITES, THE OFFICE BACK STAGE, ET CETERA, SO WE STILL NEED THAT OTHER ELEMENT. LET ME SWITCH BANG AND IN THE POWERPOINT WE CAN — BACK AND IN THE POWERPOINT WE CAN LOOK AT THAT OVERVIEW AND RECAP HOW MUCH VARIABILITY AND OPTION THAT GIVES YOU IN TERMS OF A FOOTPRINT. SORRY, WE’LL CALL OUT — WE DO HAVE A GREAT SESSION, WE HAD ONE YESTERDAY MORNING IF YOU DIDN’T ATTEND THIS, I HIGHLY RECOMMEND CHECKING OUT 2136 ON DEMAND BECAUSE THEY COVERED THIS AND A TON OF OTHER AWESOME ADVANCEMENTS. BUT WHAT I’M GOING TO DO HERE IS RUN THROUGH SOME OF THE THOSE LOGO CAPABILITIES AND SOME OF THEIR HEADER STYLES THAT WE’RE GOING TO BE GETTING OUT THERE TO YOU. THESE ARE THE STYLES THAT WE SAW MOST COMMONLY, WE LOOKED AT HUNDREDS OF COMPANY PORTALS AND INTRANETS AND WE SAW THESE WERE COMMON FOR PEOPLE AND SOME GO WITH THEIR ORGANIZATIONAL BRAND IN THE SUITE HEADER AND JUST THE NAVIGATION. THIS IS WHAT WE THINK MAY BE THE MOST COMMON SCENARIO WHICH IS THE ONE I JUST SHOWED YOU, YOU’RE GETTING THE COMPANY LOGO AND NAVIGATION NEXT TO EACH OTHER. THIS ONE WE DO SEE SOME COMPANIES GO STRONGLY BRANDED, AND REALLY WANT TO BELOW THAT OUT, GET A GRAPHIC LOGO, GET A BACKGROUND GOING BACK THERE, TRANSPARENCY WITH THE NAVIGATION SO HERE IS THE SET FOR THOSE OF YOU, I SEE THE CAMERAS ARE OUT SO WE WILL BE PROVIDING THESE CAPABILITIES IN TERMS OF LAYOUT OPTIONS OUT OF THE BOX TO ALLOW PEOPLE TO BRAND THEIR PORT YELLS. WE DON’T HAVE AN ORGANIZATIONAL BRANDING IN THE APP AND I WANTED TO TOUCH ON WE ARE EXPLORING HOW WE CAN BRING THE ORGANIZATIONAL BRAND INTO THE SharePoint MOBILE APP AND THANK EVERYBODY FOR GIVING US THAT FEEDBACK. ANOTHER GREAT ADVANCEMENT IN TERMS OF BRANDING THAT WAS COVERED THIS WEEK IN A COUPLE OF PLACES SO I’M NOT GOING TO DO A DEMO OR SHOW IT BUT WE DO HAVE A NEW CENTRAL ASSET LIBRARY OR THE CAL IF YOU WANT AN ACRONYM AND YOU CAN THINK OF THIS AS YOUR BRAND LIBRARY AND A LOT OF COMPANIES HAVE BRAND VIDEOS, LOGOS, THINGS THAT YOU HAVE SPENT TIME, MONEY AND EFFORT IN CREATING TO REALLY CARRY FORTH YOUR COMPANY’S BRAND AND YOU WANT PEOPLE TO BE USING THOSE IN THEIR SITES AND PAGES. THIS IS A WAY FOR THAT TO BE AVAILABLE TO THEM RIGHT WHERE THEY’RE POPULATING THE CONTENT IN THEIR SITE. THAT WAS A BIG CUSTOMER REQUEST AND GOT A BUNCH OF CHEERING YESTERDAY! NEXT — THERE IS QUIET CHEERING TODAY! NEXT WE’RE GOING TO JUMP TO NAVIGATION OVERVIEW. FOR THOSE OF YOU WHO AREN’T FAMILIAR I’M GOING TO RECAP THIS QUICKLY. WE’VE GOT A SITE NAVIGATION WHERE YOU HAVE IT ON THE LEFT ON A TEAM SITE AND AT THE TOP ON A COMM SITE AND THEN YOU HAVE HUB NAVIGATION THAT CONNECTS ASSOCIATED SITES AND THE MENU STYLE IS CASCADING NAVIGATION. ONE THING WE ARE EXCITED TO ANNOUNCE THAT’S COMING SOON, YOU’RE GOING TO HAVE THE OPTION TO CHANGE THAT NAVIGATION FROM THE SITE DEFAULT. SO IF YOU HAVE A TEAM SITE AND YOU WANT A TOP NAV YOU WILL BE ABLE TO TOGGLE THAT. [APPLAUSE] YEAH, WE THANK YOU GUYS AGAIN FOR THE FEEDBACK ON THAT AND WINDOWS 10 THAT WAS A CAPABILITY WE PROVIDED IN THE PAST AND WE’RE BRINGING IT BACK.>>SEAN SQUIRES: BRINGING IT BACK. >>DENISE TRABONA: BRINGING BACK THE HITS! ANOTHER PIECE I WANTED TO TOUCH ON WAS THE MEGA MENU — [APPLAUSE] YES! MAYBE ONE OF THE MOST TWEETED ABOUT TOPICS THIS WEEK, ACTUALLY, SURPRISING SO THE MEGA MENU NAVIGATION GIVES YOU A NEW STYLE, THE CASCADING THAT I MENTIONED AND NOW THERE IS MEGA MENU AND THAT GIVES YOU MORE NAVIGATIONAL DENSITY AND GROUPING SO YOU HAVE BETTER HIERARCHY AND ORGANIZATION FOR YOUR IA. I’M GOING TO DO A QUICK DEMO OF A COUPLE THINGS THAT ARE NEW HERE, THIS IS ANOTHER PRETTY SHORT ONE. GET THE DEMO MACHINE GOING. WE’VE TALKED ABOUT WHAT YOU CAN DO ON — THIS IS A LOVELY SITE WE HAVEN’T SHOWN IT TOO MUCH THIS WEEK BUT YOU CAN SEE GOOD USE OF COLOR THROUGHOUT, AND WE’VE GOT A LOT OF GRAPHIC CONTENT AND THIS IS ALL LAID OUT OUT OF THE BOX PARTS. YOU CAN SEE HERE, AGAIN, I’M JUST GOING TO POINT OUT A COUPLE THINGS TO MOVE ALONG. YOU CAN SEE HERE THAT WE TOUCHED ON PANELS AND COLOR AND PAGES, WE TOUCHED ON COLOR INSIGHTS AND HERE YOU CAN SEE THAT WE’VE BROUGHT COLOR TO THE HUB NAVIGATION BECAUSE IT WOULD BE STRANGE TO LEAVE THAT OUT AND HAVE ALL THIS COLOR AT THE TOP OF THE PAGE WITH THE HEADER SO WE’RE EXCITED TO BE ABLE TO THEME ALL OF THAT FOR YOU AND HAVE THAT REALLY SING! ALSO AT THE BOTTOM WE ARE INTRODUCING THE FOOTER WHICH IS ANOTHER HUGELY REQUESTED TOPIC. [APPLAUSE] LET ME POP BACK TO THE POWERPOINT. I WANT TO MAKE SURE WE HAVE TIME TO FINISH. I DID FORGET THE ABILITY TO REMOVE UNNEEDED SITE NAVIGATION LINKS. THIS IS SOMETHING ELSE WE HEARD ABOUT, ESPECIALLY WHEN WE BROUGHT ABOUT HUBS, SOMETIMES THE SITE NAVIGATION LINKS WERE REDUNDANT BECAUSE YOU HAVE HUB NAVIGATION AND THE HUB FRONT PAGE MIGHT WANT HAVE A LOT TO IT OR YOU MIGHT HAVE THE LINKS YOU WANT IN THE HUB NAVIGATION WITH ALL ASSOCIATED SITES. WE ALSO KNOW SOMETIMES THERE ARE SINGLE PAGE SITES LIKE UNANIMOUS EVENT STYLE SITE SO WE’RE GOING TO HAVE THE ABILITY TO TOGGLE THOSE LINKS OFF IF YOU DON’T WANT THEM ON A SITE. THEN AS WE TALKED ABOUT THERE IS A SIMPLE SITE FOOTER AND THAT BACKGROUND CREATING SOME COHERENT STYLING THROUGHOUT. THERE IS A FAMILY OF FOOTER OPTIONS COMING SO THE ONE WE’VE SHOWN THIS WEEK IS SIMPLE. WE’RE ALSO GOING TO BE INTRODUCING EXTENDED VERSION AND THEN WE’RE GOING TO INTRODUCE THE ABILITY TO PUT THE TWO OF THEM TOGETHER IN A STACK SO YOU COULD HAVE THAT FAT FOOTER. [APPLAUSE] YEAH! ANOTHER POPULAR ITEM. THEN I DEPARTMENT TO POINT OUT ALSO WITH SharePoint P AND P WE DO HAVE AN EXTENSION THERE FROM OUR COMMUNITY THAT ALLOWS YOU TO HAVE A FOOTER — THE INTERESTING THING ABOUT THIS FOOTER IS IF YOU WANT EMPLOYEES TO BE ABLE TO ACTUALLY CUSTOMIZE A SET OF THEIR OWN LINKS IN THE FOOTER, THAT’S WHAT’S GOING ON IN THE THIRD COLUMN HERE WHERE THIS PERSON HAS PUT NEW SITES IN THERE AND THOSE ARE PERSONAL LINKS. OKAY. SO CONTENT STRUCTURE, QUICKLY, WHAT IS CONTENT STRUCTURE? I LIKE TO DEFINE THIS FOR PEOPLE. THIS REFERS TO THE WAY THOSE ELEMENTS ARE LAID OUT ON THE PAGE, THAT STRUCTURE, THAT LAYOUT. IT’S THAT REPEATABLE PATTERN FOR STRUCTURING INFORMATION WE HAVE OUR CUSTOMERS SAY, HEY, THE WAY I PUT INFORMATION ON A PAGE AND LAYOUT MY CONTENT IS UNIQUE TO MY ORGANIZATION! IT NEEDS TO BE TEAM PLATED. WE’RE HAPPY TO ANNOUNCE THIS WEEK THAT WE ARE BRINGING THAT FEATURE AS WELL. LET ME FLIP OVER AND SHOW THAT QUICKLY?>>SEAN SQUIRES: SURE.>>DENISE TRABONA: IF SEAN GOES HERE AND HITS CREATE NEW, DID YOU WANT ME TO DO IT?>>SEAN SQUIRES: THIS ONE IS YOURS.>>DENISE TRABONA: I TRIED NOT TO INTERRUPT YOU, I KNEW YOU WERE BUSY GETTING SITE SCRIPTING STUFF READY. WE HAVE THIS GREAT ABILITY NOW TO HAVE PAGE DESIGNS AT THE SITE LEVEL AND SO — YEAH! AWESOME! SUPER FANTASTIC! SO I WILL CLICK AROUND AND THIS GIVES ME AN EXCELLENT OR LIVE PREVIEW OF ALL THE PLACE HOLDERS IN THIS PAGE AND THERE ARE SOME REALLY NICE ONES HERE. I’M GOING TO CLICK ON PRODUCT SPOTLIGHT AND IT’S AS EASY AS HITTING “CREATE PAGE” AND I’VE GOT THIS GREAT NEW PAGE THAT’S DONE. SEAN, THAT’S MY QUEUE, I’M GOING TO TURN IT OVER TO YOU. THE SECOND PIECE OF THIS IS WE GO FROM PAGE DESIGNS TO SITE DESIGN.>>SEAN SQUIRES: YES. >>DENISE TRABONA: HOW TO DO THIS AT A HIGHER LEVEL. >>SEAN SQUIRES: HOW TO OPERATIONALIZE SOME OF THIS STUFF SO THANK YOU, DENISE, THAT’S AWESOME. FOR THOSE OF YOU WHO ARE FAMILIAR WITH — ACTUALLY LET ME GET A SHOW OF HANDS, HOW MANY PEOPLE ARE HEARD OF SITE DESIGNS? WOW, THAT’S AWESOME, ABOUT 20, SUPER. I AM GOING TO COVER A FEW — ACTUALLY LET’S GO BACK TO SLIDES JUST TO FRAME THIS UP. WE ARE GOING TO SWITCH GEARS HERE A LITTLE BIT. LET’S JUMP TO — SITE SCRIPTS AND SITE DESIGNS WE ARE GOING TO SWITCH GEARS HERE A LITTLE BIT. REALLY WHAT THIS IS ABOUT, YOU’VE — FOR THOSE OF YOU FAMILIAR WITH IT AND HAVE PLAYED WITH IT, AWESOME. THIS IS SOMETHING WE INTRODUCED AT IGNITE LAST YEAR AND OVER THE LAST YEAR — ACTUALLY RELEASED EARLIER THIS YEAR AND WE HAVE ADDED NEW CAPABILITIES AND EXCITED TO SHOW YOU A FEW THINGS TODAY. THIS IS OUR APPROACH — MODERN APPROACH TO SITE TEMPLATING. ACTUALLY BEFORE WE GET INTO THIS, LET’S DO A DEMO, I JUST REALIZED I WANTED TO SHOW YOU THIS IN ACTION, FIRST. LET’S JUMP OVER TO THE SharePoint HOME PAGE. I’M GOING TO CREATE A NEW SITE. FOR THOSE OF YOU WHO HAVEN’T SEEN THIS BEFORE THIS MIGHT LOOK A LITTLE DIFFERENT. WHEN I CREATE A TEAM SITE I NOW HAVE A BUNCH OF OPTIONS. THESE ARE SITE DESIGNS. I’M GOING TO CREATE THIS WELCOME SITE AND I GAVE THIS A NAME SINCE WE’RE IN THE DRONE BUSINESS WE’RE GOING TO MAKE THE DRONE ALLEY PLANNING SITE. DID ANYBODY ACTUALLY NOTICE THE PREVIEW IMAGE? LOOKS SIMILAR, DOESN’T IT? THERE IS THAT PURPLE THEME SHOWING UP AGAIN. ALL RIGHT, I’M GOING TO GO AHEAD AND MAKE THIS SITE. SITE PROVISIONING, SUPER FAST I SUPPOSE I COULD ADD PATTY BUT BY THE TIME I DO THAT, IT’S ALREADY DONE. LET’S GO TO IT. [CHUCKLES]>>DENISE TRABONA: THAT WAS SO FAST!>>SEAN SQUIRES: IT WAS! WHAT’S HAPPENING? A COUPLE OF NEW THINGS. ACTUALLY A SITE DESIGN IS BEING APPLIED TO THE SITE. SO WHAT’S HAPPENING IS THIS SITE DESIGN IS ASSOCIATED WITH A SITE SCRIPT AND THAT SCRIPT IS RUNNING A BUNCH OF ACTIONS TO DO CONFIGURATION ON THE SITE AFTER ITS BEEN CREATED, OKAY? SO WHAT YOU’RE SEEING HERE IS A BUNCH OF ACTIONS AND WHAT I’VE DONE IS TAKEN THIS TEAM SITE AND ADDED THINGS LIKE SITE COLUMNS, ADDED A CONTENT TYPE, CREATED A LIST, I’VE ADDED IT TO — ANOTHER LIST TO THE SITE NAV, I’VE ADDED JEFF AS AN OWNER TO THE GROUP AND I HAVE TRIGGERED A FLOW TO RECORD THIS INFORMATION FOR AUDITING PURPOSES AND BY THE WAY I’VE ADDED A THEME PORTAL. LET’S SEE WHAT HAPPENS WHEN I HIT DONE.>>DENISE TRABONA: WHEW! [APPLAUSE]>>SEAN SQUIRES: NICE, HUH? PROPPEDING PROPPEDING — BRANDING OPERATIONALIZED, RIGHT? BECAUSE THIS IS A BRANDING TALK, I WILL POINT OUT THINGS ADDED PROGRAMMATICALLY. THAT IS THE SITE DESIGN SCRIPT. LET’S SEE WHAT IS HAPPENING HERE. WHOOPS! THERE WE GO. SO, REALLY, THE FOCUS THAT — PROBABLY THE OBJECTIVE OF THE SITE DESIGN, WHAT WE WERE TRYING TO ADDRESS IS WHAT I SHOWED YOU GUYS IS THE ABILITY TO GIVE YOU CONSISTENT SITE CONFIGURATION AND DESIGN IN A WAY THAT YOU HAD CONTROL OVER BUT ALLOWED YOU TO TAKE ADVANTAGE OF THE ROLLING BENEFITS AND CAPABILITIES THAT WE’RE PUTTING IN THE PRODUCT. BY DOING THE SITE DESIGNS AND THE SITE DESCRIPTING, YOU’RE NOT TOUCHING THE TEMPLATE YOU’RE DOING STUFF AFTER THE FACT SO THAT GIVES US THE ABILITY TO PUSH IMPROVEMENTS INTO THE TEMPLATES AND YOU’RE NOT STUCK WITH THIS SNAPSHOT POINT IN TIME TEMPLATE. THE OTHER THING WE DID IS WE ALLOWED YOU TO MAKE CHANGES SO YOU CAN EVOLVE A SCRIPT, LIKE IF A COMPANY BRANDING NEEDED TO CHANGE FROM PURPLE AND GOLD TO SOMETHING ELSE YOU COULD UPDATE THE SITE SCRIPT AND RUN IT AGAIN AGAINST THE SITES WHERE IT WAS IMPLEMENTED INITIALLY. SITE SCRIPTS ARE INTENDED TO BE ITEM POTENT SO YOU CAN CONTINUE TO MAKE UPDATES ASK WE RUN THEM AGAIN WITHOUT FEAR OF COMPROMISING DATA OR OTHER CHANGES THAT WERE MADE TO THE SITE. THERE’S SITE SETTINGS TODAY — I’M SORRY THE SITE DESIGNS AND DESCRIPTS WE WERE TALKING ABOUT IN THE TECHS OF BRANDING AND A LOT OF THE COOL THINGS THAT DENISE IS SHOWING TODAY WE ARE GOING TO BUILD INTO SITE SCRIPT ACTIONS SO YOU WILL BE ABLE TO SET THINGS LIKE THE HEADER EMPHASIS IN ADDITION TO BRAND COLOR AND OTHER SETTINGS. BUT I WANT TO EMPHASIZE YOU CAN USE SITE SCRIPTS FOR OH SOPHOMORE AND WE’RE CONTINUING TO ADD SITE SCRIPT ACTIONS TO THE SCHEMA ALL THE TIME. SO YOU CAN DO THINGS LIKE CREATE AS YOU SAW, I WAS ACTUALLY ADDING PRINCIPLES TO SharePoint ROLES, I WAS CREATING LISTS, COLUMNS, SO ALL THOSE CAPABILITIES AND SOME OF THE OTHER THINGS YOU CAN DO, YOU CAN EVEN REGISTER APP CATALOG SOLUTIONS, THINGS LIKE THAT, SO THERE WILL BE A BUNCH OF COOL STUFF THAT YOU CAN DO. THIS IS THE INFRASTRUCTURE BECAUSE I’VE HAD QUESTIONS OVER THE LAST YEAR LIKE WHICH IS THE DIFFERENCE BETWEEN THE SITE SCRIPTS AND THE SITE DESIGNS SO THINK OF THE SCRIPTS AS THE PIZZA TOPPINGS, NO PIZZA TASTES GREAT IF IT’S REALLY JUST A PIECE OF DOUGH. SO THE SCRIPT IS THE DOUGH AND THEN YOU ADD TO IT. SO THIS IS AVAILABLE FOR ALL YOUR SITES IN THE TENANCY. WE HAVE MADE THEM AVAILABLE TO YOU IN A NUMBER OF PROVISIONING AVENUES. YOU SAW ME PUT IT IN THE SELF-SITE CREATION AND IF I HAVE TIME I WILL DEMO THIS ON THE BOTTOM HERE, YOU CAN ASSOCIATE A SITE DESIGN NOW TO A HUB SITE, OKAY? SO IF YOU WANT TO MAKE SURE THAT A CERTAIN SITE SCRIPT OR SITE DESIGN RATHER GETS APPLIED TO ANY SITE JOINING A HUB YOU CAN SET THAT UP. THE OTHER THING YOU CAN DO IN THE MIDDLE IS YOU CAN PLAY TENANT ADMIN AND YOU CAN ADMINISTRATE THE APPLICATION OF SITE SCRIPTS AND DESIGNS BY APPLYING THEM TO EXISTING SITES. EARLIER THIS SUMMER WE OPENED THAT UP TO CLASSIC SITE TEMPLATES, OKAY, SO IF YOU HAD EXISTING TEAM SITES OR PUBLISHING SITE THAT YOU WANT TO MAKE SURE YOU GET THE BENEFITS OF THIS GOODNESS YOU CAN GO AHEAD AND DO THAT, TOO. OKAY? SO SOME OF THIS SHOULD BE FAIRLY SELF-EXPLANATORY AND HOPEFULLY YOU’RE GETTING EXCITED ABOUT THE POTENTIAL AND THINKING OF SCENARIOS WHERE YOU CAN APPLY THIS. BUT REALLY WHAT WE TRIED TO DO IS MAKE THINGS FLEXIBLE. YOU CAN IMAGINE THAT THEY CAN BE APPLIED JUST TO A SPECIFIC SITE TEMPLATE AND IN FACT I WILL SHOW YOU HOW THAT WORKS. WE’RE GOING TO TAKE THAT SITE, THE ONE I CHEATED, WE’RE GOING TO APPLY IN A COMM SITE IN JUST A SECOND. YOU CAN APPLY IT OUT OF THE BOX, CLASSIC TEMPLATES. FINALLY YOU MIGHT APPLY IT BY ORGANIZATION. WE SUPPORT THE ABILITY TO SCOPE SITE DESIGNS. WE USE THIS AS MICROSOFT. A LOT OF PEOPLE IN THE OneDrive SharePoint TEAM WE HAVE A SPECIFIC SITE CONFIGURATION THAT WE WANT AND WE HAVE A SITE DESIGN THAT’S CONFIGURED AND SCOPED JUST TO US SO ALL THOSE PEOPLE IN FINANCES CAN’T CREATE STUFF WITH OUR SITE. FINALLY AS I MENTIONED YOU CAN APPLY THEM VIA A HUB. SO LET’S LOOK AT A COUPLE OF THESE APPROACHES JUST TO KIND OF BRING SOME OF THE STUFF HOME. I’M GOING TO JUMP BACK TO THE DEMO ENVIRONMENT. THERE IS A BUNCH OF COMMANDS THAT ARE AVAILABLE TO YOU, TO ACTUALLY SEE WHAT SITE DESIGNS ARE ON THE ENVIRONMENT, WHAT SCRIPTS ARE ASSOCIATED WITH THEM AND WHERE YOU CAN DO ADMINISTRATION. WHAT I HAVE HERE IS THIS IS JUST A GET SPF SITE DESIGN COMMANDLET AND I DID FORMATTING ON IT AND THESE ARE THE SITE DESIGNS THAT HAVE BEEN DEPLOYED TO THE TENANT THAT I’M DEMONSTRATING ON THIS MORNING AND YOU WILL SEE WE HAVE A BUNCH OF SITE DESIGNS AND YOU’LL NOTICE IN THE WEB TEMPLATE COLUMN THERE IS A MIX OF 64 AND 68. THAT REFERS TO THE SITE SEAM PLATE ID SO 64 IS THE TEAM ONE AND 68 IS THE COMM SITE ONE. WHAT I WANTED TO DO WAS TO ILLUSTRATE THE FLEXIBILITY OF THIS. I’M GOING TO GO — ACTUALLY SO YOU GUYS DIDN’T HAVE TO WATCH ME TYPE I PUT A BUNCH OF THIS STUFF IN, TYPED IT AHEAD OF TIME. LET’S TALK ABOUT THIS REAL QUICK BEFORE I DO THIS. WHAT I DID IS I CREATED THE SITE SCRIPT THAT HAD THAT THEME THAT I CREATED EARLIER WITH DENISE, I WAS DOING THAT QUICKLY WHILE SHE WAS TALKING, THAT’S HOW QUICK IT IS, ESPECIALLY IF YOU HAVE A TEMPLATE TO WORK FROM. WHAT I’M DOING HERE IS I APPLIED THAT TO THE TEAM SITE TEMPLATE AND I’M GOING TO CREATE ANOTHER SITE DESIGN USING THE SAME SCRIPT BUT APPLY IT TO THE COMM SITE, NOTICE WEB TEMPLATE 68. I’M GOING TO HIT ENTER ASK JUST LIKE THAT THE DESIGN IS CREATED. SO I GAVE IT THE NAME CONTOSO SHARED DESIGN SO LET’S JUMP OVER TO OUR ENVIRONMENT HERE, AND I THINK I LOST SharePoint HOME SO LET’S GO BACK THERE REAL QUICK. IF I GO HERE, FINGERS CROSSED, THERE IT IS. [APPLAUSE] COOL? THE OTHER THING I CAN DO, I’M GOING TO SHOW YOU THIS COMMAND AS WELL IS I CAN SET A SITE DESIGN TO A DEFAULT TEMPLATE, OKAY? SO IN ADDITION TO SCOPING AND THERE IS A WAY OF SCOPING AND I WILL TRY AND SHOW YOU THAT QUICKLY, BUT WHAT I’M DOING HERE IS I’M ACTUALLY APPLYING A SITE DESIGN AND CHANGING ITS PARAMETERS SO IN THIS CASE THERE IS A DEFAULT PARAMETER. WHAT THIS DOES IS WHEN I APPLY THIS, IT’S GOING TO GO AHEAD AND ACTUALLY TAKE THIS CONTOSO ELECTRONICS COMMUNICATION SITE DESIGN AND ATTACH IT AS THE DEFAULT SITE DESIGN FOR THE COMMUNICATION TEMPLATE. WHAT THIS MEANS IS BECAUSE I DID THIS, WHEN I GO BACK OVER HERE AND PICK ONE OF THE OUT OF BOX COMMUNICATION TEMPLATES, LET ME CLOSE THAT AND REOPEN IT. I WANT TO GO AHEAD AND MAKE A SHOWCASE ONE TO ILLUSTRATE THIS AND WE WILL CALL IT DRONE ALLEY. NORMALLY WHAT WOULD HAPPEN IS I’M CREATING AN OUT-OF-BOX COMMUNICATION SITE, WAIT, I ATTACHED A SITE DESIGN TO THIS THING SO IT’S JUST BEEN APPLIED TO THIS. THIS IS ALSO FLEXIBLE BECAUSE IT’S THE SAME CALL THAT IF YOU WERE TO CREATE A SITE FROM SOME OF THE OTHER LOCATIONS, SOME OF THE OTHER WORKLOADS YOU WOULD GET THE BENEFIT OF THIS. WE DON’T HAVE SITE DESIGNS AVAILABLE IN THE ENTRY POINTS IN O365, BUT YOU CAN WORK AROUND THE LIMITATION THAT WE HAVE RIGHT NOW. YOU CAN ATTACH THE SITE DESIGN STOTT DEFAULT TEMPLATES TO ENSURE THEY GET EXECUTED WHEN A SITE GETS CREATED, OKAY? [APPLAUSE] THANK YOU. I FORGOT I SET THIS UP SO I WANTED TO SHOW THIS ONE TO YOU GUYS REAL QUICK. THIS IS COOL. SO WHAT THIS ONE IS DOING IS THIS IS VINTAGE ELECTRONICS ONE, I THINK I HAVE IT UP HERE. THERE IT IS. COOL, HUH? BLAST FROM THE PAST! SO WHAT I’M GOING TO DO IS I WANTED TO SHOW QUICKLY THAT I CAN TAKE A SITE DESIGN WITH SITE SCRIPTS AND GO AHEAD AND ATTACH THIS ACTUALLY RUN IT AGAINST THIS VINTAGE ELECTRONICS ONE CLASSIC TEAM SITE. AND IT’S THINKING. THERE WE GO. WE’RE DONE! SO WHAT JUST HAPPENED IS ALL OF THOSE SITE ACTIONS WERE APPLIED TO THAT SITE. [APPLAUSE] AND IF WE GO RIGHT BACK THERE REAL QUICK I’M GOING TO REFRESH THIS GUY, YOU WILL SEE IT PICKED UP THE NEW THEME AND IF I GO INTO SITE CONTENTS YOU WILL SEE THERE ARE THOSE LISTS SO YOU HAVE A LOT OF THAT SAME FLEXIBILITY THAT YOU HAVE WITH THE MODERN TEMPLATES FOR YOUR EXISTING SITES. ONE LAST ONE. I WANTED TO SHOW YOU THIS REAL QUICK SINCE IT DOES A COUPLE OF NEAT THINGS. ALL RIGHT. ONE THING THAT’S COOL, NEW AND DIFFERENT IS IN ADDITION TO BEING ABLE TO ASSOCIATE A SITE DESIGN WITH A HUB SITE THROUGH HUB SITE SETTINGS SO IT WILL BE RUNNY TIME IT JOINS THE SITE, YOU HAVE THE ABILITY TO CREATE SITES — DISMISS! MY GOODNESS, WOW. ALL RIGHT, I’M GOING TO GO AHEAD AND CREATE THIS NEW SALES SOUTHEAST EVENT. BY BEING CREATED FROM THE HUB IT’S GOING TO BE AUTOMATICALLY JOINED. YEAH! [APPLAUSE] NOW YOU GET THE CONFIGURATION AUTOMATICALLY, SUPER COOL. I THINK WE ARE JUMPING BACK TO SLIDES FOR ONE QUICK SECOND TO GIVE SOME OF YOU MORE CONTEXT HERE. I KNOW WE’RE GETTING CLOSE TO BEING OUT OF TIME AND I WANT TO SHOW YOU THE COOL NEW THINGS THAT WE WILL BE ROLLING OUT THIS FALL. ALL OF THIS IS IN YOUR DECK BUT QUICKLY, THE SCRIPTS ARE — LIKE I SAID THIS IS WHERE ALL THE ACTION HAPPENS AND WHAT’S COOL ABOUT THIS SO THE AT THISSING GUERRE PULL ACTION IS IMPORTANT BECAUSE WE REALIZED WE WEREN’T GOING TO BE ABLE TO GIVE YOU EVERYTHING DAY ONE OR EVEN DAY 90. ALL THE OTHER FEATURE CREWS KEEP BUILDING STUFF SO IN ORDER TO SCRIPT THAT STUFF WE WANTED TO GIVE YOU AN OPTION TO TAKE ADVANTAGE OF MAYBE INVESTMENTS YOU’VE MADE IN CUSTOM SOLUTIONS SO YOU HAVE THE ABILITY TO USE THE TRIGGER FLOW ACTION TO CALL OUT TO A FLOW AND RUN YOUR OWN CUSTOM SOLUTIONS OR APPLY AND USE THE FLOW TO PASS IN, HEY, THIS IS THE SITE I JUST CREATED, GO DO STUFF TO IT. IT’S A NICE BACK STOP WHILE WE CATCH UP WITH ACTIONS. THIS IS A LIST AND THE TEAM HAS DONE A PHENOMENAL JOB AND WE HAVE BUILT A LOT OF ACTION SUPPORT. YOU WILL SEE I BUCKETED THEM IN TERMS OF COMPONENTS, LISTS, LIBRARY AND THAT WILL INCLUDE NEW BRANDING SETTINGS, AS WELL AS THE SETTINGS ON THE RIGHT SIDE BUT YOU CAN ALSO DO THINGS LIKE REGISTER SOLUTIONS. IF YOU HAVE SOMETHING IN THE TENANT APP CATALOG YOU CAN INVOKE IT AND HAVE THAT BE APPLIED THROUGH A SITE SCRIPT. OKAY LET’S TALK ABOUT NEW THINGS. FOR THOSE OF YOU WHO ARE FAMILIAR WITH SITE SCRIPTS AND HAVE BEEN USING THEM THIS LAST YEAR, YOU HAVE PROBABLY ALL JUST NOW HAVE A NEW BADGE THAT SAYS “I AM AN AWESOME JSON AUTHOR” AND YOU PROBABLY HATE THAT BADGE, UNLESS YOU ARE A DEVELOPER. ONE OF THE THINGS THAT HAS BEEN OUR INTENT IS WHILE YOU HAVE TO CRAFT YOUR OWN SITE SCRIPTS RIGHT NOW, PEOPLE LIKE MYSELF AND VANESSA ARE PUTTING STUFF IF GIT HUB FOR YOU TO START ONE, WE WANTED TO GIVE YOU THE ABILITY TO AUTOGENERATE. WHAT YOU CAN DO IS YOU CAN TAKE A LIST THAT YOU CAN CONFIGURE AND EXTRACT IT INTO A SERIALIZED FORMAT INTO JSON AND TURN AROUND AND MAKE A SCRIPT WITH THAT AND I’M GOING TO DEMONSTRATE THAT IN ONE SECOND. OH MY GOSH WE’RE DOWN TO MINUTES, TWO OTHER QUICK THINGS. THE OTHER THING I’VE HEARD FROM YOU GUYS IS HEY THIS IS GREAT YOU’VE GIVEN US SCRIPT ACTIONS BUT I KEEP RUNNING UP AGAINST YOUR LIMITS, WHAT ARE WE GOING TO DO ABOUT THAT? WE HAVE A SOLUTION FOR YOU. WHAT WE HAVE IS A REPLACEMENT. SO WHEN I APPLIED THAT SITE SCRIPT TO THAT CLASSIC SIDE I USED THE INVOKE DEMANDLET AND WE HAVE A NEW ONE CALLED SITE STEIN TASK AND THAT ALLOWS YOU TO Q UP A SITE SCRIPT AND EXECUTE IT. LET’S SEE WHAT THAT LOOKS LIKE. I’M GOING TO JUMP UP TO SOMETHING THAT I ALREADY BUILT EARLIER. I ATTACHED TO A VARIABLE, A LIST, AND IT’S THIS RETAIL ACCOUNTS LIST WHICH I BELIEVE I HAVE RIGHT HERE. THIS LIST HAS A BUNCH OF DATA, THANK YOU JEREMY AND OTHERS, FOR SOME REASON THIS LIST WASN’T POPULATED. THE CONTENT ISN’T WHAT’S IMPORTANT IT’S THE SCHEMA. I CAN RUN THIS THING AND ATTACH IT TO A VARIABLE — ACTUALLY I WILL RUN IT FOR YOU AGAIN SO YOU CAN SEE WHAT’S GOING ON HERE. ALL IN PASSING IN IS THE URL OF THE LIST THAT I’VE CONFIGURED AND ONCE THAT’S DONE THEN IT’S GOING TO GO AND READ THAT LIST AND GO AND WRITE THAT


Leave a Reply

Your email address will not be published. Required fields are marked *