Rule #1: Don’t Make Me Think
According to Steve Krug, websites
• Should not cause users
confusion or to think
What Makes Users Frustrated?
• Inconsistent navigation
• Too many primary nav links
• Active links not highlighted
• Too many mouse clicks
• Can’t find what you’re
• Cluttered (balance between
text, images, whitespace)
• Too many words on page
• Left/right scrolling
• Performance (site is slow)
• Not evident whether form
was submitted successfully
• It isn’t clear what you’re
supposed to do/focus on
• Unclear error messages
What is JSLink?
file(s) to a page
• Objects that have a JSLink property:
– List Views (some exceptions, e.g. Calendar View)
– List Forms (New, Edit, View forms)
– List View and List Form web parts
– Site Column
– Content Type
Setting JSLink Property
• Field definition
• Custom code
• User interface
Setting JSLink Property in UI
• Expand the Miscellaneous
section in web part properties
• Reference to JS file must begin
with URL Token (e.g. ~site)
• Can reference multiple JS files
(separated by pipe character)
~site Reference to the current SharePoint site
~sitecollection Reference to the current SharePoint site collection
~layouts Reference to the web application Layouts folder (on-premises
only) – e.g. /_layouts/15
~sitecollectionlayouts Reference to the Layouts folder in the current site collection
(on premises only) – e.g. /sites/team/_layouts/15
~sitelayouts Reference to the Layouts folder in the current site (on
premises only) – e.g. /sites/teams/subsite/_layouts/15
• Create reusable Site Collection JS file if possible
• Avoid polluting the JS global namespace
• Call your function explicitly (not self executing)
Awesome Things You Can
Do With JSLink
Tasks List - View
• Color code
• Add a Priority icon
• Hide Priority
• Color code Context
• Hide Color column
Context List – Add/Edit
• Add color picker to text field - http://jscolor.com/
Projects List – View
• Color code entire row
based on status
• Percent Complete
Projects List – Edit
• Read-only controls in edit mode
• Percent Complete input slider
Projects List – Add
• Auto-populate Category field from query string
Suppliers List – View
• Delete icons
Suppliers List – Add/Edit
• Email field validator
Announcements List – View
• Trim long body text and add More link
Team Sales List – View
• Color code negative
Stay tuned for more great sessions …
Thanks for watching!
Hinweis der Redaktion
My name is Wendy Neal, I’m from the Cedar Rapids, IA area and by trade I am a .Net and SharePoint developer, however I’d also call myself an Evangelist because I like to talk about and encourage the use of SharePoint to whoever will listen. I evangelize SharePoint on my personal blog as well as a few other industry and community websites.
I only have a couple slides on usability. The main thing I want to point out is the #1 rule of web site usability, and that is “Don’t Make Me Think”. This is also the name of a great book on usability by Steve Krug. It’s a really light read, not filled with boring usability theory or things like that. It really contains a bunch of common sense tips that, once you read it will make you say, that’s really obvious, but you may not think about every day.
What are some of the things that make web site users frustrated? This isn’t an exhaustive list, but some of the more common things that can frustrate your users, or at least make them think. And the effects can be cumulative, meaning that one small thing that frustrates a user may not seem like a big deal, but many small things will add up over time.
Next we’re going to take a look at some pretty cool things you can do with client side scripting and JSLink.
That wraps up this session for the Collab355 conference. I know there are a lot of great sessions being presented in this timeslot, and I really appreciate you tuning in! I’m Wendy Neal, and thanks for watching!
Offenbar haben Sie einen Ad-Blocker installiert. Wenn Sie SlideShare auf die Whitelist für Ihren Werbeblocker setzen, helfen Sie unserer Gemeinschaft von Inhaltserstellern.
Sie hassen Werbung?
Wir haben unsere Datenschutzbestimmungen aktualisiert.
Wir haben unsere Datenschutzbestimmungen aktualisiert, um den neuen globalen Regeln zum Thema Datenschutzbestimmungen gerecht zu werden und dir einen Einblick in die begrenzten Möglichkeiten zu geben, wie wir deine Daten nutzen.
Die Einzelheiten findest du unten. Indem du sie akzeptierst, erklärst du dich mit den aktualisierten Datenschutzbestimmungen einverstanden.