​

Changes in UI content from mobile to desktop prototype
Given that a laptop screen is much larger in size than a mobile screen we were able to add many more elements by creating different sections within the screen, adding more text, explanations, features, visual elements etc. The design rationale was to keep a consistent look, feel, color scheme, text and font aspects, etc. while expanding the scope of what is on the screen when viewing the application on desktop/laptop. 
 

Task 1: Discover

On mobile we included emojis/emoticons corresponding to the various categories i.e. profile, express, experience, home etc. but we decided to remove these elements on the laptop. We utilized the drop down menu in the desktop interface while keeping the background screen the exact same. This was because on desktop users have the ability to use a mouse pointer to move to more precise places on the screen as compared to mobile where selection is touchscreen based using a finger which is not as precise and does not allow for finer and smaller selections. The mobile interface took 5 screens whereas the desktop interface took 4 screens for this task. However, even though there were 4 screens on the desktop, the main screen / the background remains the same, and on the following screens only the drop down menus and pop ups are shown, so in essence it was only 1 screen on the desktop. 

Task 2: Experience

On the desktop we were able to add another section that has all the chapters. This additional feature enhances the community and social aspect of the application. This is again due to the fact of how the desktop screen is configured and the ability to use extra space for different features which are not possible on mobile. This also speaks to the fact that on desktop users are more likely to multi-task, i.e. use the same application for different things at the same time while ongoing activities are happening in the background such as listening to a book and writing reviews at the same time, as compared to mobile. On desktop users can share a writing with multiple people at the same time, however on the mobile screen users must select one contact, share the reading with the contact. Due to this very reason the mobile application has one more screen than the desktop interface. 

​

Task 3: Express

The expanded layout of the editor was introduced to provide a spacious writing area, allowing writers to express their creativity with ease. The decision to incorporate additional formatting options stemmed from the desire to offer a more comprehensive writing experience, acknowledging the desktop's capability for a multi-column interface than a mobile screen. There is an extended set of formatting options to empower writers with tools. The desktop UI seamlessly combined screens that were separated in the mobile version, streamlining the user experience. The recording functionality also underwent enhancements, offering a larger, more feature-rich interface with optimized controls for mouse and keyboard interaction.