• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
How to Make a Good Website - 20th GBG Dhaka
 

How to Make a Good Website - 20th GBG Dhaka

on

  • 2,303 views

Tips & tricks on how to make a good website

Tips & tricks on how to make a good website

Statistics

Views

Total Views
2,303
Views on SlideShare
615
Embed Views
1,688

Actions

Likes
2
Downloads
66
Comments
0

4 Embeds 1,688

http://www.gbgdhaka.org 1681
http://translate.googleusercontent.com 4
https://www.facebook.com 2
http://8659835184330160300_a6e35bdebf35b525de7cb3c1d044630da59abb1a.blogspot.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    How to Make a Good Website - 20th GBG Dhaka How to Make a Good Website - 20th GBG Dhaka Presentation Transcript

    • 20th GBG Dhaka Meet-up How to Make a Good Website Sunday, November 3, 2013 In partnership with:
    • GBG Managers – Nash Islam, Riyad Husain & Salman Hossain Building a Custom Site: How We Made Propertyinbd.com (10 min) Ashaque Ul-Haque, Co-Founder, PropertyinBD Use of Natural Language in Web Development (10 min) Shafkat Alam, CTO, BlueScheme Website Visitor’s Experience – Don’t Make Them Think! (10 min) Masrur Hannan, UX Consultant & Founder, Bonolota Designs The Importance of User Interface Design & Its Measurable Impact on the Bottom Line (10 min) Saddam Azad, Founder & CEO, DugDugi Designing a Useful Site (10 min) Milon Nazimaudduala, Chief Product Officer, G&R Ad Network People & Pixels: Managing Web Projects (10 min) Razin Mustafiz, Product Manager, Newscred A Word from BlueScheme (5 min) Rameez Hoque, CEO, BlueScheme Closing Note & Next Steps T O D A Y’ S A G E N D A Welcome Note (5 min)
    • Welcome Note GBG Managers: Nash Islam Riyad Husain Salman Hossain
    • Our Objectives Increase  adop%on  of  internet  technologies   amongst  Bangladeshi  organiza3ons.       Plan  events  that  appeal  to  a  wide  variety  of  key   audience  segments  –  e-­‐commerce,  marketers,   students,  women,  mappers  &  more     Build  a  community  that  gets  to  know  each  other  by   hos3ng  atleast  1  live  event  per  month    
    • GBG  Managers   Advisor   Our Team Head  Intern  
    • Google’s Objective with GBG Build  a  non-­‐technical  community  run  by  local  volunteers   to  share  knowledge  and  best  prac3ces  for  Google  web   technologies.       The  GBG  is  an  experimental  ini3a3ve  started  in  2012,  and   is  based  on  the  success  of  the  Google  Developer  Groups     worldwide,  where  developers  meet  to  discuss  building   applica3ons  with  Google  products.     See  detailed  informa3on  on  GBG  on   Google’s  official  GBG  page  
    • GBGs Worldwide 100+  GBGs   worldwide     30+ GBGs in South & Southeast Asia Nearby GBGs include Pakistan, India, Sri Lanka, Thailand, Indonesia, Malaysia, Cambodia, Vietnam & Philippines
    • Our Events We’ve organized 20 successful events so far, reaching more than 1500 local digital professionals, entrepreneurs & changemakers. We are a community of technology thought leaders See  pictures  and  presenta3ons  on  our  Blog,  Google+  &  Facebook  page.    
    • GBG Dhaka 2013 Event Roadmap •  Jan  6  –  E-­‐Commerce  Hour  &  Startup  Weekend  Mini  Bootcamp   •  Feb  1  –  Building  Brands  with  Digital   •  Feb  16  –  Educa3on  &  Collabora3on  Online   •  Mar  29  –  Mapping  Bangladesh   •  April  25  –  GBG  @  PMO  Innova3on  Adda   •  May  10  –  Mapping  Experts  Meetup   •  May  21  –  Empowering  Project  Management  with  Web  Tools   •  June  1  –  Women  on  the  Web  Workshop  #1   •  June  30  –  Student  Leaders  Workshop  
    • GBG Dhaka 2013 Event Roadmap •  Sep  7  –  Mapping  Banani  #1   •  Sep  8  –  Dhaka’s  Tech  Communi3es   •  Sep  14  –  Mapping  Banani  #2   •  Nov  3  –  How  to  Build  a  Good  Website   •  Nov  10  –  Latest  in  E-­‐Commerce   •  AND  LOTS  MORE!   Share  YOUR  IDEAS  for  events  with  us!  
    • Full-Control! Embed Stuff & More
    • Building a Custom Site: How We Made PropertyinBD.com Ahsan Ul-Haque Co-Founder PropertyinBD
    • “Innovation distinguishes between a leader and a follower.”
    • BUILDING A CUSTOM SITE HOW WE MADE PROPERTYINBD.COM Date: 3rd October; Sunday
    • Introducing Myself Ashaque-ul haque Co-Founder Propertyinbd Profession: Art Director
    • About “propertyinbd” ¨  property related classified website. ¤  ¨  The best feature of our - “easy search option” ¤  ¨  Where people come and get to find their desirable house office shops or any other commercial space and similarly they can post their salable or rentable property here. People can search by locality based (ex. Not by full uttara but one can search by sector too). People can get every kind of property related information ¤  ¤  rent ¤  property news ¤  Events ¤  ¨  Buy articles. Listing property for individual person is totally free and Developers can showcase their products with a individual website under “propertyinbd” which is a monthly based paid service.
    • How the Idea Came •  •  •  Experience is the source of idea! Thinking of something new, does not exist in market Property related portal was not present
    • And the opportunities…. ¤  ¤  ¤  The experience of practical life revolution of internet future real estate market in Bangladesh These are the three thing which drives us to make a website like this
    • Then….
    • The Execution ¨  Team making ¤  Analysis ¤  design ¤  Technical ¤  Data storage ¤  Branding
    • Factors we Considered ¨  Analysis of property portal in Bangladesh ¤  ¨  find out the lacking of these website We also analyzed some world’s popular property portal ¤  zoopla(uk) ¤  iProperty(singapore) ¤  ¤  ¨  ¨  Rumah123(indonasia) indiaproperty, makaan(india) Sorting out the unique idea/feature and merging with our unique and helpful idea which can really Must be helpful & convenient for users
    • The website: First concept
    • The website : 2nd try
    • The website: Final design
    • The website : Live Website
    • The website : Property listings
    • The website : Property Details
    • The website : Article
    • The website : Developer Listings
    • The website : Developer Home
    • Challenges we faced ¨  Behavioral change of consumers ¨  Creating awareness of our website ¨  Communication ¨  Lack of experience ¨  Required Investment amount
    • Getting more close to People
    • Getting more close to People
    • Getting more close to People
    • Getting more close to People
    • Getting more close to People
    • Getting more close to People
    • Getting more close to People
    • Response from Market -  -  -  -  -  More than 500 registered members Increasing number of contributors 25 Thousand visitor 1 lakh 50 thousand page view Became 2nd position in property portal according to alexa ratings. We are planning mass communication for our publicity.
    • Future Plan ¨  Getting enlisted with real estate companies ¨  Enriched with all the information ¨  Contact with architect firms, interior design houses as well as law house ¨  Required initiatives for enabling it as market leader.
    • Thank You
    • Use of Natural Language in Web Development Shafkat Alam CTO BlueScheme
    • NATURAL LANGUAGE IN WEB DEVELOPMENT Shafkat Alam CTO, Bluescheme HBSc Computer Science, HBA Economics University of Toronto, Canada
    • Issues with Language Web programming is the science of coming up with increasingly complicated ways of concatenating strings. Source: Twitter •  Bi-lingual – English, Bangla •  Multicurrency – Taka, Dollar, etc •  Pluralisation •  Gender Selection
    • Typical auto generated messages •  Welcome back Mr/Ms ____, you have 5 new message(s) •  Welcome back Mr/Ms ____, you have 1 new message(s) •  Welcome back Mr/Ms ____, you have 0 new message(s) •  Number of new messages: 5 •  Product price: BDT 1,00,000.00 •  Product price: USD 1,00,000.00 •  There are 8 result(s) in 1 categor(ies) •  Facebook in the early days, •  Person X updated their profile picture
    • Thing to Note •  Standardise plural data with the following keywords “zero”, “one”, “two”, “few”, “many”, “other”. •  All languages can be roughly mapped to these keywords, and it is the basis of optimised user messages
    • Optimised Messages •  Welcome back Mr ____, you have 5 new messages •  Welcome back Ms ____, you have 1 new message •  Welcome back Mr ____, you have no new message •  Product price: BDT 1,00,000.00 •  Product price: USD 100,000.00 •  There are 8 results in 1 category •  Facebook in the early days, •  Person X updated his profile picture
    • Solutions & More Resources •  The UX of Language by Alex Sexton •  http://alexsexton.com/blog/2012/03/the-ux-of-language/ •  Gettext (jed) •  ICU MessageFormat
    • Website Visitor’s Experience: Don’t Make Them Think! Masrur Hannan UX Consultant & Co-Founder Bonolota Designs
    • Website Visitor’s Experience ‘Don’t Make Them Think!’ Masrur Hannan www.linkedin.com/in/masrurhannan Content ‘mostly’ based on: Don’t Make Me Think, by Steve Krugg, Ex- Apple UX personnel.
    • Discussion Topics •  What is User Experience (UX)? [2 minutes, 2 Slides] •  How to Design User’s Experience [3 minutes, 3 Slides] •  Website Visitor’s Experience [5 minutes, 11 Slides]
    • What is User Experience (UX)?
    • User Experience (UX) in daily life
    • What is User Experience Design?
    • How to design User’s Experience Bonolota Designs’ methodologies in User Experience Design: 1. Initial RESEARCH 2. Prototyping 3. User Testing of prototypes 4. Iterative design and development with USER TESTING 5. Post-launch performance measuring
    • User Experience (UX) Design objective
    • User’s Experience Design and Websites Website Visitor’s Experience - ‘Don’t Make Them Think!’ Any Web Page, should be:   1. Self-evident 2. Obvious 3. Self-explanatory Visitors should be able to “get it”, and with no Squinting :)
    • Website Visitor’s Experience Design When creating a site, the most important job is to get rid of Visitor’s question marks!
    • Website Visitor’s Experience Design
    • Website Visitor’s Experience Design Things that make us think Links and buttons that aren’t obviously clickable. · Where am I? · Where should I begin? · Where did they put _____? · What are the most important things on this page? · Why did they call it that?
    • Website Visitor’s Experience Design We don’t read pages. We scan them.
    • Website Visitor’s Experience Design
    • Website Visitor’s Experience Design Glancing around, a website visitor should be able to point at the different areas of the page and say: “Things I can do on this site!” “Links to today’s top stories!” “Products this company sells!” “Things they’re eager to sell me!” “Navigation to get to the rest of the site!”  
    • Website Visitor’s Experience Design Designing the Home picture'. Page: 'conveying the big •  Site identity and mission •  Site hierarchy •  Search •  Timely content •  Deals •  Shortcuts
    • Website Visitor’s Experience Design Designing the Home message across: Page, getting the 1. The tagline – precise, NOT vague 2. The Welcome blurb – Not ‘mission statement’ 3. Don’t use any more space than necessary.
    • Website Visitor’s Experience Design Things that can diminish goodwill: 1. Hiding information that visitors want 2. Punishing visitors for not doing things your way! 3. Asking visitors for information site don’t really need 4. Putting sizzle in my way 5. Amateurish looking sites
    • Website Visitor’s Experience Design Things that can increase goodwill: 1. Save visitors steps wherever you can 2. Know what questions I’m likely to have, and answer them 3. Keep website pages up to date 4. When in doubt, apologize 5. Make it easy to recover from errors
    • Thanks! … Sorry, perhaps NO time for Q&A? URLs: www.bonolota.com (coming soon) www.fb.com/bonolotadesigns Email: contact@bonolota.com Masrur Hannan: mh@bonolota.com SlideShare: http://slideshare.net/mhannan Linked In: www.linkedin.com/in/masrurhannan Thanks again, Masrur Hannan.
    • The Importance of User Interface Design & its Measurable Impact on the Bottom Line Saddam Azad Founder & CEO DugDugi
    • UI/UX DESIGN AND ITS IMPACT ON BUSINESS BOTTOM LINE
    • CALL TO ACTION •  Think  of  the  user  as  a  people  with  needs       •  Provide  an  incen3ve  to  the  user     •  Communicate  the  USP  –  using  text,  graphics   and  even  video.  
    • Simple, yet effective
    • Appealing, instills a sense of curiosity
    • Solve a problem
    • OBAMA FOR AMERICA CAMPAIGN DONATIONS •  A/B  tes3ng  of     –  Call  to  Ac3on   –  Contrast   –  Visibility   –  Focus  
    • $200 MILLION IN ADDITIONAL REVENUE
    • Thank you.
    • Designing a Useful Site Milon Chief Product Officer G&R Ad Network
    • Muhammad Nazimuddaula •  •  •  Started career as an Animator 2003 Worked in Advertising for 2 years Working with websites since 2005
    • Drawings in 30 seconds
    • after adding some colors on 30 seconds drawings
    • good design is good plan
    • it starts with paper and pencil (pen, photoshop etc also allowed)
    • its never too late to ‘do the right thing’
    • thanks J
    • People & Pixels: Managing Web Projects Razin Mustafiz Product Manager NewsCred
    • A Word from BlueScheme Rameez Hoque CEO BlueScheme
    • THANK YOU !! Please follow us on Google+ & Facebook to keep up to date on our latest activities