Selasa, 04 Juli 2017

Yellow Sleeveless Dress


Yellow Sleeveless Dress

[music] hi everyone, it’s larissa from frugalicious,and this is the deal of the day. so i love reading all the comments that youguys are leaving on our giveaway post - sounds like a lot of you aresuper excited for maxi dresses this summer and i 100% agree. i just got anew one and i love love love it! so comfy and easy to wear, yet super summeryand flattering as well. buuut, i’ve definitely seen some priceyones. so i thought i’d spotlight a few of my favorite maxi dresses that i’veseen for under $40. check ‘em

out. love this belted maxi from overstock - it’sonly $35, plus shipping is always $2.95. it’s got a flattering necklineand i like the print because it’s busy and bright and summery. â  next i headed over to target (where you canshop if you win our $100 target giftcard giveaway) and saw this adorable tiedyed maxi by calypso st barth’s for target - remember bitsy andjess were talking about this? i am loving tie dye right now, and i also lovethese stripes - they’re diagonal and will help elongate your figure :) youwon’t be able to wear a regular

bra with this style, but the back is so cute! next i checked out jc penny - and i have totell you - they have such a great selection for very reasonable prices,including this blue tie dyed number for only $35. i know i know, i toldyou i was loving the tie dye! now this is very similar to the style fromtarget, and those diagonal stripes are going to be very flattering. and this nicole by nicole miller for only$30, so adorable. again, you’re going to have to go with a strapless bra,but that pattern is going to be very figure flattering.

last but not least i love this black jerseyfrom old navy for $37.99. the straps on this one are so interesting, i likethat the back is adjustable, and you could go with a thin strapped blackbra and it would blend in. plus the jersey fabric is going to be so comfortable.this dress has been at old navy for awhile, so you might want to waitfor one of their coupons - we frequently see those 25 or 30% off couponsthere so what maxi dresses are you guys loving thissummer? i’d love to hear from you! thanks for watching guys, happy shoppingand i’ll see you tomorrow!

Yellow Sleeveless Dress

xenero sydney web & app design


xenero sydney web & app design

singapore is amazing for food, there's everydifferent type of cuisine you could imagine and you can really feast there. i particularlylike some of the atmospheric places down by the river - indochine, cafe, restaurants onthe water there. dining in singapore, where do you begin? there's so many options, somany different areas, you've got little india and arab street. they've also got an amazingdumpling chain called din tai fung, which make the most famous dumplings in the world.the flight crew like to go to a place called fatty's it's a place we've been going to sincei joined qantas 30 years ago, and it's chinese seafood - it's brilliant, beautiful. one greatarea is in the business district which is called lau pa sat and there they have streetstalls that sells satays and all kinds of

seafood which is pretty good. there's thecasino building which has a great rooftop bar, there is waku ghin which is tetsuya'srestaurant which is in there, which i think is limited to 24 people, very exclusive, haven'tdone it myself, but i believe it's one of those things that is probably once in a lifetime.a good place for dining is maggie's it's a very popular crew haunt, chilli prawns andchill crab meat. you should definitely visit the ion orchard shopping mall, the food courtdown there is amazing with everything from crispy pork to the signature dish which isthe hainan chicken rice. spoilt for choice! you can eat upmarket or you can eat the stalls,doesn't matter where you go, it's fantastic, singapore is destination number one for foodin asia.

xenero sydney web & app design Building Custom WYSIWYG editor for Web with Slate Javascript Framework

Senin, 03 Juli 2017

wordpress web design app


wordpress web design app

- building a two sided market is probably the hardest thing you can do. a few weeks ago i organized a market place founders dinner. because i felt like there needs to be almost like an aa meeting type for those founders that have decided to build marketplaces. you know, like, and idon't know if you know

what a marketplace is butlike and etsy or an ebay or clarity, my startup. it's where you build a platformand you hope that people on the supply side and on the demand side come together to complete a transaction and get a lot of value from that. and the reason why it's so challenging is you've got both sides ofthe market to figure out. when you build a normal technology company

or you build any busines, you have a customer and you have a service and you deliver it. but with any marketplace you have that same concept times two. so, what i want to talk about is how do you do that effectively. i can only speak from my experience. i don't know if you'vechecked out clarity,

but clarity.fm wheremarketplace for entrepreneurs to get advice from experts, real world experts with experience, over the phone. to grow their dreamsand businesses forward. and we've completed over 250,000 calls in the last 18 months. it's been growing 30percent month over month. it's really taken on.

and the challenge thoughis in the beginning, is getting the fly wheel going, right. i mean everybody that's tried to start they always say like, in thebeginning how do you start? here's my suggestions to you. number one, focus on one use case, right. so, for us it was marketing as a topic but also within marketing seo. so, if you're doing avacation rental site,

like an airbnb, vrbo, or homeaway, maybe you would start with treehouses. now that sounds crazy. but you might even startwith treehouses in europe or even within a specific city in europe. but really focusing ona very focused use case and even a product set, helpsyou streamline the experience. because if you're tryingto do too many things within a broader market

and something's kind of taken off, it's really hard tounderstand what is working. once you know what's working, then you can add on orstack on, as i like to say. stack on is different tan gentle market so we started off with seo in marketing and then we added other types of marketing like facebook marketing, growth hacking, online marketing and content marketing.

and then from that,from a marketing bucket, we then tacked on businessdevelopment then sales. and we just kept expanding and expanding, whereas two years into it almost we have different, we havefour thousand categories and a bunch of different topics. that's the way i believe to start, by building a very focused use case, focused on doing one thing really well

and making it niche. sometimes people call ituncomfortably narrow as a niche. so, try to think, am ireally uncomfortably narrow as how specific thismarketplace deliverable is. the other thing that i would say is focus on the demand side. you know, a lot of peoplethey think ok well, i want to do this kind of marketplace. i need a bunch of supply

and supply is the peopledelivering the service. if it's buyers andsellers, it's the sellers. and i would argue thatit's better and easier if you focus on narrowoffering, to fake the supply or essentially pay the supply to be there. i mean uber was famous for, you know when they started their black car service they didn't have ten thousandblack cars signed up day one. they went to a company and said,

look, you've got twelve cars. how about i pay you tojust have them respond to these messages on thisiphone app that they gave them. and then that black carservice would just tally up all the drives and send them one invoice. and that was the beginning of uber, now a multi-billion, ithink they just raised that, 60 billion dollar valuation. companies started with that same concept.

so, fake the supply or restrict it to a very specific usecase, where you can control and deliver on that promise and focus on the demand. focus on finding the idealcustomer that has that use case that need, for your marketplace. you know, those are the two big things. and then the third thing i'm gonna say is i believe the world hasgone from a 1.0 version

of a marketplace, to a 2.0 to now what we're in a 3.0. and a 3.0, well, i'll start with a one. one was ebay, one was craigslist, where it was kind of a free for all. a 2.0 is more like a curated, very focused marketplace. with identity and privacy and trust. which would be more likean airbnb or an etsy

or kind of like where they'releveraging social trust to build liquidity in the marketplace. the third kind is what we're seeing now where essentially they'refixing the supply side of what you get. and that would be homejoyfor home cleaning services, uber and lyft for delivering, where i guess the way to lookat, is they set the price. whereas, in taskgrab itwould be a 2.0 example.

but a three is where you saylook, this is the offering. this is what we deliver on. we own that brand, that consistency. those people might be contractorsto us on the supply side. but we will own the experience. we will be responsible for that and the price is fixed. so, there's this consistent ever going ... i mean another example will be fiverr.

when you go to fiverr,it's like the name says it. how much is it gonna cost? it's five bucks, whatever you want. so, fiverr is an example of a 3.0. if you haven't checked outfiverr you gotta do it. i mean, you're gonna probablyspend the next three hours ... if you haven't been there, start watching some of the crazy videos. but, fiverr is an exampleof, here's an example ...

a 2.0 version of fiverr would be odesk. but what they said is look, no, we want to reduce thefriction and build liquidity. and they said everything's five bucks. everything's bought in this format. you know what you get. the person's offeringis exactly that thing. and when you take the first, all these strategies put together,

it really helps you build amarketplace with liquidity. one, focus on a very uncomfortably narrow niche offering. two, focus on the demandside versus the supply. and then third, figure out areyou a 2.0 or a 3.0 offering. and it's even easier sometimes to go three and maybe back to a 2.0. anyways, those are my ideason how to build liquidity in a marketplace is challengethat a lot of entrepreneurs

and founders are facing right now. and i hope that brought valueto you, leave a comment below. if the number one take awaysyou got from this video and i hope that you continueto growth stack your success and you live a passionate life. have an amazing day!

wordpress web design app jQuery Plugin to Create Image Gallery, Pull Image from Flickr and Picasa (Google+)

White Sleeveless Turtleneck Dress


White Sleeveless Turtleneck Dress

(this video has no speaking; music only)

White Sleeveless Turtleneck Dress

White Sleeveless Dress


White Sleeveless Dress

hi everyone! welcome to wendy's lookbook. we are doing a vintage wendy's lookbook episode. we're filmming at home. with manni, she's back. i actually think her fashion sense grew significantly since we last saw herwith manni, she's back. i actually think her fashion sense grew significantly since we last saw her she's wearing a belt dress now. but we actually just moved. we moved about a few weeks ago. and the old place, it was not that much lighting

so it was really hard for us to film at home. but the new place has bigger windows so we plan to film at home more often. and i know what you're thinking you're probably wondering why i'm wearing heels. it is not a trend, i do not wear heels at home with my pajamas. we're doing a little magic so you will see why i have to maintain the same height. today we're going to play with one of my favorite pairings boop!

a dress. and we're going to style it in multiple ways. traditionally a dress is really worn at it's own. but i really like the creative challenge of finding new ways to wear it. so we're going to wear it as a skirt, as a top and also as a tunic. and this really maximizes our variety of items in our closet.

so manni, i'm going to borrow it back from you. and... boop! this is the foundation to our pairing episode and this dress is by msgm. i am always in awe, with his creations. i think he's so artistic. for this dress he used three different lace colors and created a bandage shift dress.

i've been searching for lace dresses for so long i've never seen a pattern like this before. it's one of my favorite dresses in my closet. this concept works well with any dress, it doesn't have to be a lace dress. but for the best result make sure the dress has more of a slimming silhouette. we're going to move on and turn this into a top. voila! it is now a top. i just added a flair skirt over it.

and it really works with a pencil skirt and also a maxi skirt. but for this pairing i wanted to use the same color pairing as the lace. so i'm adding blue to match. to give it kind of a nice, harmonious tone. so we're going to turn it the other way around and make it a skirt. boop! and now we have a skirt. we can pair basically almost any top with it. put a blouse on top...

but for this outfit, i really like adding a sweater, mainly because i like creating the juxtaposition between the more conservative piece on top and the modern lace bottom. and we're creating a peek-a-boo effect it's actually one of my favorite things, by pulling the sleeves downwards and having the sweater rest just on top of it. and the belt, actually, not only to cinch our waistline

but it actually helps secure the sweater onto the dress itself. and now we're going to create a tunic for our next pairing. and now it is a tunic. so basically we're shortening the dress by adding a belt actually underneath. right here. and we're rolling the extra fabric over it, to hide the belt, and at the same time it shortens our dress,

creating the more tunic look. we're adding leggings underneath and a nice jacket over it. i like the leather jacket because again it creates a dynamic contrast with the delicate lace. so it gives it kind of a chic city girl look. we're adding an orange clutch which is a complimentary color to blue. to give us that pop of color.

thank you so much for joining me, i hope you had fun! really transforming a dress different ways just adds so much variety to our outfits. but thank you so much again, i'm going to change back to my pajamas now. boop. oops! uhhhh.... whew! that's better.

thank you so much again! and i hope you have fun playing with your dress. see you soon on youtube-land. bye!

White Sleeveless Dress

Jumat, 30 Juni 2017

White Lace Sleeveless Dress


White Lace Sleeveless Dress

hello everyone. in this video i’ll show you how to knit a sweater. the written instruction how to make this top is available at: interunet.com/how-to-knit-lace-sweater i’ll knit the sweater from the bottom to top. for the bottom ribbing cast on loosely one hundred twenty stitches, or any even number of stitches. for the first three rounds just knit all stitches to end. again, first three rounds – just knit all stitches to end.

fourth round. purl one, knit one to end. fifth round. purl one stitch, and slip one stitch. for that, slide this knit stitch from the left needle to the right one without knitting it. so, skip that stitch, purl one,

and then just alternate – slip one stitch, purl one stitch to end of the round. i knit fourteen rounds for the ribbing, and now i will increase ten stitches to have one hundred thirty stitches in total, or multiples of thirteen stitches. for that – knit twelve and yarn over. after you knit twelve stitches, do yarn over to increase one stitch, and then again

knit twelve. that way – knit twelve, yarn over continue to end of the fifteenth round. at the end of the fifteenth round work last yarn over. sixteenth round. the repeat for the sixteenth round will be – knit one, then yarn over, knit twelve. after you knit twelve,

do again yarn over, knit one, yarn over, and again knit twelve, yarn over. that way continue to end of the round. again, my repeat for the sixteenth round is – knit one, yarn over, knit twelve, yarn over. and for the seventeenth round just knit all stitches to end. the repeat for the eighteenth round will be – knit two, yarn over, knit twelve, yarn over, knit one.

so, knit two, yarn over, knit twelve. after the knit twelve again – yarn over, and knit one. then just repeat the process again – knit two, yarn over, knit twelve, and so on to end of the round. again, for the eighteenth round my repeat is – knit two, yarn over, knit twelve, yarn over, and knit one. for the nineteenth round knit all stitches to end. the repeat for round twenty will be –

knit three, yarn over, knit twelve, yarn over, knit two. knit three, after the knit twelve stitches, yarn over, and knit two. then just repeat the pattern, again – knit three, yarn over, knit twelve, and so on. for the twenty first round knit all stitches to end. the repeat for the twenty second round will be – knit four, then knit two stitches together six times, and then knit three.

knit four. then knit two stitches together. one, two, three, four, five, six, and knit three.

then continue knitting the repeat. knit four, knit two stitches together six times, knit three to end of the round. twenty third round. knit one stitch, but wrap the yarn around your right needle twice to make the loop longer. and that way continue to end of the round. again, knit second stitch, and again wrap twice.

knit the twenty fourth round as your sixteenth round, but before knitting the very first stitch, make the loop longer first, and then knit. then, yarn over, knit twelve, yarn over to end of the round. the repeat for the twenty fourth round is – then just repeat the pattern starting from the seventeenth round. so, knit all stitches to end.

then work twenty sixth round as eighteenth round, and so on. i repeated the pattern ten times – one, two, three, four, five, six, seven, eight, nine, ten. and one repeat is eight rounds. i worked my last round as my twentieth round. now i will begin knitting rows instead of rounds to work my front and back parts. for each front and back part

work half of your stitches or five repeats – one, two, three, four, five. to work rows, it is necessary to increase three stitches. at the very end of my last round i will increase two stitches. yarn over, and knit one. then turn your work to the wrong side, and purl all stitches to end.

and again, i will use five repeats. i worked five repeats, and at this moment my repeat is nineteen stitches. and i increased two stitches from this side. now i will increase one stitch from this side to have multiples of nineteen stitches plus three additional stitches, or ninety eight stitches in total. then turn.

for the second row slip one stitch, then, knit four, and continue the pattern regular way – again, knit two stitches together six times, and so on. at the end of the second row, after last knit two stitches together six times, knit last five stitches, and turn. third row. slip one stitch, and then purl stitches, but wrap the right needle twice.

at the end of the third row, just purl last stitch regular way, and turn. fourth row. slip first stitch. then knit one, after the knit twelve yarn over, knit one, yarn over, knit twelve, and so on. at the end of the fourth row,

after last yarn over – knit one, knit very last stitch, turn, and then just purl all stitches to end. row six. slip first stitch, knit two. then yarn over, knit twelve, and so on. continue the pattern regular way. at the end of the sixth row work last yarn over, and knit three. then purl all stitches to end.

eighth row. slip one stitch, knit three, at the end of the eight row, after last yarn over, knit four. on a wrong side just purl all stitches, then repeat the pattern starting from the second row. after you repeat the pattern three times, knit two more rows to work your last row as your second row,

where you have knit two stitches together six times. for the twenty seventh row – purl all stitches to end regular way. again, for the twenty seventh row, just purl all stitches to end regular way. row twenty eight. knit one to end of the row. this is the end of your twenty eighth row.row twenty nine. slip the first stitch as usual,

and then slip second stitch also, but place your yarn in front of your work, and then slide this stitch from the left needle to the right one without knitting it. slip one stitch, yarn in front of your work, knit one, and so on to end of the row. at the end of your twenty ninth row slip one stitch, knit two,

now just alternate your twenty eighth and twenty ninth rows. so, again – purl one stitch, knit one stitch to end of the row, and so on. work rows for the back part, as you did for the front one. to work rows again increase three stitches – two stitches from the left side, and one stitch from the right side. from the left side – attach the yarn, and increase two stitches.

yarn over, and knit one. then turn your work, and purl all stitches to end, and then again increase one stitch, and continue working rows regular way. after you knit about twelve long rows of the pattern, use sixteen stitches, and work eight more short rows for the back shoulder piece. then cast off all the sixteen stitches.

for that – knit two stitches together. then place this stitch from the right needle back to the left one. then just repeat the process again – knit two stitches together, and then put this stitch back. continue to end of the row. now you may cut the yarn and secure it, and then attach it here, and cast off all the stitches to last fifteen stitches, or use a crochet hook, and work slip stitches down.

then place the stitch to the left needle, and continue casting off. then work second shoulder piece, as this one. knit the front shoulder piece, as you knit the back shoulder piece, but work six short rows instead of eight short rows. then cast off all the stitches, and join two shoulder pieces together. for that you may sew it up, or use a crochet hook.

knit each sleeve, as you worked the body. first, cast on loosely thirty stitches, or multiples of two stitches, using double pointed needles, and work the bottom ribbing. after that, increase nine stitches to have thirty nine stitches in total, after that, use circular needles, and work the fan stitch until you knit the desire length of the sleeve. finish knitting the sleeve

with the twenty first round. this is the widest round of the pattern. then join the sleeve into the garment totally the same as you join shoulder pieces together. start joining the sleeve from the underarm, and work that way to end. for the neck edge pickup stitches, and then cast them off, or use a crochet hook, and work single crochet.

ones you joined sleeves into the garment, and knit the neck edge, the sweater is ready, and thank you for watching.

White Lace Sleeveless Dress

what's the best web design app


what's the best web design app

- most design software these days has moved to being availableon a subscription model, meaning that you pay monthly or yearly and you get upgrades asthe software is improved, rather than just purchasingoutright, one specific version of the softwareand owning that for life. this model has its pros and cons. on the plus side, it's good to be able to keep up with

the latest releases easily without having to fork out for a whole new version of the software. but then also paying every single month, these costs can really add up. you're paying for access, rather than paying to own the software. really though, we don't have a choice, because, like i said, most design software

is moving towards thatsubscription model these days. so, for this video i've decided to do a bit of a stock take of the apps & software that i'm subscribed to and tell you a bit about them. the most expensive software i use is adobe creative cloud and it's kind of fair enough that it's the most expensive,

because it's also probably the one that i use the most. i actually got a freeyear's subscription to this at vidcon, which is pretty exciting, but when that runs out, i'm going to be having topay 45 pounds 73 a month, which is obviously quite steep. i also have a subscriptionto this through work, but obviously work pays forthe one that i use there.

adobe does offer a muchcheaper subscription if you only want to use one or two apps. i think you can pay like15 pounds or something per app to access them. but, i end up usingphotoshop, illustrator, indesign, adobe premier, after effects, maybe lightroom everynow and then as well. so, it's worth it for meto have the full package. i know some people havestuck with the older versions

before they moved tothe subscription model, but i do think that theupdates that they've done in creative cloud are worth it. things run much smoother and much better and there's much better features now. so, i think it's worth it ifyou do design professionally. and if you're still studying, they do have a student price as well, i'm not quite sure what it is,

but i know it's a lot cheaperthan 45 pounds a month. up until a few years ago, adobe was actually the only design software that i really used, butthen sketch came along. and i've done a video all about sketch. like a 101 tutorial, that i'lllink to on a card up there for you to go watch. this is what i use for web design. sketch fairly recently moved to a more

subscription type model. but it's kind of differentto how adobe does it. instead of paying for access, you're paying for upgrades in a way. you pay $99 and thatgives you a year's worth of upgrades. at the end of that year, you can just keep using thesoftware as much as you want, you just don't get theupgrades from then on

if you don't wanna keep paying for them. i really like this model they've chosen. because it means that it's much easier for people to access the software without having to basically commit themselves to a lifetime of paying for it. but then, professionals are obviously going to keep upgrading, and keep paying per year,

because they want touse the latest updates and the latest features. i love sketch. it's a huge help to my web design process and i'm going to be makingmore videos about it for sure, with some more tips and tricks and things. so, let me know what you'dlike to know about it, i suppose, and i'll makesure that's included in the video.

next up, something else iuse at work is invision. and this is a web app service, i guess you'd call it, for prototyping and gatheringfeedback on designs. you upload your webdesigns into the software, you can make linksclickable to jump around between pages. you can make little notesso that when you send it to someone they'vegot some context behind

what you were doing in specific parts and people that you share itwith can also leave comments, which is really useful. i use this for gatheringall feedback on my designs, so that everything is in one place. at work, we're on the $25 plan which gives us unlimited prototypes, but they do have cheaper ones as well. and you can actuallyuse it for free if you

just have one project thatyou need to put in there. another one at work is the noun project. noun project is a site where people upload vector icons for different things and you can just searchfor whatever object that you need an icon for and there'll be many differentoptions to choose from. they're mostly available under the creative commonslicense if you want

to just use them for free, but if you'd like to just use them in your project without havingto put the little line of credit anywhere, then you can subscribe to noun pro. you pay a fee of $9.99i think it is per month, and you get access to allof the icons you want. i prefer to create my own icons, but i often use this as a starting point,

as a reference or forquick things to go on social media for examplethat don't need me to spend a lot of time on them if there's already somethingthat's perfectly suitable waiting in the noun project. next up is teuxdeux, which just like it sounds,is a to do list app. i first started usingthis when you just paid a fee to download the iphone app

and then you could access it. they moved to a subscription model though, to be able to keep funding it and keep developing it. and it's only $2 a monthwhich is pretty cheap. it does sound strange, i know, that i pay to use a to do list app, because i know that there are many, many free ones out there,

but honestly, this is the one i love. this is the one that keeps me organized, so i'm perfectly happyto pay that $2 a month to be able to use it. the last app i'm subscribedto isn't design software, but i guess it's kindof about productivity, and that is spotify. i find that having musicon in the background is vital to my design process.

it can help block out therest of the office noise. it can help me focus. you know, i've got certain play lists that if i need to get inspired or if i need to concentrate, and that's why i'mincluding it in this video. and that is nine pounds 99 a month. so that is the softwarethat i'm subscribed to, i'd love to hear if your list is similar.

if there's other thingsthat you pay for monthly or yearly that perhaps i didn't mention, leave them down below in the comments, that'd be interesting to hear about. i am going to be doinganother video in the series all about the free apps that i use as part of my process, so stay tuned for that. give this video a thumbsup if you enjoyed it.

and if you're new to my channel, please make sure you subscribe because i make new videos aboutdesign every single week. and i guess i will seeyou in the next one. bye.

what's the best web design app Killer Resources for Optimizing W3 Total Cache into Next Level

website design and development in gurgaon


website design and development in gurgaon

all right, here's the secondcompany that we're going to take a look at, curofy. curofy is a startup based out of india. the company offers a mobile app similarto linkedin, except it's exclusively for doctors. doctors can search for each other,discuss and refer cases, and stay informed of medical news. which type of the ideas that wediscussed, do you think apply to curofy? check all the idea types that apply.

website design and development in gurgaon WordPress 4.0 Rumor and News on the Web

Kamis, 29 Juni 2017

website design and development guide


website design and development guide

hey guys its jp here, your typical web designer.today were gonna talk about pricing for freelance web designers. are we to charge by the houris it a fixed rate and why do people charge $100 for a website what do they do? and isit ok to charge more for bigger companies and less for smaller companies? im gonna talkabout the best pricing strategies to have your customers happy for you to earn more.don't forget to subscribe. let me be honest, it is perfectly ok to chargemore for bigger clients, why? they have money. bigger clients. im not talking about placesto just ripoff like a bakery, im talking about commercial people. when someone operates inthe millions they have a certain budget to spend on advertising and your website is oneof those things. what you don't want to do

is approach these businesses with a $500 website.thats what i mean. so what you need to do is know your hourly rate or set a minimum. i'll start with the hourly.for me personally, my hourly rate is about $50 usd and that may vary based on where you live your cost of living etc. think in america that's a good price, caribbeansame thing. if you're in india or other places where the competition is high and rates arelow i think $10 or $20 an hour is a good rate. when it comes to my hourly rate i tend toset a minimum # of hours id work or a minimum number of hours id work for a job. now theminimum of many freelancers is around say $600 usd or $1000usd or even $2000usd. itdepends on how capable your are and how much you know you can make [develop] based on thebudget. some websites are more complicated, sometimes there isn't even much to do. sometimesyou don't even need to add code sometimes you do..

sometimes, the client doesn't really care. a lot of timespeople wants a website that looks a certain way and you can use magento, drupal,wordpress, joomla, it doesn't really matter just know that you have a minimum hourly ratethat your client would know ahead of time and you're gonna ask what their budget isupfront. then you're gonna take some time like around a day or two then you get back to them and say this is how much its gonna cost... but don't tell your basic minimum fee. just say this is how much the websites gonna cost is know your hourly rate or set a minimum. an estimated number of hours worked, thatsfor you to work out, i can't tell you what that is but i don't do a website for lessthan $800. sometimes you can compromise and go a little less based on who they are, butwebsites generally should not lower the industry average. they tend to take a lot of work,it takes a lot of design involved, ux/ui,

and especially if you put those things intoconsideration you can charge a hella lot more. one more tip, have options. for me i havetiered pricing, ill give you an example. a standard website would run you off say $1000.if you want to have e-commerce to be setup and stuff like that, its gonna cost aroundsay $2500 for your ecomercce to be setup and stuff like that, and if its a bigger companyexpect to pay 2500, 3000 and even more depending on the size. but i don't stray from my rangesbecause i don't wanna have, i mean, that can give you a bad reputation so you wanna staywithin what you know as a web designer and allow yourself room to grow without turningoff potential customers. always remember its ok to charge more for bigger companies don'tworry, don't charge too low because they won't

pay attention to you and don't charge toohigh because when bidding is happening you're gone. always set a minimum hourly rate, say$30, $40 usd. which should set you around $1000usd. which should net you a $1000 perwebsite. set a minimum website fee. dont work for too little otherwise you're gonna getbad clients and people are gonna take advantage of you. have options, tier your pricing, layerdifferent things. and if you're gonna have those packages customised charge your hourlyfees to add to that. so the key is to have your options and to be kinda straightforwardyou won't turn clients off. don't rush anyone by the way to buy a site, they're not gonnabuy from you. thats it guys thats how you charge for web design, you should be gettingclients that shouldn't be turned off by you because

you're fairly flexible but you're to the point.stay tuned for more updates and i can't wait to see you guys next time with more videoson web design and freelance tips.

website design and development guide WordPress 4.0 Rumor and News on the Web

website design and development company in gurgaon


website design and development company in gurgaon

hi one of the main objectives of nad is empowering the deaf people so, nad and my company collaborated for website development/maintenance. my company, inspiralive also has the same goal, that is empowering the deaf people. inspiralive has a team of deaf professionals in: computer graphics photography and website designers/programmers so, now you see that in nad attractive website,

the news and information are not randomly displayed. at first, the news are collected and brought to nad executive committee and general secretary for review. after their approval, the information is then posted on website. i would like to thank the deaf people in team who worked very hard to ensure perfection in website i also would like to thank the sponsoring companies for their support in development of the website.

website design and development company in gurgaon How to Capture Idea : Evernote App vs Hard Paper Notebook

web und app design


web und app design

hey, what’s up, john sonmez from simpleprogrammer.com. i have a question for you about web developmentor software development. let us choose. this question is from—oh, this is a veryinteresting name. i think it’s lyubomir. that’s pretty cool. sounds like he could probably on lord of therings or something, sounds like an elfish name lyubomir or maybe a dwarf. anyway, he says, “hello john!”

exclamation, i like that. start with an umph! “i really like your videos and the advicesthat you are giving. wish you the best and a lot of success toyour productive channel.” thank you. “i am a 19 year old male, who is about tostart university in 3 months with major in informatics. i saw the curriculum of it and i am goingto study a lot of c++ and java. the problem is that i want to become a webdeveloper (probably backend), but i also love

software programming, using algorithms andloops. i had little experience in c++ programmingin the past for about 3-4 months and i find it really cool and fun. on the other hand i like web development too,but i suck at design. my first question is what should i choose:web development or software development? can you go in depth about their pros and cons? can i learn c++, java, etc. and few web languagesor do i have to specialize in one area? and can i be a frontend developer withoutdoing design and working with softwares like adobe photoshop?”

i already answered the second question. as far as web developer i’m not going toreanswer that but you can definitely checkout the video that i have about can you be a webdeveloper without design skills. the answer is yes, you can. but now, to choose between software developmentor web development. it’s kind of a nitpicky phrase. is there really a difference there? i think what he’s talking about is reallydoing kind of backend type of development versus frontend.

i did a video on backend versus frontend. you can check that out here just to get somemore context. but between choosing the 2, it doesn’t reallymatter all that much. what matters is the specialty that you pickand this kind of addresses the bigger question here is what are you going to specialize inand what are you going to choose? because even if you just said web developmentyou’re not just going to become a generic web developer, you’re not just going tobecome a generic software developer. you need to have a specialty. again, i’ll point you to my playlist onspecialties which you can check out here.

it’s ever growing as more and more of thistopic is discussed, but there’s a lot of good information about there. if i had to choose today between going theweb route or more the backend route it’s a tough one. i personally think, this is just my personalopinion here at this point. i think it’s a lot more fun and interestingto work on algorithms and to work on the backend stuff. in my career, i did software development for15 years, more than 15 years. i had a lot more fun working on like comingup with the algorithms and designing the architecture,

the stuff that you didn’t see because ifelt like it required more brain and more thought and more—it was more challengingto me. i’ve always liked that type of challengethat’s presented by that, to come up with the design of the architecture, to build thethings, to unit test them and make sure that that works. to me that’s always had the bigger appealbuilding these kind of things that are not visible but are still critical to an application. that’s my personal opinion. i think that’s more fun.

when i’ve done web development i actuallydid a video on i hate web development. i was talking about this a little bit. a lot of web development just—again, someof you are going to argue with this. that’s fine. that’s cool. this is just my opinion. but in my opinion what i’ve seen as a lotof web development is doing crud type of stuff where you’re basically wiring up stuff toa user interface and then making it work and then doing the design components and fiddlingwith why does this button not work or why

is this not showing up correctly. there’s some challenge and there’s somefun in that. i don’t want to say that it’s just total—andthere’s some excitement. there’s a feeling when you’ve createda web page, you’ve created a web app and it works and you go to the website and it’samazing because you created this thing and you’re seeing it working. there’s that, but it’s a little bit moreboiler plate, it’s a little bit less challenging for those of you that want that challenge. again, not to say that there’s not challengeespecially with some of the javascript frameworks

i know with react and angular stuff, there’smore architecture built into the frontend. we’re kind of blurring the lines there. in that case, i could see that. i haven’t actually worked a lot with reactso i can’t really talk to that, but in general, i find that web development is more of themaking the things work and translating directly from the requirements, i need to build a pagewith this button that does this thing to the code and the markup that makes that happen. whereas the backend stuff that you might dothat is not visible to a ui is going to be more like, okay, you’ve got these big requirementsand ideas and now you have to come up with

this architecture and stuff. that may appeal to you more. again, it depends on you. if you’re creative and you like design anddevelopment type of stuff, maybe that creativity will be sparked in web development. but if you’re a different kind of creativeand you like the problem solving, deep algorithm type of stuff then the backend stuff is probablygoing to be more appealing to you. that’s what was more appealing to me, although,like i said, i’ve done both and i’ve enjoyed both in my career.

i just would prefer, if i had a choice, ifsomeone said, “okay, you can only do 1 kind of development for the rest of your life”i’m going to skip the web and all of the problems and complexities of that and i wantto work on the pure backend stuff. that’s just me. what about you? leave a comment below nad let me know whatdo you prefer. let’s take a vote here: web developmentor nonweb development, software development. i don’t know if we should divide it thatway. we can say frontend or backend.

what are you, a frontend or backend? what do you prefer? also, out of curiosity, what are you doingnow? are you doing what you prefer? because i’m curious of how many of you arenot doing what you actually would prefer to do. leave a comment below to let me know. if you like this video, click the subscribebutton. you’ll get more videos like this, 2 to 3a day, and i will talk to you next time.

take care.

web und app design Weekend #1 Photo Party : Village and Nature

Rabu, 28 Juni 2017

web development infographics design


web development infographics design

hey, what’s up, john sonmez from simpleprogrammer.com. i have a question for you about web developmentor software development. let us choose. this question is from—oh, this is a veryinteresting name. i think it’s lyubomir. that’s pretty cool. sounds like he could probably on lord of therings or something, sounds like an elfish name lyubomir or maybe a dwarf. anyway, he says, “hello john!”

exclamation, i like that. start with an umph! “i really like your videos and the advicesthat you are giving. wish you the best and a lot of success toyour productive channel.” thank you. “i am a 19 year old male, who is about tostart university in 3 months with major in informatics. i saw the curriculum of it and i am goingto study a lot of c++ and java. the problem is that i want to become a webdeveloper (probably backend), but i also love

software programming, using algorithms andloops. i had little experience in c++ programmingin the past for about 3-4 months and i find it really cool and fun. on the other hand i like web development too,but i suck at design. my first question is what should i choose:web development or software development? can you go in depth about their pros and cons? can i learn c++, java, etc. and few web languagesor do i have to specialize in one area? and can i be a frontend developer withoutdoing design and working with softwares like adobe photoshop?”

i already answered the second question. as far as web developer i’m not going toreanswer that but you can definitely checkout the video that i have about can you be a webdeveloper without design skills. the answer is yes, you can. but now, to choose between software developmentor web development. it’s kind of a nitpicky phrase. is there really a difference there? i think what he’s talking about is reallydoing kind of backend type of development versus frontend.

i did a video on backend versus frontend. you can check that out here just to get somemore context. but between choosing the 2, it doesn’t reallymatter all that much. what matters is the specialty that you pickand this kind of addresses the bigger question here is what are you going to specialize inand what are you going to choose? because even if you just said web developmentyou’re not just going to become a generic web developer, you’re not just going tobecome a generic software developer. you need to have a specialty. again, i’ll point you to my playlist onspecialties which you can check out here.

it’s ever growing as more and more of thistopic is discussed, but there’s a lot of good information about there. if i had to choose today between going theweb route or more the backend route it’s a tough one. i personally think, this is just my personalopinion here at this point. i think it’s a lot more fun and interestingto work on algorithms and to work on the backend stuff. in my career, i did software development for15 years, more than 15 years. i had a lot more fun working on like comingup with the algorithms and designing the architecture,

the stuff that you didn’t see because ifelt like it required more brain and more thought and more—it was more challengingto me. i’ve always liked that type of challengethat’s presented by that, to come up with the design of the architecture, to build thethings, to unit test them and make sure that that works. to me that’s always had the bigger appealbuilding these kind of things that are not visible but are still critical to an application. that’s my personal opinion. i think that’s more fun.

when i’ve done web development i actuallydid a video on i hate web development. i was talking about this a little bit. a lot of web development just—again, someof you are going to argue with this. that’s fine. that’s cool. this is just my opinion. but in my opinion what i’ve seen as a lotof web development is doing crud type of stuff where you’re basically wiring up stuff toa user interface and then making it work and then doing the design components and fiddlingwith why does this button not work or why

is this not showing up correctly. there’s some challenge and there’s somefun in that. i don’t want to say that it’s just total—andthere’s some excitement. there’s a feeling when you’ve createda web page, you’ve created a web app and it works and you go to the website and it’samazing because you created this thing and you’re seeing it working. there’s that, but it’s a little bit moreboiler plate, it’s a little bit less challenging for those of you that want that challenge. again, not to say that there’s not challengeespecially with some of the javascript frameworks

i know with react and angular stuff, there’smore architecture built into the frontend. we’re kind of blurring the lines there. in that case, i could see that. i haven’t actually worked a lot with reactso i can’t really talk to that, but in general, i find that web development is more of themaking the things work and translating directly from the requirements, i need to build a pagewith this button that does this thing to the code and the markup that makes that happen. whereas the backend stuff that you might dothat is not visible to a ui is going to be more like, okay, you’ve got these big requirementsand ideas and now you have to come up with

this architecture and stuff. that may appeal to you more. again, it depends on you. if you’re creative and you like design anddevelopment type of stuff, maybe that creativity will be sparked in web development. but if you’re a different kind of creativeand you like the problem solving, deep algorithm type of stuff then the backend stuff is probablygoing to be more appealing to you. that’s what was more appealing to me, although,like i said, i’ve done both and i’ve enjoyed both in my career.

i just would prefer, if i had a choice, ifsomeone said, “okay, you can only do 1 kind of development for the rest of your life”i’m going to skip the web and all of the problems and complexities of that and i wantto work on the pure backend stuff. that’s just me. what about you? leave a comment below nad let me know whatdo you prefer. let’s take a vote here: web developmentor nonweb development, software development. i don’t know if we should divide it thatway. we can say frontend or backend.

what are you, a frontend or backend? what do you prefer? also, out of curiosity, what are you doingnow? are you doing what you prefer? because i’m curious of how many of you arenot doing what you actually would prefer to do. leave a comment below to let me know. if you like this video, click the subscribebutton. you’ll get more videos like this, 2 to 3a day, and i will talk to you next time.

take care.

web development infographics design How to Capture Idea : Evernote App vs Hard Paper Notebook

web development and graphic design company


web development and graphic design company

web design company in chennai web design chennai logo design chennai

web development and graphic design company Building Custom WYSIWYG editor for Web with Slate Javascript Framework

web design with sketch app


web design with sketch app

hey digital fam, my name is john d saunders and in today's digital block, we talk about how to present client website mockups with one easy and free tool. so, you've started a brand new web or app design project for a client or your business. at 5four digital we follow a five step approach to web development, which you can find out more right....there. it almost always starts with the concept. it's basically where we work with a client to lay the ground work of the website look and feel as well as the user experience. now, a long time ago, we used to build out sites with the information provided by the client. so, if the client didn't like the design or the look and feel, then we basically had to start again and develop the entire

website over. yeah, [loud beep] that. so, fast forward to now. our process includes a complete wireframe or website mockup we create in photoshop the client can visually see and interact with. that way, they can make any fundamental changes or tweaks based on a real, live view of the site. plus, it works out for our team because we don't have to do any type of development, just design work. so, how do we do it? one awesome tool: invision aka the most bad-ass software on the planet; oh, and it's free. invision lets you create web and mobile, ios, and android designs into clickable, interactive prototypes and mockups. so you're able to share and collaborate on them with others. it's a

really intuitive tool that anyone can use; yes, i mean anyone. we have had clients who aren't super computer savvy breeze through the system. so, in this episode, i wanted to do a quick dive into a few projects for you to check it out. let's go! alright, so the first thing you want to do is go to .invisionapp.com. that will bring you to their homepage of course. then you are going to hit signup free. the way invisionapp works is you get one prototype forever for free. now if you want to have multiple prototypes at once, let's say you have a web design project, and app design project, maybe a few others, you might want to go for a paid account. the pricing structure is as follows: one prototype is of course free. the starter is three prototypes for fifteen bucks, professional is twenty-five and so forth.

so when you hit signup free, you will be able to log into your account. the next thing you want to have is your prototype. so, you can have it in photoshop. it accepts illustrator files, dropbox, jpeg, png, whatever format you choose. we like photoshop just because you can see all of the layers and these are the docs that we share across the team whether it is the developer our copywriter or myself. if you have that file saved perfect you are going to go into your prototype. this is actually the main screen so it will show you your current prototypes and you can hit add. most likely you are going to hit the plus sign. once you do that, title your prototype and choose a type. we usually do desktop. if we scroll down: iphone. we will also do android devices as well but let's just start with desktop. then

you are going to hit create prototype. now when you do that, like i said before, you can use pfe sketch, pdf files, i mean there are tons more. you can even integrate it with your dropbox or your google drive. so once you upload that image, it is going to look something like this. boom! so i've got my prototypes here. i'm going to open this one. this is a recent project. we are actually doing a redesign of the site. when i click it, it will show all of the different screens that i uploaded. they are all photoshop files. you can highlight your mouse over it and see that little photoshop button there. it is just a super clean interface with invision. you can look at your screens. you can look at workflow which tells you if the project is in progress, these are view and so forth. you can also look at

activity, if anyone has commented on these specific images. then you can look at comments. now this is probably the most important part of it. i am not going to show you here. i am actually going to show you inside of the screen. so let me scroll back to screens. now, i am going to click this one for example, view screen. now i send our developer any type of design that i am working on. i usually send him this file and this link. you can share these by clicking this button here. you can share via url, email, text or you can download it which is pretty awesome. this is the private url that you can share. now, on the prototype, there are specific buttons that are really important to the overall flow. so for example, once you send this via share file to your client they are going to be able to open this

up and access these four options. so one is preview mode. they can literally preview what it is going to look like in a live website environment. the next widget down here is build mode which lets you create hotspots. it adds an interactive element to your website mockup. so for example if i push this menu button or this hamburger menu, my menu pops up, i push it again, it goes away. these are all static images. you can do that by hitting create hotspot. you highlight that area and then if you click it, you can choose another page that you have uploaded to link to that mockup. for example that is hooked to my menu mockup which is right here. so anytime that action is initiated it automatically creates that interaction. the next one is probably the most important one which is comment mode. when you send it to

the client you can just explain to them really quickly. once you open up this doc, you can leave comments by pushing this button. once you send it to the client they will open this up. they will hit comments and then they will be able to comment on any area of the page. so if i hit this for example, and i put make sure logo is white and hit send, now that comment is added to the page area. when the client leaves their comments you are going to open this doc after they have done so and see what comments they have left on the actual doc. if i hit this for example, it will say each of these will click to a specific service. if i click this one, main service's page, this will clink to the main services page. so this is a great way. for one, for the client to conceptualize the website and see it in a live environment so they can then go and make comments on specific

areas for you to make changes to that pfd. so this helps you really shorten development time because you are not creating this from code. it is all pfd, all graphic design elements. once you stop looking at your comments and you are good to go on that, you can go to history mode. that will just show past versions of this page. we usually only keep one because we just update it initially with the comments on it so you can see who has left comments, how long this image has been alive and so forth. now lastly, if you want to configure some of the elements you can change the background color, you can scale down a browser so it looks exactly the size it would look if it was in a live website environment. you can also check out, uploaded a new frame to replace this one. to apply these settings took all of the current screens in that specific

project. lastly, this is another cool option too, live share. you can share a live environment with people in real time. so if you wanted to go over this with a client in real time, live, you just hit that button, hit next, hit next one more time and then start a live share. that will create a live share environment where you and your client can talk, can sketch, can do everything live on-site without any type of lag time. so, once again invisionapp; a really cool tool. you can use it for free to test out with your newest development project. feel free to ask me any questions that you have. thanks for watching the digital block. if you haven't yet, feel free to subscribe to your youtube channel right there.

have an awesome day. peace!

web design with sketch app Free 80 Stroke Icons in PSD, AI and Webfont Format

Selasa, 27 Juni 2017

web design wireframe app


web design wireframe app

hey, pixels! in this week’s tutorial, i’ll be showingyou how to design your very own interactive app prototype in adobe xd. the design for this app is very nice and modern. be sure to visit my blog, xopixel.com to readthe article for this tutorial. now, let’s get started. in adobe xd, click the artboard tool and select‘android mobile’ from the predefined artboard sizes (right-hand panel). you should have a total of two artboards onyour workspace.

now, we’re going to make the gradient backgroundin adobe illustrator by creating an artboard that’s 360x640px and using the gradienttool. the two colours used to make the linear gradientis a blue and green color. once the gradient has been made, copy andpaste it onto the first artboard in adobe xd. now, we’re going to work on the first artboard. first, let’s give this app a name. place the logo 122px down from the top ofthe canvas. then, using the rectangle tool and draw arectangle that’s 283x47px.

there should be a 35px space between the logoand the first rectangle. round the corners of the rectangle by 27px. duplicate the rectangle shape two more timesto create a total of three and place them below one another leaving 21px of spacingin between each. fill the first two rectangles with white andthen set their opacity to 20%. the last rectangle will have no fill and awhite 2px border. now, we’re going to add some icons. first, we’re going to add the hamburgermenu icon to the top left corner. then, we’re going to add the mail icon tothe left-hand side of the first rectangle

and then the person icon in the second rectangle. we’re also going to add some text for allthe textboxes and button. finally, we’re going to add three socialmedia icons (instagram, facebook, twitter) at the bottom. now we’re going to start working on thesecond artboard. first, we’re going to copy the design onthe first artboard and then paste it onto the second artboard. move the whole design so that only a partof it is showing. then, slide the gradient background over tofit the entire artboard.

this is so that when we add the prototypeeffect, it will look like the menu is sliding out. be sure to delete the hamburger icon and addan ‘x’ icon in its place. we’re also going to delete the ‘sign-in’text and the last two social media icons. to create the slide out menu, draw a rectanglethat’s 222x640px on the left-hand side of the artboard. the color fill for this rectangle is blackand its opacity will be set to 60%. then, we’re just going to use the text toolto write out some links that we on the menu. to make the app design interactive, we’regoing to go into the prototype mode.

then, we’re going to select the hamburgermenu icon and drag the wire to connect it to the second artboard with the followingsettings: slide-right, ease-out, 0.2s. for the second artboard, we’re going toselect the ‘x’ icon and drag the wire to the first artboard with the following settings:slide-left, ease-out, 0.2s. finally, to test out the app prototype, clickthe play icon and click then click menu icons. it should look like you’re opening and closingthe menu. this looks really cool! i hope you enjoyed this tutorial. give this video a big thumbs up if you likedit.

subscribe to xopixel for more great designvideos just like this one. i’ll see you in next weeks video!

web design wireframe app Why Article SEO is Damn-Suck?

web design web app


web design web app

best web design software - top 10 list top 10: sitespinner top 9: web creator pro 6 top 8: ezgenerator top 7: yola silver top 6: xara web designer premium 9 top 5: webplus x7 top 4: webacappella top 3: web studio 5

top 2: homestead top 1: webeasy professional 10

web design web app Free 80 Stroke Icons in PSD, AI and Webfont Format

web design jemma development group


web design jemma development group

hi guys. welcome to another live video. so yeah, i'm sticking to this whole video thing. awesome! think you'll be proud of me. ok, so today, well i'm proud of me, that's all that matters. today i am going to jump into a live broadcast giving you some tips on how to actually start a online business. so, before i get started i want to introduce myself most of you

know who i am. but in case there are some newbies on this video, i am going to get my notes up, and, here we go. i'm nicole the founder of freedom junkies. a community for new entrepreneurs or people that want to become a new entrepreneur. i have a free community which, if you're watching this video you are in right now, freedomjunkiesgroup.com. and i give

away a lot of advice and tips to new entrepreneurs. i also have paid online courses that help people create a profitable online business. so basically they can work from anywhere in the world. i have been traveling non-stop for four and a half years with michael, my amazing partner in crime, and we have been able to work from 45 different countries in

that time. my online business allows me to work from anywhere in the world part-time and earn a six-figure income. i believe that freedom is the answer to true happiness. so i am here it is my mission in life to inspire as many people as i can to create their own freedom lifestyle. whatever that looks like to you. it might not be traveling

full-time like it is for me. but however it looks like to you,i want to help you create that. so let's get stuck in today's, to today's broadcast. i've been getting a lot of emails and queries on facebook of late about how to start an online business. and, of course, they're asking the right person because that's what i do. ah so, i thought i'd

address it today in this little live video because i want you to be able to feel like it's doable and not be intimidated by the whole process. so is there anyone in here today that wants to start an online business but actually has no idea where to start? i only think there's a couple of you watching this so maybe in the replay, you know, let me

know you if you're one of those people that want to start a business but have no idea exactly how to start. i'm going to presume some of you said yes. so if you know me at all you know i love having an online business because i can work from anywhere in the world and i do and that's, the last four happy that's all i've been doing. i've been changing,

changing cities and countries as often as the seasons change because we try and avoid winter as much as possible. so as soon as it gets cold somewhere we shoot off to another country to work there. so i am very, very grateful for the internet because it makes it so easy for anyone to start an online business. so for those of you who do want to start online

business but have no freakin idea where to start, this broadcast is for you. okay so i want to cover, sorry i keep reaching down to the computer cause i have notes there. so, i'm going to cover six steps that you need to start your own online business. ...hey gemma, hey emily thank you so much for joining me live. who else is here? actually before i get started. who else

is here? ok nobody else is here awesome it's just the three of us guys...oh so any i'm gonna just get stuck into it. okay, so step one for creating your own online business is to find your business idea. so you might actually have a business idea in mind or like, maybe you want to start a blog, maybe want to start an etsy store, maybe you want to

launch a web development or graphic design business, or maybe have no idea what you want to do but you just know you want to have the freedom that an online business gives. so your first step is to come up with your business idea and then refine it. so by that i mean you want to find a niche within the field that you want to be in. so let me use an example here, a

bad example because i don't cook, but let's say you...hey jill, hey, jemma...let's say if you want to run an online course about cooking. you wouldn't just start a general online cooking, like cooking that's for everyone and everything and whatever. you would niche it down. so you would figure out what area you wanted to specialize in. so maybe you want to

specialize in gluten free recipes for kids or, i don't know, cooking with four or less ingredients or something like that. so you don't, you can't sell your products or services to everyone, okay, you've just got to decide which market you want to tap into. so...hey tiffany thank you...okay so, step two is research your idea. by that i mean, okay so, you

have your grand business idea. congrats by the way. but now you need to know if it's actually going to be viable. so you need to research the idea and make sure that there's a potential market for you to sell it to. so to do this we do several things. first we want to scope out the competition. so you want to find out what's working for them and where

there's any cracks that you can fill. hang on i'm gonna cough, sorry guys. so you want to find out there's any cracks you can fill. and you also want to do a little bit of what i call market research. so most of you will know what market researcher is. but i want you to ask family and friends if they would basically by what it is you want to sell.

so your product or your service. ask them if they think it's a good idea. i mean, if your friends and family can't be honest with you, who can, right? you also can ask members in facebook groups, like my awesome group. so, shout out your idea or pm me or whatever and say look i've got this idea but i don't know if it's going to be marketable and

profitable. so, you want to basically talk to people who are going to give you honest feedback or who have been there and done that before you so they can kind of maybe give you some guidance. because you want to make sure your idea is profitable and viable and marketable before you actually launch it. so, you want to ask people if they will use the

product or service that you're thinking of selling. yeah, and you've got to make sure that there is a buying market available. so, that brings me to step 3. so you have your idea, it is awesome, it is like well loved by all the people that you've done market research through so your family, your friends, people in facebook, the whole world loves your idea.

so now what do you do? you have to register your business name. so basically you need to register it with your government body. now i can't get into too much detail here because every country and sometimes every city is actually very different. but you will need to google to find out who you need to register your business. some, some

countries you'll need to get business numbers, like tax numbers and things like that. so you need to google and find out who you register your business with. if you are an aussie like me, you will want to go to business.gov.au. they will help you out if you are an aussie. step 4, you want to buy your domain and build your website. now this is known

starts to get really exciting. so you want to buy your domain name which hopefully will be the exact name of your business or very close to it. so that, you know, you've got the www. your business name .com. preferably com you can't always get the .com but that is what you want to aim for. if you're an australian business working with australian people

.com.au is perfect. if you're canadian and working with canadian people, .ca, etc, etc. but if you are a global business, working with global clients, .com is the best, what are they called, domain, here what i have just completely lost that word, yea you want to get the .com not the .net, .org o, you know, all of that. so try and get the .com as close to

your actual business name as possible. so, i always go through hostgator. no reason just because i've had great experience with them, reasonably priced, so i can get my domain there. i can get my website hosting and get it all done through the same thing. so just find whoever it is you want to use. there's godaddy, bluehost, there's hundreds probably of

different ones that you can choose... yay, jill yay. that's awesome. i wanna hear about it when i am get back on, on facebook... ok so once you are hosted you need to design your website. now don't freak out because i have no idea about how to code or any of that crap, ok i have no idea. but you really, these days, building a website is actually pretty easy.

you can get drag-and-drop themes that make life so much easier. if you want, you can hire someone to build it for you. but you don't even need to do that. like save your money, invest that into another part of the business because your actual website building is really quite easy. there is a lot of free tutorials on youtube. you'll also get, excuse me, free

tutorials through whoever you, host through or buy your theme through. you can get free themes, but the purchased ones are obviously going to be much better. yeah so you don't need to know how to code at all. i have no idea how to code. so yeah, you really don't need to worry about that. if you are looking for a super, super easy theme to build

with use divi by elegant themes. divi. it is probably one of, if not the best theme on the market. i know a lot of you in this group uses divi. it is so easy. it is literally,it's like a drag-and-drop kind of thing and their support, elegant themes has a really good support. so, it isn't a free theme, i think it costs maybe 80 bucks or something, i'm not sure correct

me if somebody knows. but yeah, it is worth every penny, every penny because their support or their add-ons and all of that is absolutely worth it. so divi by elegant themes. so you've got your website up now, which is awesome, so now it's step 5. now this is one that i know a lot about because of my, my past career, or still kind of current career, and that

is to get social. so you need to be all over social media promoting your product or service. getting your name out there. branding is so important when you're on social media. so you want to get into facebook groups, you want to get it all over twitter, you want to even get into linkedin if your product or service is a b2b, so business to business.

yeah, so, you know, you've just got to put yourself out there as much as you can. because it is time for you to show the world your great product or services, or service for you allyson. so if you have a product you're willing, so if you have a product that you're selling then instagram will be the one of the best places for you to go. so anything

visual instagram, pinterest really, really good for that. as i said, if you're selling, if you're a business to business based product or service, you want to get into linkedin and obviously facebook and twitter pretty much everyone, no matter what you're selling, facebook and twitter will be your best channels. so get all over social media. i mean all

over not just one post today. you want to be in people's faces. you want to be talking constantly about your amazing product and service. don't be afraid to put yourself out there. look at me, little miss scardy cat on the video. but hey this is my video number, i don't know, like seven or eight or something in two weeks, so, you know, put yourself out

of your comfort zone and it actually gets quite comfortable. like ,i'm ok now, i'm okay on video, mostly. so put yourself out there. find which social media channels work best for you and stick to those. don't try and do them all. one mistake i see so many entrepreneurs making is they try and be all over every single social media. don't try that just

don't you won't do it successfully. so pick three, three that are going to really help you grow your business... thanks tiffany...and yea just stick to those three and really work hard at those three. so, for me, people have, my people, my ica, my ideal client are not on twitter. not, not, not really so i don't bother much with

twitter. i have an automatic feed that goes every day, every hour i think i'm tweeting something but it's from edgar. i very rarely go on it. so i focus where my peeps are and that's my facebook group, hands down. and my mailing list and that's pretty much it. so just focus on the ones that you know where your ideal customers are hanging out. and the last

step, which is my favorite step is, count the money. so, it's now time to make those sales and see that money coming in. you've put all this effort into your business into setting up, getting the website done, putting yourself out there on social media, so now it's time to get back to ching! so you need to get out, there you need to sell what it is you're selling,

sell yourself, sell your product, your service. and i want you to celebrate every single sale that comes in because the more you celebrate and more you're grateful for everything that's coming your way, the more that will come to you, trust me. i have experienced that hands down time and time again. the minute i show gratitude, even for the slightest

thing, more of it comes in, into me. so absolutely, i'm a big believer. i know it's a bit woo woo, but trust me it really does work. so if you celebrate each single sale that comes in before you know you're going to be soaring so high and reaching figures you could only dream of. and it won't take you long. like if you literally put your heart and soul

into something and you stick to it, i think i said there's a couple of weeks ago, make that decision and stick to it and just work, work, work, if you do that you will, you will reach those heights. i promise. you can't you, can't fail if you keep on moving forward. so that is the six steps that will take you from wanting to have a business to actually

having a profitable business. and yes, it really is that simple. because, what people try and make it more difficult or they like, they messaged me go, "oh i can't do this it's so hard i don't know how to start a business. and it's so much, there's so much to do, it's so complicated." well it will be if you make it that way. but if you break it down into small chunks

that are manageable and and you won't get overwhelmed with it. it really actually is easy. i have started many, many businesses in my time and it's fine. it's so easy and doable. but just don't make it harder than it needs to be...i need to attach myself to nicole's passion. get on board allyson... yeah, i'm passionate. i kind of but it's this stuff

really, yeah, it's, it's, it's my life. it's what i love to do, i just, yeah. i'll dribble all day if you let me. take it one step at a time because it really is easy to start an online business if you don't make it any more difficult than it needs to be. so if you want more business help come and join me my facebook group, which is where this video

is being filmed live. but i will share this video elsewhere. so to find it you'll find me at face, no what is it? freedomjunkiesgroup.com. i don't know freedomjunkiesgroup.com will take you straight to the facebook page so come in there. it's free there's no obligations. it's just me chatting to everyone and people celebrating their successes,

people giving advice to each other. ...thanks allyson. you're the best. i love you...so, and lots of inspiration and support. so if you're not quite ready to to jump on my, what did you just call it? my passion wagon? then, you know, you will be after you read a few posts in the group. so, thank you so much for joining me, again, on facebook live and pm me,

message me if you have, need any advice on starting your own business. free advice, i'm going to try and sell you my shit. i just want to help you out. so have a great weekend and i'll see you all next week. bye!

web design jemma development group How to Capture Idea : Evernote App vs Hard Paper Notebook

Senin, 26 Juni 2017

web design app windows


web design app windows

hello. i'm here today to talk aboutdesigning for a mobile mind. about great design fora smartphone websites. so my name is jenny gove andi'm a user experience researcher at google. before we get intoour latest learnings about how to designgreat mobile websites, i want to tell you a storyabout a missed opportunity. a mobile experience ihad just the other week.

so, sometimes iget the opportunity to go and work in new york. and i really enjoythis because i can take advantage of all thecultural opportunities there are there and see someshows or see some event. and when i was therelast time i decided to go and see this great littleconcert that i saw coming up. so in my hotel room, on mylaptop, i booked a ticket. and it was kind of thisvenue which has small seats.

it was nearly soldout, but i managed to get some ticketson a small table that has, like, three seats left. the next day at work iwas talking to a colleague and she was at a looseend for that evening. and so i suggestedshe come along. and so i pulled out my mobilephone and i pulled up the site. and because i workon this stuff, i was pretty delighted tosee from this kind of venue,

a really nice mobileoptimized site. so i pursued that and ifound a couple of buttons. one was for the venue,to choose the best seats. and one was for me topick the seats myself. which in this instance isobviously what i wanted to do, since i wanted to chooseseats next to mine. so i clicked that button,but nothing happened. there was a big white page. very disappointing.

and as i was fumbling aroundthe site, looking for what else i could do to buy tickets, i waslooking for like a call button, maybe i could call the venue. but meanwhile my friendsort of said, you know, don't worry about it, i'llfind something else to do. so, this was, youknow, such a shame because it was such a missedopportunity for this venue. i was about to purchasetickets and i couldn't. the venue had done really well.

they've done a lot of work ormobile optimizing their site. but they haven'tdone well enough. and i wanted to spendmy money and i couldn't. so effectively they werethrowing money away. so why are we talkingabout this now at i/o 2014? well, we know that there isamazing smartphone growth. we heard just yesterdayin the keynote, some incredible stats . let's recap those stats thatsundar started his keynote

with yesterday. so the industry shippedover three million devices last quarter. and they're ontrack to ship well over a billion phones each year. the number of 30 day activesfor android is over a billion. it's been doubling every year. and we have people checkingtheir phone 100 billion times each day.

so to put this in perspectiveover the last few years, the media have kind ofmade comparisons for us. one of those onesthey made is, you know there are more mobiledevices, and mobile device subscriptions than there aretoothbrushes in the world. so these kind of stats putit in perspective for us. mobile growth is phenomenal. this very recent graphshows a dramatic growth in mobile usage of thepercentage of web usage.

this is page views. just from may lastyear to may this year. the growth is strong everywhere. and all this growthis great, right, because using our devices isalways such a great experience, right? just like this, just likewe see in the marketing. it's so easy, these peopledon't have a care in the world. they're happy smiling people.

they don't haveany frustrations. they don't havefrustrations while they're trying to check outon their mobile. all the type is legible. well, as a userexperience researcher, i spend my timeobserving people's use of phones and mobile websites. and in the last few yearsi've heard a lot of things like this, fromprevious studies,

i've heard the mobile websitesfeel like they're cut down. they're harder to navigate. they're sparser in features. they're smaller, poor indesign, and unfamiliar. so some of these thingshave been true in the past. sometimes companies have notput all of their inventory on mobile. and people areconfused because they know they can purchasethese things from a company.

or they know that they canget particular information from a company. and they just can'tfind it on mobile. people can be worried thatthey might miss something. they often have a senseof time urgency on mobile. so to get some morecontext, here's a participant quotefrom a shopping studies that i ran, where oneof our participants described shoppingfor a birthday gift

on a mobile phone. and i'll quote her. she said, "i was worriedi would miss something. i was worried aboutscrewing something up. and you know her birthdaywas coming up quick." so i think this really nicelyillustrates this quote. it illustrates thatpeople are just trying to get stuff done whenthey tend to mobile sites. so we want to fix the poorexperiences you've heard about.

and the good news is, we know itcan be done, because there are some examples of reallygreat sites out there that are engaging users. so we at google have been prettyvocal in the last few years about the importance ofcreating a great mobile site. but given those thingswe've heard users saying about mobileexperiences, we think we need to do moreto help you make those great mobile experiences.

so we decided to put resourcesinto creating materials and guidelines to help you. and there's compellingevidence we should do so. if we look at somecase studies-- so the huffington postredesigned their mobile site. and that work led togreat success for them. it resulted in 50% timespent on their mobile device. 37% more unique visitors. and they managed to reach29% of all us mobile users.

so, in a different vertical,plusnet's telco, in the uk, they redesigned all theirsites through the creation of responsive site. and they had a tenfoldincrease in mobile conversion. and their time toconvert decreased 40%. one more example here. this is the cancer.org, it'sthe american cancer society. and they went mobileand that resulted in 250% increase inmobile visits in one year.

a three times increasein mobile revenue, that donations in thecase of cancer.org. and they saw higherrates of mobile access to key areas of their site. and i love the quote thatcame from the principle of digital platformsat cancer.org. she said she wanted todistribute cancer.org experiences aswidely as possible, to as broad anaudience as possible.

and it was missionimperative to mobilize all the cancer.org content. and i think why thisis so compelling to me is becausethis can go for, kind of, any company really. if you don't pay for yourmobile users on the web, then you're missing abunch of your users. mobile web can be agateway to your business. so we're focusing on thisnow because mobile usage

is growing so rapidly. and because mobile provides anincreasingly important gateway to your business. and we want to putyou in a position where you can create abetter experience for users. we want to develop a betterecosystem for the mobile web. and we want to tell you howthe designs of sites that provide a really goodexperience differ from those that haveuser experience flaws.

and we want to do this on thebasis of data versus expert opinion so that you can haveconfidence in the information that we give you. so i decided to run a study. i wrote a research plan. and then we teamedup with answerlab, which is a userresearch company. and they have to scale. and they helped us toreally make this happen.

and we examined howa range of views is interacted with adiverse group of websites. so i'm going to tell youbriefly how we set up the study. we studied user interaction ona 100 different mobile sites, and these ranged fromreally large retailers, to service providers, and sitesthat had information on them. we also included somelesser known websites that been growingin recent years to make sure weweren't only capturing

what those bigcompanies were doing. participants brought in theirown ios or android devices so that they werefamiliar with the phone. and this study focusedon smart phones. so there were 119 participants. and although those numbersdon't seem big by google scale, this is the usability study,so each participant came in for a separate hour, sothat's 119 hours of the study. and so really, it was avery large usability study.

and participants worked throughtasks for each of these sites. the method we used wastraditional usability testing with think aloud protocol. so they spoke aloudas we had them go through differenttasks on their sites. this provides us withinsight into understanding the details of where therewere problems with sites and where the experiencewas really, kind of smooth and seamless.

and they also providedratings for the site. the result of thislarge usability study were collated to form 25mobile web design principles. and these keyfindings are intended to help you buildbetter mobile sites, and increase engagement andconversion for your business. so we've categorizethese into five sections. these are mobile homepageand navigation, site search, commerce and conversions,optimizing form entry,

and site-wide designconsiderations. so these principlesare all about creating a betterexperience for users, enabling them to have a troublefree experience on your site, whatever kind of site thatis, information, retail, e-commerce, or lead generation. so we're going tolook at some examples from these 25 principles. and we're going to talkabout the guidance based

off the study results. so let's start with mobilehomepage and site navigation. so the first and theforemost important thing to do for yourbusiness is figure out the primary purposethat your site exists. in our study wetested interfaces similar to the one on theleft and the one on the right. when users got tothe one on the left they had a particulartask in mind,

but the only actionavailable to them was for them to learn more. it was kind of vagueand they really didn't have theconfidence that they were going to be able to getto what they wanted to get to. in contrast, in theprogressive site on the right, leadgeneration site, they've made it really clearthat users can get a quote, they can find a local agent,they can make a payment.

one women's magazine site thatwe saw had buttons at the top. and they were labeledspecials and looks. these were very vague,and participants really didn't know what they would get. so mobile users really wanttheir information here and now. and figuring out what thosekey calls to action are is the primary thingyou need to do. secondary contentand calls to action can be accessed eitherfurther down the screen

or behind the menu icon. the next thing is to keepmenu's short and sweet. so we saw a number ofextensive menus on mobile, and nobody is going toscroll through them. but we kind ofanalyzed the sites, and we saw thatsome sites have done a really good job of movingfrom desktop to mobile, and reconsidering theirmenu structure for mobile. so macy's does agreat job of this

if you take a lookat their site. consider how you can presentthe fewest menu items possible, but still keep thosecategories really distinct. you can do some user testingto help you with this. do users understand thedifferent menu items you're offering,and do they know what would lie beneath them? when mobile users navigatethrough your site, they want an easy way toget back to your home page.

for example, perhapsthey want to get back to do another search,or perhaps they want to start a new browseexperience through your site. in this study the usersexpected tapping the logo on the top of thepage, on the left to take them backto the home page. and they became reallyfrustrated if it didn't work. so this is a really good exampleof the principle in action. 1-800-flowers doesthis well here.

so let's summarize thehomepage takeaways. keep calls to actionfront and center. so, even if you'redeveloping a responsive site, you need to think about how thatshould be designed for mobile. keep menu's short and sweet. make sure you're not having toscroll a great deal on mobile through your menus, andthat they're distinct. and make it easy to getback to the home page. next we'll look at theimportance of mobile site

search. so along with the home pagethat focuses on calls to action, our study showedjust how important it is to provide good,clear search functionality. so the design on theright here, is great. you can see when you doyour such immediately. there's a nice big search field. now, it might soundsurprising to me, you know, like, google sayssearch is important, you know,

wow. well, i can tellyou that in our team we actually had quitea bit of discussion about this before weactually ran this study. the thought being that, peopleoften find it difficult, so we heard, to type on mobile. so maybe navigationis the primary thing that we should be doingon mobile devices. but we found search tobe really important.

it's all to do with usershaving that sense of urgency, and wanting to get to theircontent, sort of immediately. so we found that,particularly in retail sites, search is hugely important,and on many other sites too. and often on other siteswhen users couldn't find that key callto action-- i think they're having afootball match next door. they will turn to search next. ok.

so, often it's tempting to putthe site search behind an icon. we found that it was muchmore noticeable and visible to people when the sitesearch was an actual field, and people found it moredifficult to find search behind an icon. and i feel like, you know,if site's like home depot and macy's can do this well,so can the rest of us probably. so to really scaffolduser's tasks, the search needs to be smart.

and signs of smartsearch include providing auto-completein the search field, suggesting searchterms and filters, correcting misspelling, andproviding related matches and search results. so all of those things togetherin providing great search is about getting users tothe relevant results as soon as possible. now, the site search resultsneed to be relevant, of course.

and this goes for search resultsas well as auto-complete. so, you can see somedifferences here. too often we saw resultssuch as those on the left. in that example theword kids is surfacing lots of differentthings, but things are particularly usefulfor people in a clothing store in terms of logicallygrouping the responses. on the right, macy'sdo a good job here. they lead you to differentcategories of clothing.

so kids sweaters, kids boots,kids shoes, kids jeans. on other occasions, in thesearch results themselves, we saw lots ofirrelevant results. and people reallydon't have the patience to scroll throughmultiple pages of results. if the first fewresults aren't relevant, they might leaveand go away and then you potentially lost that user. one way forwardwith this might be

to consider usinggoogle's custom search engine in your site. so, filters go evenfurther to helping users find theresults they need. in some cases inour study we found that even thoughcompanies had gone to the extent of making filtersavailable, unfortunately they weren't discoverable. so, this is a mock-up as youcan see, on the left-hand side.

but it's an exampleof an actual site we found where people weresearching for clothing. and they had to scroll throughabout six pages of results in order to eventually find thefilters to narrow their search. and they had thousandsof search results. so this was really,really painful. and we found lots of peopleabandon this task in that case. note that the user shouldnever inadvertently be able to filter the resultsto a null set, of course.

but we did seethat in the study. as the user's usecontrols, make sure that you can do thingslike provide them with the number of resultsthat they're going to see. and that gives theman idea of, you know, is this the kind ofresults that i want to see? if it's got 20 items, orif it's got two items. now another way to assist usersin narrowing the results to get to what they want is in whatwe call a guided approach.

you can think of these arekind of like, pre-filters, or simple questions toprovide more of a guarantee to your users that the searchterms they eventually put in, or the navigation they dohere will lead to the results that they need. so in this example,imagine you're selling a limitedset of products, like shoes, bagsand accessories. after asking the user whichof these their interested in,

you might upfront ask,you know, whether they want women's shoes, men's shoes. you might also ask the size. and then the userknows they're going to get perfectlymatched search results. and for you, you're makingyour user more satisfied. the thing thatyou're doing here is you're pulling away alot of your content, so that it doesn't sortof infiltrate the things

that they want to look for. i can give you a reallynice example of this in one of the sites we studied. it was the fightfor providing care. it provides things like seniorcare, after-school care, and pet care. now the last thingthat somebody wants when they do a searchfor senior care is to find pet care intheir search results.

and so they had a guidedapproach like this. and it made sure thatwhatever search they did, they weren't going to endup with after-school care in their senior care, orpet care in their senior. so a few questions upfront for some businesses can really help ensurethat those users get more relevant resultsright off the bat. and it's particularlyuseful if there's one to three keyattributes that you

can ask upfrontto get them there. so let's look at thetake-aways for site search. make site search visible. that nice, clearfield at the top. ensure that theresults are relevant. implement filters tonarrow those results. and guide users tobetter search results if you're able to dothat with your content. there were a number ofways that we discovered

the design of site can helppeople towards confession people really want toconvert on their own terms, very definitely. so we want sites towork with people, rather than work against people. and unfortunatelyin the study we saw quite a few examplesof sites themselves being barriers to thatengagement and to that use. so, firstly, beware of makingenemies at registration gates.

don't require custom accountregistration upfront. and you'd be surprised atthe amount of this we saw. we understand that gettingaccess to customer information and preferences can be reallyintegral to your business, but don't ask for it too early. many of the sites thatuser's rated the lowest were those where they wereforced to create an account upfront in order to continue. users want to exploreand browse content,

perhaps get someof their tasks down before they commit to providingtheir personal information. and similarly, let userscheck out as a guest. if you're enabling peopleto purchase something, or perhaps they cansend off for information you want to aim forthat option to enable users to check out as guests. this is because, in our study wefound that participants really perceive the value of this.

and it's because, whilethey're doing their tasks, they're thinking, i wantto purchase this thing, or i want to getthis information. i don't want to stop and haveto think of an email password, or whether i want to connectto my particular social network to this account, andwhether that's ok. so, if you waituntil afterwards, enable users to dotheir tasks, then you can also haveanother opportunity

to ask them to registerand you can offer them tangible benefits aswell, such as perhaps, tracking their order. and remember youdon't want to negate the benefits ofpurchasing by having a process thatisn't smooth here. all browsers allow the abilityto auto-complete in forms. so make sure youdon't turn that off. users really like thebenefit of auto-completing.

so just let the browserdo it's job at that point. and there are other waysto convert users too. and there you cansee the check-out. so, picking upwhere you left off. now, we've talkedabout this quite a lot at thisconference already. and providing users withthe opportunity to do that was really helpful. within this study itself,we saw a number of users

want to pick up onthings later on. after all, in thisparticular situation they were in a usabilitystudy, they often found things theywanted to see later. now this can happen inreal life too, of course. perhaps you want to look atsomething on a bigger screen. another goal. perhaps you're distractedat this moment, you have to dosomething else, and you

want to just pick upon this thing later. so we painfullyobserved several users copying and pastingthe url, which is really quitehard to do mobile. then going and opening theiremail client, pasting it in. it was really, yeah, itwas really quite painful. and then, of courseyou have the issue that you might lose thatuser because they've kind of gone todo something else.

so the best practices we sawhere at this present time is to offer users opportunitieswithin the site itself to pick up where theyleft off later on. so, i've seen opportunitiesfor people to pin things. i've seen opportunitiesfor people to email within the site itself. you keep all thatwithin the site, but they can email themselves. and obviously, postings onvarious social networks.

often at the moment,this is used for sharing, but we saw a numberof examples of people using this for themselves topick up where they left off, for themselves at alater point and time. and related to this,you need to create a consistent urlstructure on your site. so that when peopledo share url's from their mobile or theirdesktop they can use them. so on that note,our recommendation

is to build aresponsive site that enables that consistenturl structure rather than resortingto an m dot site where they have be redirectedfor users between sites. and if anyone saw paullewis' talk today, where we saw the hit thatredirect causes in terms of time lag to loadthat mobile page. so let's review the commerceand conversion take-aways. so let users explorebefore they commit.

you can always fillthat registration in at a later point. let users purchasesas a guest, and enable users to pick upwhere they left off. optimizing form entry. forms, don't you lovefiling in forms on mobile? it can be reallypainful, i know. and you know, it's arguablythe most painful thing that you can do mobile.

so let's look at afew of these things. now i should say beforei start, we actually learn a lot of thesethings on desktops. but somehow when we moved tomobile we forgot a lot of them. so these are just oftengeneral good design principles, but they mattereven more on mobile. yet that form on the left. design a form that's efficientfor the user to fill in. and not overwhelming likethat one on the left.

we saw more formsthan we'd have liked to have seen in this studythat looked like that. one thing we found was, it'sreally good to chunk the form. again, this is aprinciple that's taken from our experiencewith forms on the desktop. and it's helpful to make surethat those chunks in the form, are of equal size,and equal difficulty. so you can seethis example here. there's, i think fivedifferent steps to this form.

and the user on theprogressive site can easily see what they'regoing to have to fill in. so make sure yourforms look more like the one on the right--think about your site now. then the one on the left. another useful way to streamlinethe conversion experience for users is to know anduse what already exists in terms of information theuser has already provided. we found that auto-filling,whenever possible,

was of huge benefit to users. it's a bit sad tohave to tell you this, but when this happens, whenauto-complete and auto-filling worked, the users weresurprised and delighted. of course it shouldn't be thatway, but that's the way it was. because they're so used tostruggling through forms. so they would eitherstruggle through the form or they'd abandon their task andtry to do it a different way. so it's justfrustrating for users

to have to put it in twice. we've all been there,it's kind of horrible. so for registered users,remember and pre-fill their preferences. for new users, offerthird party check out, and sign-in services. one specific example is to checkthat you don't require users to, for example, enterbilling or shipping information that hasalready been entered,

that already exists in theirthird party check out account. now every tap counts on mobile. for submittinginformation, users really noticed and appreciated websitesthat would automatically present number padsfor entering zip codes, using the contextualkeyboard in the right way. or automaticallyadvance the number fields as they entered them. it can be really painfulfor users when that happens.

so the experience thatpeople are left with is a really poor one. and you know, two forms canlook very, very similar. we tested two pizzadelivery forms, and they lookedincredibly similar. but the number of tapsit took on each form was very different,because one of them wasn't doing thingslike surfacing this contextual keyboard.

so seek out anyopportunities to eliminate any wasted taps in your form. and here is some additionalinformation and technical help that you can get on choosingthe best input type. and this is part of theweb fundamentals materials we've been talking a lotabout at this conference. so, good labelingis really important. if forms aren't labeledaccording to best practices, and again users can get totallyblocked and they can't proceed.

so, they can be labeled, ofcourse outside the field. and it's becoming more andmore popular to label them inside the field, but justbe careful how you do it, and make sure that if usersback out of that, then the label becomes visible again. because we had auser in our study who was entering their emailaddress, and then they got distracted, and then theycame back, and went back, saw the word address,but didn't see

that it was emailaddress and started entering their home address. so this labeling needsto be really clear. now working with dates. the recommendation here isto provide visual calendars where you can. because users oftenneed more context when schedulingappointments, and travel dates, and things like that.

provide them with a calendarbecause if they don't have one they are often unableto figure think about what day ofthe week it is. that's often the primaryinformation people need, like, i'm going toleave on a friday. and so figuring out what theactual date is, can be complex. and we saw users, again,come out of the tasks that they were doing, and goto find their calendar app. you know, again, you'vegot the possibility

that you could lose them. we found on travel sites,that it was problematic when users had to choose anoutward date and a return date within the same calendar. that seemed to be likean experience that was very difficult for them. it wasn't smooth, and sothe best practice there is to provide two calendars,one for the outward date and one for the return date.

note also that there are systemways of dealing with dates. but on the mobileat this time you don't get control of stylingin the custom chrome browser. now remember that i mentionedthat completing mobile web forms was arguably the mostdifficult experience on mobile. well i may have been wrong. because what's morepainful than that is having to doit all over again because you did itwrong the first time.

yeah, lot's of nods. so, there are standardbest practices, of course, when itcomes to helping users recover from, andcorrect their errors. we need to provide clear errormessaging, not cryptic error messaging, and weneed to highlight the fields that needto be corrected. we need to make sure thatthe error message isn't just at the top of thescreen, and nothing

is highlighting the field. but really, the best way toaddress submission errors in web forms is toavoid them altogether. if we can combine thoseclear descriptions with real-time error validation. this was the mosteffective combination for enabling users tojust go through that form once and get it done. and there were examples,but not very many

of sites out there thatwere doing real-time error validation, and it was by farand away the best experience. so let's summarize the takeawaysabout optimizing form entry. so designing efficient forms,chunking them like we saw. using pre-existing information. streamlining thatinformation at entry. go and test your formson your websites. see how many taps it takes. see if you're usingthose contextual inputs.

minimize form errorswith labeling. provide visualcalendars for dates, and real-timevalidation of forms, so that your users only haveto go through them once. now there are a number ofsite-wide design principles that we uncoveredduring the course of doing this studyon multiple users. and we're going tolook at this now. so one of the main reasonsthat you make a mobile site

is because it's painful to doall that pitching and zooming when desktop sitesappear on mobile. it's hard to pan and zoomaround on mobile, especially in multi-dimensions. and it often leads to troublewith users viewing your images properly or viewingyour text property. some really frustratingexperiences that users had was when the home screenloaded fully zoomed in. they had no ideawhere they were.

and when a userzooms in on a screen you really losecontrol of your design, increasing the likelihoodof discover-ability issues. so make sure, even if you feelthat you've mobile optimized, or made your sitemobile friendly, make sure there aren't anyaspects of that site that require users to pan and zoom. now images on mobile, whilewe're talking about that, they can be verysmall and people often

want to see details whenthey're purchasing something, for example. so, the best thing to do ismake sure those images are tappable and expandable. on retail sites, customersreally want to see the texture, they want to see the details. and participants gotfrustrated if they weren't able to see these. a good example oftappable expandable images

is provided byjcrew on their site, so i suggest going andhaving a look at that. now location. we saw some examples ofgps location information being badly applied. so the example on the leftis going to be problematic. and the reason is, becausethe user doesn't really understand what you'regoing to be doing with that. they kind of need to seethe context of how you're

going to be usingtheir gps location. in our study, when userswere asked to book a hotel room in boston for a conference,that's the task we gave them, on a particularlypopular hotel's website, they were prompted toshare their gps information immediately aftertapping the find and book call to actionon the home page. accepting the requestresulted in the location field automatically populatingwith the user's current city.

but we saw that severalusers automatically accepted this request. they didn't reallythink about it. and one user becameparticularly frustrated because they were trying tobook their hotel in boston, but it kept bringing uphotels in their home city. and we also saw ui issues. for example, where asite had a field that said current location,it looked to the user

liked they needed totap that, and they needed to interact with it. and then they thought thattheir current location would be populated. but it wasn't the caseon this particular site, if they left it alone, whichis what the developer intended, this would result intheir current location being detected. but the user just couldn'ttell, and got very frustrated.

so a better experience isto make sure the user always understands why you're askingfor location information. and then it's helpfulto let the users choose to populate the locationfield at the appropriate place in the flow, and to aclear call to action, something like find near me. now this point aboutthinking about keeping users in the single browser window. we've already lookedat that a little bit.

we've looked atit about, in terms of sharing information and alsopicking up where you left off. but you need to thinkabout all the reasons that users mightleave your site. because it's not reallywhat you want them to do. you want them to stay,you want to potentially have them convert onpurchasing something or getting more information. having the user switchbetween browsing windows

can be problematic becausethey do have this tendency to go off and lookat other things. so think of all theways, one of those ways might be that they go andlook for coupon codes. so we found some good examplesof sites, this site here and then i think we saw somepizza sites, and other sites where they decided toprovide coupons of their own. to kind of stop users doing thisand to keep them in their site. so try and do everything you canto ensure that your users stay

in the browser window. address those reasonsconsumers might leave. now many of thewebsites we tested, and the companies we werelooking at also had apps. and all of them promotedtheir apps in some way. not surprisingly,participants weren't at all pleased with the situation thathappens on the left hand side. i think we've seenthis all too often. this has being describedas the door slam.

the user came toyour site to get some experience of yourcompany, or to do some task. and they didn'tappreciate anything that hindered themfrom doing that. in some cases thiswas where there was perfectly adequate, verygood mobile optimized ui right behind it which userscould actually use. and so, in thissituation, you're losing the opportunityto engage with users.

so this full pageoverlay or interstitial is not a good idea. it annoyed all but the mostloyal and familiar customers. many sites promotedtheir sites as banner along the top orbottom, and users were fine with thesebanners if they were reasonably sizedand dismissible. they weren't too happy,however, when the banner started taking up too muchspace and wouldn't go away.

in landscape orientation,think about that too because thebanners can take up really valuablevertical screen space. so both androidand ios users were used to seeing thesebanner promotions, and they were quite happyif they could dismiss them, or perhaps they wouldwant to use them. but the thing i reallywant to emphasize here is that mobile web isan opportunity for you

to engage your users. you might end upwith a great pool of committed, engagedusers on the mobile web. it's a gateway to yourbusiness, but you also might have a populationof users there. so make sure that yourpromotions are not getting in the way ofyour key call to action. and this is one of themost important principles. it's about taking allthese design practices

and creating a mobile optimizedsite all the way through. our study clearlyillustrated how much uses preferred mobile optimizedsites over desktop sites viewed many things, we saw loweruser ratings for desktop sites on mobile, lower tasksuccess, much more errors, all the things you'd expect. however, we foundthat some sites mixed mobile friendlypages with desktop sites. so you start offreally, really well.

you like, yeah, i cando this on this site. hit a button, andthere you go, the text is too small, it's a desktoppage, terrible experience. and we found that those actuallyrated the worst of everything. and it's because it reallystopped users in their tracks, right. they're trying todo their tasks, and it's even more of adisappointment in a way because it was more unexpected.

so optimize yoursite for mobile, and you need to optimizethe entire site. i know some of the sites canbe really humongous efforts, and their can be thousands ofpages to make mobile friendly. so in those cases, if you canonly do it, sort of in chunks, i really advise thinking aboutthe main navigation parts that people have to go throughto make sure that you're not providing them withthat experience of going from a friendly pageto a desktop page.

you can look, of course,at your analytics traffic to try and work that out. so the site-wide take-aways. don't make users pinch andzoom, at all on your site. provide expandable,tappable images. be clear why you need theuser's location for them, so that that can be used wisely. keep your user in asingle browser window. so think about all thosereasons that they might leave.

don't let promotionssteal the show, and optimize yourentire site for mobile. so that brings us to the end ofthe principles we're reviewing. and we hope these thingsthat we've gone through are going to be helpful to youdeveloping a better mobile web experience. and i know you'reunlikely to have to memorized this presentation. so the good news is, thatall these 25 principles

are available in awhite paper for you. and that white paperexplains what you need to do. we also have webfundamentals, which is an online resourcethat tells you about how to do some of thesethings on the multi-device web. so if i've justcovered the what to do, which is the whitepaper, you can think of web fundamentalsof that as a how to do it. it covers a lot of thetechnical guidance,

how to avoid the commonpitfalls that people make when building sites. and it advocates forresponsive design. and we have a numberof performance tools. the primary one is thepagespeed insights tool. and it's available to you. it not only gives you insightinto the speed of your site, and how that loads, and whatyou can do to improve that. but it also has someuser experience feedback.

another easy way that you canhelp yourself make a better site is simply to haveusers go through it. this is actually inour usability lab, but you don't needany fancy equipment. you can just watch afew users, perhaps set some time to do that each week. see where the main problems are. and honestly you justwatch a few users and you'll comeacross those issues.

you'll probably seesome of the things we've talked about today. and everyone can useanalytics, so trust that data and incorporate itwith your user testing. and then you'llexplore a pathway to getting moreconversions on your site and improving theexperience for users. so, creating a mobile websiteis really imperative these days. and what i want tosay is it's not just

about shrinkingdesktop to mobile. responsive design is a greatunderlining technology. you've got the one codebase, which in the long term will make things easier. but you do have to think abouthow those elements of your site are going to surface,and what's important at the different device sizes. the different context thatusers are using those in. so i want to concludewith, now is the time

to really make improvementsto your mobile site. think about all of theresources and the effort that's being put intocreating desktop sites. and think about applyingthat same resource and effort and putting that intoyour mobile site. so to get going on mobilesites, we have the principles, we have webfundamentals, and we're going to develop a betterexperience with more conversions, so that you canhave happy and more engaged

users. so thank you for your time. and i'd be gratefulfor hearing from you. so feedback on thepresentation will be a great. please check out the principles. and i'm going to be aroundfor discussion and q and a after this talk. thank you.

web design app windows My Dream : DSLR Camera with Instagram Effects