Stride for Web
Responsive Desktop and Mobile App
Designing for Context
The team knew early on that the product strategy needed to incorporate a multi-device approach where individuals and teams could access meaningful content wherever convenient. For content creators, their most comfortable position and likely position to author and publish content was going to be at a desktop. We also knew from experience that inside sales reps were also in a similar position. Thus, the logical next step was to support a web client as quickly as possible. The added benefit for this move was the availability of our services on Windows and Android devices.
When designing the interface, familiarity of the system was important. For people who either started using Stride from a native mobile experience first, or from the web, going back and forth between the two wouldn't introduce any questions or confusion about how it worked. As an early version of the product, it was also important to establish a clear set of patterns conceptually and avoid any exceptions or edge cases. We settled with a master-detail frame that made the transition from desktop to mobile straightforward as well as allowed people to switch between different collections rapidly. The use of a tile grid format instead of a list was used because it would be flexible enough to work in all contexts as well. While other display options are preferable for different circumstances, the use of thumbnails enriched the overall experience for sales reps looking for presentations, pricing sheets and competitive analyses.