Cort Johnson of Terrible Labs was kind enough to stop by the Harvard I-lab to talk with us about prototyping. As an engineer at heart my biggest tendency is to build first and ask questions later. I’ve easily wasted years of my life building products to test user demand – when a simple paper (or PowerPoint) prototype would suffice. So, here are some tips to help you design a great product BEFORE you build it!
The Basic Prototyping Process:
-
Plan the tasks you need to test
- Have a clear idea of what you want to learn.
-
Observation
- Watch how users interact with similar or competing products
-
Sketch a user flow
- what tasks needs to be accomplished or what information do we need from the user? Make a simple diagram that links all the tasks together.
-
Beginning with the core, sketch or create simple wireframes of application screens
- Draw simple icons and areas to get a sense for layout. There are great templates for iPhones or websites (or even just paper with a grid of dots) that can help guide this process. A favorite of Cort’s is Pop Prototyping on Paper.
- Cores and Paths – the core is the critical content that people come to the site on. With Flickr it’s photos for a software company it’s the product page. Know that however much navigation you build (from the homepage) know that it’s just one path. Users will mostly likely arrive directly at the critical content – bypassing the rest of your site. Build for that.
- Think about inward paths and outward paths
- What are the user goals and business goals?
- Lastly there are trigger words/content/calls to action
-
Add interactivity and visual polish as needed
- Wireframe – start doing high fidelity wire framing with keynote or PowerPoint. Use conditional links for each button in these presentation systems to mimic the conditional states of your product.
- Fake Doors - Building some new features? Add a button or link that makes it look like the button is there and see how many click on it. Take them to a landing page with maybe a beta user sign up. Don’t build it out until you’ve confirmed interest.
-
Consider audience and intent when selecting the right but make it minimally real
-
Prototype early and often no need to code
And as you’re moving through this whole process here are some tips:
Last (but not least!) here are some really great online resources Court mentioned that will help you get on your way to being a prototyping wiz!
Sketching
- Design pattern library (developer.yahoo.com)
- Templates (interfacesketch.tumblr.com)
- POP for iPhone (http://popapp.in)
Wireframing
- Sketchflow http://microsoft.com/expression
- Axure http://axure.com
- Balsamiq http://balsamiq.com
- Keynote Kung Fu http://keynotekungfu.com
- Keynotopia http://keynotopia.com/themes
- InVision http://invisionapp.com
- http://proto.io
Aivivu đại lý vé máy bay, tham khảo
ReplyDeletevé máy bay đi Mỹ giá rẻ 2021
vé máy bay về việt nam từ mỹ
vé máy bay đi sài gòn vietjet
vé máy bay đà lạt hà nội
đặt vé máy bay nha trang
taxi sân bay hà nội nội bài
Combo Đà Lạt
rastgele görüntülü konuşma - kredi hesaplama - instagram video indir - instagram takipçi satın al - instagram takipçi satın al - tiktok takipçi satın al - instagram takipçi satın al - instagram beğeni satın al - instagram takipçi satın al - instagram takipçi satın al - instagram takipçi satın al - instagram takipçi satın al - binance güvenilir mi - binance güvenilir mi - binance güvenilir mi - binance güvenilir mi - instagram beğeni satın al - instagram beğeni satın al - polen filtresi - google haritalara yer ekleme - btcturk güvenilir mi - binance hesap açma - kuşadası kiralık villa - tiktok izlenme satın al - instagram takipçi satın al - sms onay - paribu sahibi - binance sahibi - btcturk sahibi - paribu ne zaman kuruldu - binance ne zaman kuruldu - btcturk ne zaman kuruldu - youtube izlenme satın al - torrent oyun - google haritalara yer ekleme - altyapısız internet - bedava internet - no deposit bonus forex - erkek spor ayakkabı - webturkey.net - karfiltre.com - tiktok jeton hilesi - tiktok beğeni satın al - microsoft word indir - misli indir
ReplyDeletepond coin hangi borsada
ReplyDeleteslp coin hangi borsada
enjin coin hangi borsada
mina coin hangi borsada
sngls coin hangi borsada
win coin hangi borsada
shiba coin hangi borsada
is binance safe
is binance safe
Is this a paid topic or do you change it yourself?
ReplyDeleteHowever, stopping by with great quality writing, it's hard to see any good blog today.
Balsamiq Mockups Crack
Microsoft Office Crack
CCleaner Pro Crack
WinZip Pro Crack
tiktok jeton hilesi
ReplyDeletetiktok jeton hilesi
referans kimliği nedir
gate güvenilir mi
tiktok jeton hilesi
paribu
btcturk
bitcoin nasıl alınır
yurtdışı kargo
bitcoin nasıl alınır
ReplyDeletetiktok jeton hilesi
youtube abone satın al
gate io güvenilir mi
referans kimliği nedir
tiktok takipçi satın al
bitcoin nasıl alınır
mobil ödeme bozdurma
mobil ödeme bozdurma
perde modelleri
ReplyDeletesms onay
mobil ödeme bozdurma
nft nasıl alınır
ANKARA EVDEN EVE NAKLİYAT
Trafik sigortasi
DEDEKTÖR
site kurmak
aşk kitapları
ümraniye daikin klima servisi
ReplyDeletebeykoz toshiba klima servisi
üsküdar toshiba klima servisi
ataşehir bosch klima servisi
ümraniye vestel klima servisi
kartal bosch klima servisi
çekmeköy toshiba klima servisi
ataşehir toshiba klima servisi
çekmeköy beko klima servisi