Documentation
Barisco Helpcenter
Video Tutorial – How to use Interactions
Using free background patterns in Barisco
How to prepare designs in Photoshop for Barisco
Video Tutorial – Explanation of Barisco’s editor user interface
Video Tutorial – How to use the scroller
Video Tutorial – How to create overlays or pop-ups
Video Tutorial – How to create groups
Video Tutorial – How to use the Position & Size panel
Free interface templates in Barisco
Different interfaces for different platforms.
What features are not supported in Internet Explorer?
How can I optimize the load time of my project?
Why do fonts appear differently across different browsers and de
How to add your own domain name?
Does Barisco support Android?
How to duplicate pages to a different edition
Video Tutorial – Interfaces 2/2 – How to design a custom interfa
Video Tutorial – Interfaces 1/2 – Using default interfaces
Release 2.0.0.0
Optimize your publication for SEO
Direct Share to Social Media Channels
Embed your Project
DOOH (Narrowcasting)
Release 2.1
Improved Group settings for desktop and mobile views using one U
Improvements Release 2.2.5
How to create pixel perfect mobile web pages without coding?
Making a mobile ready site in 5 steps:
Reset your Profile
Animate Layers in the Scroll when Visible
Use now animated GIF in Barisco.
Integrating YouTube video’s in your Barisco projects is easy!
How to create a landing page or vertical scrolls in a page.
Release 2.0.1.0
Implement Youtube original player (control)
New! Dimensional scrolling features for landing pages micro site
UX improvements
Orientation options on publication settings
New Features for creating templates in the restricted editing
How to create pixel perfect mobile web pages without coding?
Barisco Web Designer makes it easy to create for mobile devices. You can design and build your project as truly mobile ready. Adapt content and navigation features to requirements readers expect on mobile devices.
Things you need to know about mobile devices.
Less is more
The average time people spend on a mobile website is less than 30 secs. In that time frame you need to tell your story. Hence it’s very important to convey your message in a clear and easy accessible way.
As a general rule of thumb when converting a desktop site design to mobile format, you want to simplify things wherever possible. There are several reasons for this. Keeping file size and load times down is always a good idea for a mobile site. Wireless connections — while faster than years past — are still relatively slow, so the faster your mobile site loads, the better.
Usability considerations on the mobile web also call for a simplified approach to design, layout, and navigation. With less screen at your disposal, you need to choose your placement of elements wisely. In short: Less is more.
However, we can still create beautiful designs that are optimized for mobile. Barisco Web Designer gives you an amazing set of tools for creating things like gradients, drop-shadows, overlays, pop-ups, scrolls animation and interaction settings
.
Vertical Hierarchy: Think in Collapsible Terms and overlays
Does your site have a lot of information that needs to be presented on the mobile site? A good way to organize things in a simple and digestible way is to set up a collapsible navigation. Taking your single-column structure a step further, you can stack chunks of large content in folding modules that allow the user to tap open the content that they’re interested in and hide the rest. You can also create overlays in your pages to keep the pages short. This can give the user more perspective on where he is in the page.
Provide Interaction Feedback
For example, when the user taps a link or button, it’s good practice to have that button visually change states to indicate it has been tapped and the action has been initiated. It’s common to see a white-colored link turn fully blue on the iPhone when tapped. This visual feedback is familiar to most users and you’d be wise to take advantage of it.
See our Knowledgebase article: Making a mobile ready site in 5 steps: