#ui stencils

What an exciting month November has proved to be and even more so for bringing new products to the market, this is despite during our last quarter update saying we weren't on the look out for new any new products.

But we love a good product curation at StudioAlt and once again we've been hunting to source some really exciting toolkits for the UK Digital community. 

  The Design Deck Imagine having a Design Textbook or Manual but presented in beautifully crafted playing cards. Learn Graphic Design while playing cards with these useful tools for graphic designers and for non-designers wanting to learn the essentials of graphic design.

   View The Product Here

Code:Deck We are delighted to launch the Code:Deck playing cards. That's right, right playing cards, not so much toolkits but more a standard playing card deck that features a code excerpt describing the code in one of may programming languages. The cards offer a wide selection of programming languages, from C# to Java.

  View The Product Here 

Pixel Ruler The ultimate tool for responsive screen size sketching. Heavy-duty gauge stainless steel ruler with pixel increments. Markers for mobile, tablet and widescreen laptop sizing. 

  View The Product Here

Poppy We did say you could only buy three of our new arrivals and that's because the fourth arrival is our new daughter Poppy. Poppy was born on 18th November and is settling into her new environment just nicely. The one challenge that we've got is to fit Poppy's initials into the business as the ALT of StudioAlt comes from the initials of our family - Ashleigh, Lilly and Tony. All suggestions welcome...

So you created a fantastic user interface design, now for the next step; user testing. Testing tells you that everything is where it should be for the best effect, that all the necessary options are clear and available and that the entire concept is user friendly. There are various ways in which this process can be implemented, but we prefer the quickest, easiest and most cost effective method.

This method is simple; once you have used your UI tools for rapid prototyping and honed that down to the finished product using the Responsive Sketch Pad and appropriate stencils the next step is to test the user flow using the same tools.

The fact that your design is completely to-scale and is effectively a 2D model gives you a much clearer idea of user flow than simple pen and paper sketches.

  Why Use UI Sketchpads and Stencils for User Testing?

Let’s say, for example, you used the Browser Sketch Pad and Website Stencil Kit to create your design. The pages of the sketchpad can easily be removed and placed on a screen to get a clear idea of how the finished product will look and perform. Since these tools are 100% to-scale to your chosen browser, you can see exactly how your design will look to a user. This enables you to make those tiny tweaks at the planning stage rather than waiting until the design has been built to see what needs work.

These UI stencils and sketch pads are changing the way designers and developers work. They empower designers because they enable them produce to-scale sketches of the user interfaces and test their ideas. All this can now be done before any coding has begun which saves time and a great deal of money.

Relieve the Stress of Designing

Designing a new app or website is exciting but it can also be extremely stressful. The digital world is saturated, so your website or app must have mass appeal and it must stand out from the crowd. It needs that extra special something to capture the attention and encourage users to come back time and time again.

By using the precision cut UI stencils and sketchpad designed specifically for your platform, the guesswork is eliminated completely.

Even purist designers who have always used regular pen and paper are now trading in these tools for a mechanical pencil, precision cut UI stencils and UI sketchpads. And even at the early rapid prototyping stage the effect of using such stencils and sketchpads is much more professional and aesthetically pleasing.

There are times when you will work alone and times when you will have to work with others. Some of us are team players and at our most creative when bouncing ideas off other people, some of us work better alone in a quiet room, it’s as simple as that. 

Two artistic brains working together on a new user interface design can be a recipe for disaster. Especially if you both have very different ideas about how it should look. Working in harmony is possible of course; you just need the right tools. 

If this sounds too good to be true then prepare to be pleasantly surprised. Designers the length and breadth of the country are working together with equal input and fewer fiery arguments. Imagine how it used to work; heads bent over a desk, pencils flying across paper as a team of designers create ideas they hope will meld together to produce a final design everyone is happy with. What happens today is very different.

Whether working in a pair or as part of a larger team, when all participants are armed with UI stencils and a sketchpad, coming up with cohesive ideas could not be easier. Everyone works from the same page, quite literally, and the designs unfold before your eyes. Of course, praise and constructive criticism continues to be a valuable part of the process. 

Working together with Website Stencil Kits and Responsive Sketch Pads makes the entire experience more enjoyable and much more productive. It is also a great way of expanding your horizons by seeing what your peers bring to the table. 

Using the stencils and sketchpads in a collaborative scenario allows you to swap ideas and try different concepts, together. No one designer is left out of the process, everyone’s ideas are valid. And if you’re the strong silent type, you can just let your designs do the talking.

There is a stencil and sketchpad for every device and every platform. And for those designing a PC based user interface, the Browser Sketch Pad is an absolute Godsend.

Forget good old pen and paper because as far as user interface design is concerned everybody should be using UI stencils and sketchpads. Considering how simple yet ingenious they are the prices will come as a shock. 

A web designer’s work usually falls into two categories; they are either developing their own ideas or working on a remit from a client. The latter is infinitely more stressful and has a much lower margin for error. If the client doesn't like the design you’ll have wasted your time and effort and chances are you won't get paid. So what can you do to make the process easier? New inventions come and go in the world of design but it’s usually the simplest ideas that shine.   

Working with the client directly to produce a finished article that everyone is satisfied with has its pros and cons. One particular con is indecisive clients who frequently change their mind and keep you running back to the drawing board. Thankfully, things have got easier in this area thanks to a couple of simple tools that are revolutionising web design. These tools are UI Stencils and Sketch Pads. With these in your corner it couldn’t be easier to work with your client to define their user requirements.

The Benefits of UI Stencils and Sketchpads when Working with Clients

Web design vision can be lost in translation as the words of one person can create a completely different idea for another. This is where UI Stencils and Sketchpads come into their own. If, for example, a client has commissioned a UI for an Android handset, you can say goodbye to all the to-ing and fro-ing of submitting endless designs and waiting for a response. The Android Handset Sketch Pad has numerous to-scale replications so you can submit several designs at the same time. This makes your life easier and gives the client the luxury of choosing the one closest to their requirements.

You can also impress your clients by the very fact that you use only the finest cutting edge technology. No client will be disappointed when they see their visions come to life thanks to the Android Stencil Kit oriPhone Stencil Kit. And if you have a client looking for a UI designed website rather than an app theWebsite Starter Kit includes everything you need to create a stunning design.  

User Interface (UI) stencils and sketchpads are the latest buzzwords in all areas of web and app development. The aim of user interface design is to make a website, app or piece of software as easy to use as possible. This is why you’ll often hear it described as user friendly.

Even in today's ultra high-tech world designers and developers will start projects by creating preliminary sketches of the finished product in use. This is where tools like UI stencils and responsive sketchpads are exceptionally useful.

The gung ho approach of jumping in at the deep end and developing as you go is fast disappearing; that process of trial and error just doesn’t cut it anymore. So how exactly can the entire design process be improved and how can UI stencils and sketchpads assist? Read on to discover how using these tools can save time and money whilst creating an enjoyable, interactive experience for clients. 

Finished Product

Using precision cut stencils will deliver a much better idea of how the finished user interface will look. As we all know, many websites do not translate well from PC to mobile device. However, by using this specialist equipment you can immediately see how the design will look across a variety of screen sizes. As 40% of all web traffic is now estimated to come from mobile devices, getting the design right first time is imperative.

All Major Platforms

Whether you’re working on a design for Android or iPhone, there is a stencil for every platform. In addition, the sketchpad supports every platform to-scale making the entire process much less time consuming.

Being able to mock up the design to-scale is a massive benefit of UI design as it does away with the need for scaling designs manually to fit certain parameters. Each stencil is also equipped with an interaction technique table which helps guide you in the right direction, making user interface design easier than ever. As you can imagine the iPhone stencil is hugely popular and it has been enabling designers to get their ideas into practice faster than ever.

Time and Cost Effective

UI stencils and sketchpads are extremely cost-effective. These simple tools give designers everything they need to get the job right the first time and cuts down on the time usually spent during the design process.

Whether you’re a designer yourself or have hired others to build something for you, using UI stencils and sketchpads is a far more productive approach. In the cut-throat digital world designers must do what they can to get their work out there in the shortest possible time, and these tools allow you to do just that. For those new to the web design game, there are even website starter kits available which provide you with everything you need to start the process.

  No Need to Work from Memory

Following our recent launch of UX toolkits, we want to understand from the experts about their choice of tools. This week’s guest post comes from Eddy Hope, a freelance web designer, creator of the Calendex and passionate about all things Journals and Mechanical Pencils.  

  I have been using Mechanical pencils for a little while now and have discovered that finding the perfect one is rather difficult. In order to be in contention a mech pencil has to meet certain criteria as it’s what I use for my bullet journalling and drawings/sketches. Will the popular pentel graphgear 1000 pass the test?

  I came across this particular pencil just from browsing the web, as you do, and came across the Pentel Graphgear 1000 on a number of blog posts featuring ‘My Top Ten Mechanical Pencils’ themed posts. This pencil stood out to me more than the others because of its looks. It’s gorgeous! I looked into it further by watching youtube reviews of this particular item and my desire to own this pencil grew. So I went to amazon and bought one relatively cheaply in comparison to other sites selling the same thing. (I’d post a link but it’s not there for that price anymore)

  I had a delivery at work and I knew what it was as I’d been eagerly anticipating this pencil and ripped of the packaging straight away. The pencil looks better than it does online. Aesthetically this is one of the best looking pencils I’ve came across.

      The next thing that I noticed is the size and weight of the pentel graphgear 1000. It’s a very heavy and very long pencil. I practised writing with it and it writes very well but the weight, dear me, causes some serious fatigue of the hand after a while. And I’m no weakling but writing or drawing with this pencil for long periods of time gets very uncomfortable. As the pencil is so long and with the unique clip (more on this below) coupled with the whole metal body makes it very top heavy.

  It also has a retractable nib, this is a big thing for me. Call me weird but I don’t appreciate being stabbed in the leg or torso by a very sharp point. The nib is excellent, I loved it. You expose the nib simply by pressing down on the graphite release on the top and out pops the nib along with a small amount of the graphite so it’s ready to go in one click. When you’re done with the pencil you press the back-end of the clip which releases the nib mechanism with a very satisfying firm thud back inside the pencil. Despite other reviews I never experienced any ‘give’ in the point or nib, it is a very solid and sturdy point with no movement.

  The one thing I didn’t like about the nib is once it’s out to begin writing, the distance from grip to the paper is quite considerable. Personally I like to have my hand quite far down a pencil and I can’t do that with this one. That’s just me though, a lot of people have no issues.

  The clip, is beautiful, definitely the most eye-catching feature on the pencil. It is solid and grips to pretty much anything you attach it to. Also as stated above it doubles up as the ‘retractable’ portion of the nib mechanism.

  It comes with a rubber which is just standard on most mech pencils, I very rarely use rubbers so mine remained very much unused but performed well when tested. Removing the rubber is also the way you add more graphite.

  The Grip, looks great but I didn’t like it. It has little rubber bubbles above the point to aid grip but I found it slippery. Maybe I just have sweaty hands :-s but it’s just not usable for long periods. For me.

  The Pentel Graghgear 1000 comes in a variety of sizes: 0.3mm, 0.5mm, 0.7mm and 0.9mm leads. I use 0.5mm so the leads are still thin enough to do very fine details but aren’t thin enough to snap when pressure is applied.

  Price, this pencil is ridiculously priced on some websites I’ve came across coming in at almost £50 on some. But you can get this pencil for between £10-£20. This is way more than I’m comfortable with spending on a pencil when there’s much cheaper, very capable alternatives. You can get it here from Cult Pens for around £12.

Using a pencil and paper is often the best technique to innovate an idea. Long before any coding begins, both Designers and Developers will sketch out their ideas to validate their site and app concept.  

We get that it will split opinion, there will be those that just want to crack on with the build, figuring it out as they go, and then there will be those that want to get their thoughts down on paper in a structured and tangible way.

In our experience the latter is likely the minority, but it's to these Designers and Developers that we aim to empower with the launch of our new range of user interface stencils and sketchpads to help with building websites and apps.

  The range, designed by UI Stencils and sourced from America, offer a selection of stencils and sketchpads for web and mobile including iOS and Android.

Each product has been carefully and aesthetically crafted to quickly sketch out prototypes on handy graph paper and brainstorm ideas using the precisioned cut stainless steel stencils.

The stencils include iPhone, iPad, Browser and for Android there are stencils for both mobile and tablet.

For each stencil there is also a sketchpad that offers around 300 opportunities to quickly mock-upyour site or app.

Stencil Features:

Grid matches the scale on each stencil kit.

100% scale.

User Interaction features including popular interactions including: 

Comments

Call To Action Buttons

User icons

Swipe icons

Camera icon

Social media icons such as Facebook, Twitter and Pinterest

Many more

Interaction technique table on back of stencil.

Plastic protector.

Sketchpad Features:

Graph paper.

Thick sketchbook with quality finished paper, rounded bottoms.

Project name, screen and date fields.

Bottom two corners are rounded.

What I really like about the Stencils and Sketchpads is the attention to detail, it’s akin to Apple, albeit on a much smaller scale, little things such as the plastic cover that hugs your stencil for total protection to also the two stickers with the UI logo on. Each stencil is complimented with a Zebra mechanical pencils. These innovative pencils are part of the Zebra family that have been producing high quality writing instruments since 1897 in Japan.

  It’s this level of attention that will have Designers feeling very excited about getting their hands on these tools.