OurÂ next release Â (SmartClient 10.1 / Smart GWT 5.1) is still a little way off, but we would likeÂ to share some details.Â WeÂ also want to give you the opportunityÂ to play with some of the BETA (pre-release) features. This blog will focus on user experience. However, there will be moreÂ blogs about other aspects of the 10.1 /5.1Â content, so please look out for them.
Â *** One important point … upgrades to 10.1 and 5.1 areÂ FREE to those who have already purchased 10.0 / 5.0. ***
So, without further adieu, let’s talk about user experience …
Building an application that users love needs a great understanding of the business requirements / problems you are trying to solve; translating these into a functionalÂ design … then of courseÂ developing, testing, releasing and maintaining the application. This all takes a long time and there is often little time left to focus on making the user experience as good as it needs to be. In addition, some things that seem small and insignificant require big workarounds / hacks that outweigh the perceived benefits.
The problem with this is things that seemÂ independently insignificant can collectively make the end user’s life miserable. The end result being that they don’t want to use your application. At Isomorphic, we are therefore trying to make it easier and faster for you to go the extra mile from aÂ user experience perspective.
BelowÂ are a few BETA features that you can start playing with right now.
Visual Changed State
In SmartClient 10.1 / Smart GWT 5.1, FormItems will support a pending visual state that can be used to style the item differently when the user changes the value from the last-saved value. This includes showing strikethrough appearance for values in multiple-select controls.Â Try the live sample now!
It’s now easy to place icons inside of editable text fields such as ComboBoxItems, for decoration or to provide functionality when clicked.Â Icons support left or right alignment, and multiple icons are allowed on each side.Â Try the live sample now!
Nav Bar Animations
Our NavigationBar component has been given subtle, built in animations / transitions that not only look cool, but help users keep their sense of place.Â Notice how the clicked button glides in to be the new heading, while the new buttons fade in to place.
AÂ CheckboxItem’s checkbox can be sprited by setting a custom boolean Base Style and writing the CSS to apply the appropriate background-positionÂ for the checkbox’ current state.Â Try the live sample now!
Hints, Tips and Format Masks Improved Placeholder Behavior
When filling out a form, it helps to guide the user as to what data and format is expected.Â The behaviorÂ has been improved such that hint / tips persist even when the user places their cursor in the field. The hints / tipsÂ only disappear once the userÂ starts typing. See the example below andÂ try the live sample now.
The above are just some quick insights into a couple of the user experience enhancements we are providing in 10.1 / 5.1. There’s a lot more to come besides this, so check back here for more updates.
As always, thank you from all the Isomorphic Team!
P.S. Thanks for reading our blog. If you would like us to cover any specific topics or have any feedback, please let us know by emailingÂ firstname.lastname@example.org.