It is typically best to add the tiles at their current size leaving a 10px gap between.
The most complex symbols to use, although still simple, is the tiles web part symbols. We decided not to include symbols for other options like hiding the navigation arrows as these can be easily removed on each wireframe. The slider web part symbols library consists of 5 symbols for each of the styles of slider offered by BindTuning and an overlay for the text often used on the sliders. We’ve added image placeholders which can be overwritten in the symbols library, or individually in the wireframe.įor speed, we’ve created 3 symbols, one showing actions, one with social links and finally an individual link item to enable custom length list of links. Here’s a list of the symbols we’ve created so far: Calendar Web Part Symbol LibraryĪvailable in the 5 different layouts, useful for knowing which is neededĪ basic Google Map symbol with a marker symbol and a popup symbolĬontains each news layout option, multiple symbols are typically used to illustrate the news web part. With the Inspire theme we’ve also included the slide out quick launch. We’ve also included symbols for additional overlays such as weather for tiles and markers and popups for maps. We’ve created additional symbol libraries for each of the BindTuning web parts, this allows us to drag-drop and rescale BindTuning Web Parts in the design interface instantly providing an interactive environment where ideas can be quickly put into practice.Įach symbol added to the wireframe can be further edited, such as backgrounds added to tiles, sample text, news images. We will create additional theme symbols for each theme we utilise in the future.
BALSAMIQ WIREFRAMES ONLINE UPDATE
BindTuning SharePoint Theme SymbolsĬreating a symbol library for a theme allows us to create a container the represents the clients chosen theme, it also allows for some styling to match the customers custom theme but in a manner which shouldn’t make it a discussion point while reviewing the content.įigure 2: Duplicated theme symbol, and styledĭuplicating the theme symbol and utilising the copy allows for changes later to update all wireframes by altering the symbol that’s applied to each. This allows us to focus on what is needed at the time with the client, and leads to quality and focused conversations around content, components, and layout. Utilising a wireframe tools allows the conversation to stay on function and placement rather than final design.
Having pre-created symbols allows us to quickly iterate through layout and styling options to present to our clients, or typically live on a webinar or in person.
Here at HappyWired we’ve created a set of BindTuning symbol libraries for use in our favourite wireframing tool, Balsamiq ( ).
0 kommentar(er)
