Loading...
Answers
MenuWe are developing our onboarding screen shots for our cofounder developer. How do you create that grey background with handwritten fonts?
The skillset of design is a weakness from our team, we found fantastic and free handwritten fonts to use, but how can we draw the little arrow to the feature? How does that dark screen come up in onboarding design ( with the app underneath) is there an app for this that I can design the screen shots for our developer for our onboarding storyboards? Help? Bootstrapping!
Answers
This is quite simple with screenshots and Photoshop. If you are bootstrapping, try resources like fivrr.com, elance.com, or odesk.com
Otherwise, ask your friends/family/neighbors if they have a copy of Photoshop for you to do this.
If you'd like, setup a call and I can have my in-house designer do it for you.
You need to provide more information about what tools you are currently using.
For the purpose of creating wireframes, I would suggest using Balsamiq, and avoid doing any styling at all. This is good for the phase when you are working out screen flow and layout.
If you are doing a mockup, i.e. something that can look like a screenshot and will determine the graphic style of the app, then you really need to work with a graphic designer. Would you ask a non-programmer to write code? It's the same with graphics -- there's no substitute for a professional. At the stage you're at, you should be able to find an independent freelancing designer quite inexpensively in any decently sized city.
If you mean the first time you run an app (or enter a website) the whole screen grays out and you get writing and arrows explaining it: don't. Users /hate/ it.
I have a little experience in this, but have talked to others who did a lot of research into it. In this case we're not just talking about reducing satisfaction, but actually increased abandonment. 4-8x more people don't finish the tour, then delete the app (similar issues for websites).
You are better off, always, just making the functionality of the site more apparent off the bat. You CAN demo stuff, but it has to be inline with their actual use. Help can work to allow users who want more info to pull it to them, but is fraught with peril also. Be careful not to imply they need help, because they aren't smart enough, etc.
That said, I have had to make them a couple times, so may be able to point you the right direction at least. Is the question one of design or coding?
Related Questions
-
I need someone to examine the user interface of the online system I created for real estate agents.
Are you looking for prospects or someone to test the usability and functionality of your process?SN
-
What tools do designers use to produce usage animations when a mobile app is still in infancy (i.e., mockups, composites, prototyping)?
I second invision for showing quick online prototypes, but for something more versatile, i use AxureRP (www.axure.com) . The ability to build a sketchy wireframe or a pixel perfect app is amazing. I love it. Great for mobile gestures and animations. Go check it out - they offer a free trial. Contact me if you want more info but they have awesome tutorials on the site. I taught myself everything.DH
-
Is it worth it to design a wordpress for a small to medium sized company or should I get something out of the box such as Avada/Be theme?
There are advantages to both approaches. Using a theme such as Avada or X (my recommendation) will make the process faster and guarantee consistency, however the downsides are bloated code and potentially slow page load times. If you don't have a large or media-heavy site, this may not be an issue. Choose a theme that has a solid reputation for customer support and theme updates. Look at all the demos and be sure that you can mix and match the different elements that you like. And keep in mind that they all come with their own page builders and shortcodes, so you will need to choose a theme you want to stick with until you are ready to completely re-design. The pros of developing a custom theme are having more streamlined code and total control over the updates. The downsides would be an increased time/cost factor, a need to have someone monitor software changes and make necessary updates, and further development for future functional needs. Additional attention will need to be placed on required plugin compatibility. If you use ecommerce solutions, payment processors or email marketing opt ins, you'll need to be sure the custom code plays nice with them. Both approaches should allow you to create a totally customized design and user experience. Additional note regarding using a pre-coded theme: Be sure to check the compatibility with your required plugins as well. Most of them take the major ones into consideration, but if you aren't sure, reach out to the developers and ask ahead of time. Good luck! Feel free to contact me if I can help further. ~ NickyNP
-
Can you help me understand current best practices in getting users to sign up for/ open an account on a website?
I've taken a quick look at your site and am happy to talk to you. Take a look at my reviews here on Clarity. Product advice is an area I provide a lot of help to Clarity members about.TW
-
What are some low-cost platforms for User Interface mockups?
Are you talking about actual design mockups (PSD files etc) or just directional sketches that will help illustrate ideas you're having about how to improve the pages? If leaning more towards the former, I'd put yourself in a position to not need anyone else necessarily and just focus on creating wireframe mockups of the pages (no typography or finalization of icons/the skin of the page) and start with the blocking and tackling of each page. wireframing it also let's you more easily bifurcate between the web and mobile UX (if that is a part of what you've identified as an area that can be improved upon) - plus in my experience wireframes give you more of a blank canvas to start with while not narrowing your possible ideation phase with already in-place icons or imagery - basically it lets you work from the feet up each page. Taking this step (with wireframes first) allows you to revise and iterate on your ideas and THEN go find someone to produce mockups/design files in a more streamlined fashion (you dont want to be creating and constantly editing full design iterations as that would be a heavier, cumbersome and most costly process.) I've also found the narration process around wireframes much smoother and easier for inviting other contributors and capturing the commentary of the "why" to go with your "what". Good luck, feel free to reach out if you need any other suggestions or walk to talk through options!JG
the startups.com platform
Copyright © 2025 Startups.com. All rights reserved.