![]() Additionally, hacks were needed for mobile screens: the settings button was merged into the schedule view and the to-do button pushed the control buttons to the left (causing the timer start/pause button to be off-center) on mobile screens. My big problem with it was stuff that was scattered across the screen: the to-do button was near the bottom right corner (1), the settings button was sometimes in the upper right corner, and the schedule view was top center (2). The problemįirst, as we’ll need this later, let’s talk about the whole layout. Now, let me tell you how I (believe I have) solved those design problems. They should be easier to use as there are no more small buttons to switch between minutes and seconds inputs. The time input fields have been made two fields (one for inputting minutes, another for seconds). It also has a progress bar so you know how much is left. Previously, it was just a bunch of small “reminders” of what the app can do, but now it is a complete setup process. * The onboarding view now lets you set some of the settings for first use. New font, a more consistent and rounded design for all components, a compact top app bar, new timer controls and more harmonized colors. If you had the /timer page previously bookmarked, don’t worry, it will still work (and redirect to /). * There is no separate home page now, just the timer view, accessible in the place of the home page (simply at ). This rebranding is to avoid potential trademark-related clashes with the pomodoro word, which cannot be so freely used. They all worked okay-ish on the desktop (as there’s plenty of screen space there) but each of these components had their own share of design problems.īefore I get to the problems, here is a list of all the changes throughout the application, of which I’ll highlight the design changes later on. I’ve been wanting to get rid of the clunky design of the top schedule view, the big control bar and the weird placement of the to-do list’s button - all of which were especially troublesome on mobile, - but for quite some time I had no idea how. The application’s updated user interface on desktop.
0 Comments
Leave a Reply. |