SharePoint UI Advancements

7/31/2019 SharePoint UI Advancements

1/39


2/39

Introducing the new User ExperienceThe SharePoint Fluent User Interface

Sites as Collections of Pages

Managing Data with SharePoint 2010


3/39


4/39

Microsoft Confidential


5/39

Microsoft Confidential


6/39


7/39

SharePoint design is not intuitive and it is

difficult to learn and use.

Lack of customization is due to difficulty, not lack

of desire.

End users are not adequately trained on

SharePoint. Many obtain little to no training.


8/39


9/39





10/39

Consistent Streamlined Familiar


11/39

INButtonSplit button menu

StaticStated

Drop down & Flyout menusCustomizableHierarchical

CheckboxToggle ButtonLabelTextboxCombo boxSpinnerTable control

Color picker

Out In-ribbon gallery control

Drop down grids are our answer


12/39

Status Bar

Notification


13/39


14/39

Popup dialog

AJAX refresh


15/39

No context switching. Edit content whereyou see it.


16/39

Custom

?


17/39


18/39





19/39

sites are collectionsof pages


20/39

Every team site has a pageslibrary

Create a new page with asingle click

Just enter a nameReady to go

[[Wiki Linking]] toPages

ListsItems

Documents


21/39

Single click editing experienceTransition to edit is quick and seamless

Type into page and format text like in WordFull set of rich text controls for formatting and layout

Streamlined insert experience for images, linksAsset library

Edit Pick Content Insert


22/39

Auto-save everyminute, no data-loss

Only save if user madechanges

Edit\Stop Editing noprompts

Whoops ProtectionRich Text Editor has

undo stackVersioning turning on,in case you want torevert


23/39

Team site masterpage User content pages (lists\content pages\etc)

_layouts pages (site settings, etc)v4.master

For app experiences, like Search or Office Web Applications

If you do not need site navigation

If you do not have a ribbon If your app needs the spaceminimal.master

For error pages or login pages Not customizable, but pages can be replacedsimple.master

Show site using legacy interface

No Ribbon, no fluencydefault.master


24/39


25/39

Display one site inmultiple languages

Language Pack based

End-user translations

Primary language setduring provisioning

Secondary languageset by end-user

OM Support


26/39

Well-Formed XHTML 1.0

Cross-Browser

Tier 1 support: IE, FirefoxTier 2 support: Safari

WCAG 2.0 AA

New Rich Text Editor supporting XHTML.


27/39

Add commands to common locationsECB

Ribbon

Form Toolbars

View Toolbars

Settings pages

Scoped to list / site / site-collection

SharePoint Designer / Object Model support

Declarative, no User / Custom Controls


28/39


29/39





30/39

I want to be able tocreate richer forms

more easily.

I want more typesthan just new, editand view forms.

I want to changethe Web Part in

my forms.


31/39

Multiple forms per typeUser Actions for navigation

New Web 2.0 view technology

Replace default view / edit Web PartInfoPath integration


32/39

Create an arbitrary number of forms forDisplay

New

Edit

Set default forms to show


33/39

WebPart

BaseXsltDataWebPart

DataViewWebPart (V2)

DataFormWebPart (V3)

BaseXsltListWebPart (v4)

XsltListFormWebPart (V4)

XsltListViewWebPart (V4)

ListFormWebPart

ListViewWebPart

Replaces ListViewWebPartWeb 2.0 View Framework

Schema agnostic

Better UXIn-Place Editing


34/39

List View List Form Data Form XSLT List View

Rendering Technology CAML ASP.NET XSLT XSLTRender Lists X X X

Render Items X X X

Aggregate Data X X

Render External Data X X

Browser Editing X X X

SPD Editing X X

Parameterizable X X

Conditional Formatting,High customizability

X X

Performance X X X


35/39

XmlDefinition

ListName

XSL

SPDataSource

HTML

XsltListViewWebPart

XslCompiledTransform

CAML Query

List Schema

View Transform

XML Data


36/39

ImprovedField Picker

List DataConnection

LibraryData

ConnectionList Forms


37/39


38/39


39/39


