Lucy Nguyen

A primer on A/B Testing

What is A/B Testing?

abimage

When comparing two versions of something to see which one performs better (VMO, 2016), the one that performs better is the one chosen. It can be anything from TV ads to websites. It is used often in the world of business. 

The purpose of A/B Testing

The purpose is to optimize the choice of media, to get more bang for your buck. The investment into A/B Testing has been correlated with positive revenue, sales, and leads. This is further supported by the wealth of information and tools available to us (Fung, 2014). The most significant benefit is that it answers the question, why? Or what if? (Jenkins, 2014).  

How does it work?

  1.   Study the data to see if there is an issue: A high bounce rate on the landing page.
  2.   Construct a hypothesis: Using the data, build a theory to achieve a goal. It can be one element or a complete redesign, but the less, the better (Optimizely, 2016).
  3.   Test the hypothesis using A/B Testing: Use control and a variation to better track and understand the true impact of the variation.
  4.   Analyze the data and draw conclusions: There is either a clear winner or no change. Either way, that does not mean A/B Testing is useless. 80-90 percent of A/B tests are counted as ‘failures’ (Fung, 2014). And are considered not statistically significant. The feedback drawn from the Testing will show if the company is on the right track and avoid wasting money and time (Fung, 2014).
  5.   Implement the choice and evaluate: Word of caution, the subsequent rollout is to the untreated half of the customer base, there expect the aggregate improvement of 2.5% if the test showed an increase of 5% (Fung, 2014).

Safeguards

Some people may see A/B Testing as a form of “manipulating emotions” (Constine, 2014). If one is to employ A/B Testing, ensure that there is an opt-out option for users. Companies should educate employees in ethical research methods (Constine, 2014).

References

Summit Doors Catalog

Summit Glass/Doors is a distributor and installer of door inserts & handles established in 2010, it has served mainly the GTA and the surrounding area.

I had to photograph over 80 products and edit the photos using Adobe Photoshop. I then designed the catalogue using Adobe InDesign, focusing on a clean and simple look. The main point of the catalogue was to be user-friendly. Having tabs, a thumbnail table of contents and dividing it into sections allows for easy usage for contractors and end-users.

Year
2021
Programs Used:
Adobe Photoshop, Illustrator & InDesign
Link:
Website

Disney Princesses/Heroines Business Cards

Just for fun, I thought it would be humorous if I made fake business cards for the Disney princess. I tried to imagine what job would fit with each princess and it was quite hard!

The Little Mermaid

arielfront

arielback

I’ve got whozits and whatzits galore. You want thingamabobs?
I got twenty.

I imagine Ariel as someone who loves old things and collecting neat objects. Shelves filled with wonderful objects and each with its own story to tell.

Beauty and the Beast

bellefront

belleback

Belle is a voracious reader and opens a book store to continue her love her reading. She always take great care in recommending books to her customers, and loves talking to them too.

Well it’s my favourite! Far off places, daring sword fights, magic spells,  a prince in disguise!

Mulan

mulanfront

mulanback

“We must be swift as the coursing river, with all the force of a great typhoon, with all the strength of a raging fire, mysterious as the dark side of a moon”

Teaching martial arts is a great passion for Mulan and she would be a great teacher as evidence in the sequels!

 

If you have any suggestions I would love to hear them.

Personal: dciman32.dll problem

As your computer gets older, it gets more problems. Perhaps it’s planned obsolescence, or I’m not a very good caretaker either way. I recently had a problem with my dciman32.dll being deleted, and I thought others might have had the same problem. So I decided to share my experience.

The Problem
My computer was shut down improperly, and the computer was rebooted. I did a CHKDSK scan as was recommended. I did it, and the following happens:

CHKDSK is verifying indexes

dciman32.dll in index SI30 of file 2233 is deleted

After it finished and I was able to access my computer. The first thing to pop up was a message telling dciman21.dll was deleted, and I should reinstall it to fix the problem. I was confused as the computer itself automatically deleted the file.

DO NOT DOWNLOAD AND REINSTALL IT FROM AN UNKNOWN SOURCE.

Anyway, It turns out I needed this file to run programs that relied heavily on graphics. I couldn’t open Adobe After Effects and was frustrated. After googling and trying some failed methods, I finally find the solution to my specific particular problem.

The Solution
It turns out all I needed to do was run a System File Check. It would be best to go to the start menu>command prompt> right click and run as administrator. Or the command prompt can be found in the accessories folder in the start menu.

1

At the command prompt, type the following command, and then press ENTER:

sfc /scannow
2881161
Do not close this let it run. It will fixed the corrupted file problem.
And that was it for me. Check out the following link by microsoft that better explains the process of system check here: https://support.microsoft.com/en-gb/kb/929833

Failed Methods

I tried some other methods that did not fix the problem and wasted my time. I tried these methods first because it was low risk, but so is the system scan. It was the following:

1. System Restore: I restored it to an earlier point did not fix the problem. I went to an even earlier point. Still the same pop-up message.
2. Updates: Perhaps, it was missing some updates. Nope, it wasn’t that.

I hope that was some help to you! REMINDER This was just for my specific situation and problem, there are other variations of the deleted dciman32.dll problem, and this method may not work for you. I wish you good luck, though, in finding a solution!

Indesign CS5 Tutorial: Document Settings

Setting up your job is an important part of Indesign. When you first open the program you are faced with this window. The Create New, on the right side has three options. Document, Book, and Library.

Document is for a single file, Book is when for example you have multiple chapter in one document and Library for now we will ignore. We will focus on Document settings here.

1

When you click new document you get this window:

3

These are the default settings. I’ll go through them one by one.

Document preset, right now it is set to Default which as the name entails is what the factory preset are. You can make your own presets if you feel you are going to use the same settings. You do this after you enter all the information you want about the document. The button Save preset to your right will allow you to do this.

Intent: Just as it says, what is your intention for this document? The options are as followed. Print and Web. Two obvious choices.

Number of Pages: How many pages is this thing going to have? Self explanatory.  The box next to it where it says facing pages. Facing pages determines the orientation of the pages panel. If you unclick it, it will appear as this.
4

If you click Facing Pages, you will have this set up. I prefer Facing Pages.

5

# Start Page – Self Explanatory. The box next to it is Master Text Frame, you probably won’t need to use this feature. But for completeness, the master text frame is used in the same manner as Master Pages (See Tutorial Here). But for me I haven’t had a chance to really use this function and don’t find it necessary. But when you choose the option the Pages panel will appear like this:

6

7

Page Size: Self Explanatory and intuitive if you used Microsoft Word before. You are telling the program what size you want your document to be. These are default pre sets for common printing. If you want custom size you just ignore the page size and go to width and height. Input the specifications. Orientation, there are two options portrait or landscape. Both you should be familiar with if you have used Word before.

8

Columns again should be intuitive if you used word or any Microsoft program. Gutter is the space between pages in the book.

avi as media gutter

You don’t want the gutter to be close or you won’t be able to see the words/pictures properly in the book. The gutter also depends on binding method and amount of pages.

10

Margins are the edge of the border. The link chain the middle of top and bottom vs the inside and outside tells the program to put the same numbers in the inside and outside as the top and bottom.

11

Bleed is the highly recommended. When the printing press cuts your project it won’t also be exactly that shape. If may be off a bit, like a couple of cms. You want to ensure that if that happens it will still be okay and there won’t be any extra white space. Again the linked chain works the same in margins. Slug is just extra space to put instructions or notes, usually used when you are working in a team.

EXTRA TIPS

As you may have noticed my settings are all inches. The default Indesign uses is picas. To change this go to top choose: Edit>Preferences>Units & Increments

12

13

 

While working with your project you may want to change the document settings.  You can do this by going to File>Document Setup. But you will only change a few of the settings. Some you won’t be able to change at all. So do it right the first time.

Okay, I think that’s it. If I am missing anything, have criticism, feedback, or questions. Please feel free to comment!

Indesign CS5 Tutorial: Master Pages

Adobe Indesign is the best way to go if you are making something that has a lot of pages. You won’t be able to keep track of them in let’s say Photoshop or Illustrator since they are separate in Photoshop.

A Master page is useful, because it acts like a blue print. Whatever you put on it will appear on every page that you want it to appear on. Therefore making you more efficient.

1. Make your document with whatever settings you want. A tutorial about setting up your document is here. When you chosen what you want, you will be face with this.

1

2. You want focus on the Pages Panel. Specifically the top where the Master Pages are going to be.

2

3. Double click where it says A – Master. It will open up onto the master document.

3

4. Now edit the master document to whatever you want. Usually templates are used such as page number and headings. I’m just going to put a rectangle.

4

5. As you can see it applied itself to every left page in the panel.

5

6. To have the the rectangle or whatever you want on the right page you edit the right page in the master document.

7, When the master is applied it automatically makes the other normal pages uneditable and you can only make changes via the Master Page. There is a workaround to that if you want to edit a specific page. You click CTRL + SHIFT on the object on the page you want to change and it will change it.

6

8. Say you have more than one template you want to apply to different pages. Can you make multiple masters? Yes, you can. Right click the top of the pages panel and select “New Master”.  And then edit it.

7

9. Once you are done to apply this to specific pages. Right click on that specific Master and choose “Apply Master to Pages…”

8

10. This will pop up and you specify what pages you want by putting for example “5-8”

9

 

As you can see the changes were made in the panel, and the document.

10

11. To delete master pages, select the master pages and click the trash can at the bottom the pages panel. And this goes for any other pages in the document.

11

 

And that is all folks. Have fun with Indesign!

Tutorial: How to Create PDF via different methods

There will be a time when you need to convert different file format to PDF because of school or work. Here are various methods of creating PDFs from different programs.

Microsoft Word: Office Word 7

In the newer version of word there should be an option to choose to save as a PDF.

wordpdf

Adobe Photoshop CS5

When you go to File>Save As there should be an option in the drop down menu to save as a PDF.

adobepdf

Adobe Illustrator CS5

When you go to File>Save As there should be an option in the drop down menu to save as a PDF.

illustratorpdf

Adobe Bridge CS5

If you need to combine multiple images, PDFs into one PDF. Adobe Bridge is your answer. When you open it you should have this open up.

ab

If you don’t see these go to windows at the top of the menu and have these options selected.

window

On the folders panel to your left, you choose the folder with your files that you want to combine. They should open up at the bottom in the content panel. To combine the multiple files click each file while holding the SHIFT key. The order you do them in, is the order that they will be come from first to last.

In the Output panel to your right, you select the options for your PDF such as size and quality under the document tab.

document

And then click save at the bottom. There are also on-line services that combine multiple PDFs if you don’t have bridge such as http://www.pdfmerge.com/

Google Docs

If you have a Google account (And you should really have one), you can create PDFs from there. Go to your Google Docs Account.

google-docs

Make your Google Docs or you can import a word document and edit it as a Google Docs. When you are in your Doc you go to File> Download As > PDF Document

pdfgoogle

Hotmail / Live 

They now have Microsoft Word On-line via your Hotmail email account. Go to Word On-line.

wordonline

Create your word document and just to File>Save As> Download as a PDF document.

Hope that helps! It’s easier to create a PDF now than it was before. Have a happy day.

Adobe Illustrator CS5 Tutorial: How to use the Pen tool

penil

The Pen tool in Adobe Illustrator Differs in how they work from Adobe Photoshop. It works differently to become a more versatile tool for illustrators. You can check out my tutorial for pen tool in Photoshop here.

Step 1: Setting up your Pen tool. Just like in Adobe Photoshop you have up how the “line” will look. Go to the colour picker portion of your tool box.

color

The white box here is the foreground colour, your main colour. The black box behind it is the background colour, or your outline colour. You can choose not to have one other other if you click the small box with the red line across it. The middle is a gradient, and the first is just one tone. The BACKGROUND colour is the one you are mainly working with if you are making outlines for your drawings.

Step 2: The most intuitive and easiest type of line to make is a straight line. You can also make perfect straight lines by holding SHIFT key.

green-line

When you move to make another point (aka anchor point) you might see the green line. This green line is the smart guide that allows you make even lines, basically pre-measures for you. It will tend to ‘snap’, meaning guide your lines to a certain area. If you do not want this go to View >Smart Guides and turn it off.

Step 3: You have to close the shape, to make a new shape unlike photo shop. You can circumvent this by pressing Shift + Command + A  to start a new path/shape. To make it disappear just click the line with the selection tool (Black arrow) and press delete.

i1

Step 4: If you want to move your points (the beauty of illustrator), you choose the Direct Selection tool from your tool box.

dirselect

 

Click it and click on your anchor point and just drag it.

i2

Step 5: To add an anchor point, you go back to the pen tool and just put the anchor point wherever you want.

Step 6: If you want to make curves, it will be very different than Photoshop.

t3t4

You make one point and then you click to make another point, BUT YOU DO NOT LET GO. Instead you drag to make the curve, and when you let go, your curve is complete. Your “handles” the two prong long edge with the two dark dots, help you change the shape of your curve. Play around with it and you will get the intuitive feeling of how the curve works in Illustrator.

Some other helpful tips is that you can just CTRL + Z to undo as many times as you want. Unlike in Photoshop where you can to go to the history panel to undo your mistakes.

Here are some other rad video tutorials on the pen tool, which I find helpful!

Enjoy learning Illustrator!

Adobe Photoshop CS5 Tutorial: How to use the Pen tool

t1Step 1: This tool you will often see and will use in Adobe programs. This is a basic tutorial on how to use the pen tool in Adobe Photoshop CS5, but previous versions of Photoshop will be similar to CS5. I often use Pen tool in Photoshop to do outlines but I prefer Illustrator. You can check out my pen tutorial for illustrator by clicking here. You can see how the pen tool works in Illustrator  Before you start using the pen tool. You will set your brush. To do this choose the brush tool. Which is this button.

brush

You will then go to the upper left corner and click the black arrow to let the drop menu come down.

toolbar

brushes

These are the default brushes. You can download custom brushes but for now these are the ones that you will use the most. Using the slider you can change the settings of size and hardness. Which are self explanatory.

Step 2: This will be intuitive, but you make a straight line by click on end and then clicking somewhere else creating the end of the line. This is your guide to how your line will look. Choose Right click and options would pop up choose stroke path. This will colour in the line. You can move the end points by click the point you would like to move and holding CTRL at the same time.

t2

 

If you don’t like the placement, just click enter and the line will disappear.

Step 3: If you want to create a curve line. Click in the middle of the two points.

t3

 

This will create a third point that you can now drag by click on it while simultaneously holding CTRL. This point you created is a called an anchor point. You can make as many you want. Then again, right click and pick stroke path to fill it in.

curve

 

You can also make a curve by holding and dragging the mouse like in Adobe Illustrator.

Step 4: You can rotate around the point by the two circles handing on the anchor point by clicking it and holding onto CTRL again.

t4

This is the simple basics of the pen tool. I will now go in a little bit extra on the other features of the pen tool. If you click on the black error of the pen tool in the tool box this will pop up. I will briefly go over what they do.

box

 

– The Freeform pen tool lets you simply write like you would on paper. You don’t have to make points and move them individually. This is great if you have a Wacom
, but not useful if you have a mouse. If you have a mouse use the regular pen tool.

– Add Anchor Point Tool is useless in my opinion. It does the job which I describe in Step 3.

– Delete Anchor Point tool. Does what it says, it deletes the anchor points you created.

– Convert Point Tool, when you click an anchor point with it. It makes the curve lines straight.

And one last tip. The shape tool works similar to the Pen tool and you should be able to pick it up relatively easy!

shape

Thanks for reading my tutorial, and have fun learning Photoshop!