What is One Source Process?
One Source Process is a process server located the D.C area who deliver legal notices and handle other legal documentation.
I got in contact with the owner of One Source Process if there was any work he would like to have assistance with. We agreed to have me work on a few samples and make a few suggestions of what could be done for their website.
Current State of the Site
Screenshots of the site as of May 21, 2018.
You can fullscreen by clicking the expand arrows on the upper right of the embeds or drag through them to scroll through them otherwise.
Mobile Support
Although the current iteration of the website works for mobile, there are a few things that I feel that could be addressed that would bring it to the next level. I feel like there should be more focus on the mobile site since many users these days only access a site through a mobile device these days, or at least their first impression is through one.
The issues that present itself firsthand is that the site itself is too long for mobile, as it is a responsive design that includes almost everything the site has. My suggestion would be to use media queries to hide / reposition the elements so that they can follow a different order, which on mobile has a different precedence.
The links to the services, which explain what they are and their pricing for each one, are located almost 5 whole mobile screens down. *They start here. Just at the end of screen 4.
My suggestion would to be to move these service links higher or have a link takes the user there. Like below. (Also to make the button bigger for mobile.)
Fullscreen the embed to make it easier to view, or drag on the side of the phone to move the phone, while drag the 'screen' to move it's contents.
The Hamburger Menu
The Hamburger menu currently has three issues:
- A small one is that if the user were to use the menu to get to the services or navigate around the site a bit faster, it doesn't offer the "send us a job" link. While this may seem redundant, due to the link being at the top of every web page. Some redundancy is nice in a menu like this. Since it's always accessible from any part of the page, the user wouldn't have to scroll all the way up for example.
- The screen shots I take are of a pretty small screen in the modern day, and even then, with the our services menu open. It is still manageable to scroll through. It just barely fills out a typical modern device, such as a standard iPhone 6s. But the whole menu can remain open and all the options can be seen on that device. As it is now, it requires two actions just to be able to access those links.
- There's this issue with it opening too easily if the user swipes right on any part of the screen. The amount is so small that I was easily able to trigger it just by scrolling up and down.
The Hamburger Icon takes two inputs just to reach the sites services.
Low-fi Prototype Samples
Update (June 13, 2018)
I made some prototypes to suggest some spacing and placement of the information that is being presented. You can fullscreen prototype by clicking the upper right corner of the box.
Most of this is just hypothesis. Every user group is different and probably demand different things. The big change here from the original format is to reduce the visual clutter that one would get at the beginning of every page. While redundancy is good, it feels like too much being at the top of every page on the site. By focusing on having the mobile site convert through calling seems to be the major move. Why?
- Too many options on mobile would be confusing. I suggest removing the email portion on mobile as I don't think people would be privy to writing about their legal issues on a phone, but this is just a hunch.
- Should users know that they are outside of the time of the phone support, or they do not wish to make a call at the moment and instead prefer to look at which services are offered, the Service section is hinted below the CTA.
Other small changes make it easier for the majority to use with one hand. The menu being in the upper right corner is much more friendly toward the majority of the market.
Current - Suggested. Reducing visual clutter while adding a transition into the next session that would prompt the user to scroll down should they not need to make a call at the moment or they recognize they are outside of the time of the Phone Support.
There are some issues that would pop up with this simple prototype alone, as although it is more friendly to newer users, returning ones now have to spend more time and clicks to get to the old send a job CTA that the old site presents. It would probably be best to just add it back as another link above Process Service. Another thing that needs to be re-implemented is the translation button, which I believe can be integrated into the hamburger menu.
About the CTA though, the form itself is way to long. I'm going to need more research into how to make it more digestible for mobile users. Perhaps more pages? I'm not sure if a few fields can be reduced. Something I need to learn about from the owner is the importance of each field.
In the prototype, I also made it so that the Process Service link was to lead to what I felt should be the presentation style for most of the other service menus.
The key points of this is to keep some consistency with the first prototype page while also removing most of the unnecessary information, assuming user made it to this page not needing to make a call. It shares the same scrolling down hint too, giving the user a list of what they can process. I suggest also having a redundant CTA below for convenience.