The iMountain

I love UI design and usability

2009-06-28T07:23:00.001-07:00

Recently after much soul searching, I found one field in design that's close to my heart and it's User Interface Design. Lately I've been reading books like Design of Everyday Things by Don Norman and Designing Interfaces by Jenifer Tidwell and I find myself filling these books' pages with notes and comments that could become blog posts someday. It's like a lot of juices are coming from my mind as I read them. Actually, I'm planning to create a separate blog for UI design and Usability, and I'll just announce it here as soon as I've set it up. Why I love UI and usability? Because it has a direct effect to human experience. If done right, the users are happy, accomplish their objectives/tasks smoothly and quickly, therefore resulting to an improved way of life. I think it's the UI that differentiates a Mac and a PC, and why the former has a strong group of raving fans while the latter doesn't.

AyosDito.ph - Philippines' Newest Buy and Sell Online Marketplace

2009-05-22T23:52:00.001-07:00

Filipinos are fast becoming active Internet citizens and online entrepreneurs. You can see it from the growth of Philippine online ads directory sites and the large number of ads being posted on those sites showing how wide Filipinos have accepted online marketplace trading. The latest newcomer is AyosDito.ph.

Unlike other sites, AyosDito has an uncluttered clean user interface which I am biased of. AyosDito has done a fairly good job on that from the homepage to search results and the ad details page.

The Philippine map on the homepage is unique but intuitive providing users a way to zoom in to local ads in their respective locations. It's unique because most buy and sell sites place so many words and links at the homepage that the user gets overwhelmed. With AyosDito, it makes sense to put the map at the homepage as we are most likely to be interested in offers which are accessible from where we live. However, I do want to see a search box at the homepage for those who are looking for specific items upfront.

Similarly, the search results page is easy on the eyes. Whether you're looking for used items or jobs and services, you will find a page neatly arranged by rows and sorted according to the latest ads posted on the site. The ad details page is also as uncluttered as the other pages, easy to scan and read.

Overall, the usability of the site is measured by the time it takes to accomplish a task on the site. The faster you get the task done means you had no delays due to problems, indecision or confusion caused by poor design. AyosDito is user-friendly. Say you're looking for a web design service in Manila, AyosDito's clean, non-overwhelming, non-distracting user interface will get you there fast and smooth.

List of General Content Categories that People Want

2009-05-22T00:13:00.001-07:00

I'm recently into scrutinizing the thought about generalizing everything as content. Like every design can be generalized as content. An article is a content, so is video, so is audio, so is a whole website, typography, poster, event, product package, service. Like when you're designing a whole website, you're actually just creating content. And when you create content, you're actually designing. The content in your site is actually the design of your site, and the aesthetic design of your site is also a content in itself.

Well anyways, I came across this video and what stuck in my mind was about that idea that everybody can now create sites, and so content will grow exponentially on the web. I find it interesting when the video mentioned (somewhere in the middle) about people searching for "New", "Popular" and "Interesting" ice creams. I think these terms are important as these are the general categories that people are looking for and therefore we must design and stuff our sites with content that can be considered as such to increase traffic. Then I thought of other categories or adjectives and below is my list (not in rank of importance and not exhaustive, may update this list in the future).

Content Adjectives

New - latest, newest
Popular - most known, most hits, or can be sensations.
Interesting - something unique and different. May not be popular.
Best - something that stands out in one or more criteria
Basic - fundamentals. simple and easy to understand
Deep - detailed explanation on a subject matter
True - reliable info, accurate

Content Categories

Profiles/Definition - details or description of a term or concept, product or service, or person.
News - events or updates on your subject.
Tips / How To - tutorials and pointers that help people accomplish their tasks or solve their problems
Reviews - what other people say about a product or service. Feature comparisons among items.
Case Studies - stories for consideration. could be testimonies, portfolio or simply stories.

iBlog5 - Things Learned from the Blogging Summit in the Philippines

2009-05-10T01:24:00.000-07:00

Going to iBlog5, Blogging Summit in the Philippines, was worth it. I was actually planning not to go to iBlog5, which was held at Malcolm Hall, College of Law, UP Diliman, last May 9, 2009. But I'm glad I did even though I was only able to attend the afternoon session. Learned a lot of things. Here are some, not in order.

The Blogging Scene in the Philippines

The tribe of bloggers in the Philippines is growing big.
Blogger Parties/Events are common nowadays in the Philippines. A blogger event is usually sponsored by one major advertiser with the hope of gaining goodwill and spreading word of "blog" about their company or products. Some companies such as Yehey are already providing Blogger Events Management service.
Bloggers will create campaign blogs or are being prepared for election in 2010 as citizen journalists. For those who are interested to blog for 2010 Election you can visit the Bloggers Election Handbook by Janette Toral

Evolution of Bloggers by Anton Diaz

Artist - a blogger starts out by expressing himself, his story for the day, his rants and anything that he wants to blog about.
Advocate - the blogger begins to talk on topics where he is passionate about. He no longer talks about just himself but rather transitions to creating content about his advocacies, latest updates on his industry, or anything related to his interests. I think I'm at this level.
Entrepreneur - the blogger begins to make money through his blog. Anton cited that one needs to know about web business models and implement one, in order to evolve to this level. Some bloggers use the publisher model, where they earn through advertisements, just like offline magazines. I wonder what the rest of the business models are.
Maven - the blogger rises up to be a thought leader, one who is considered an expert or guru, who people look up to for knowledge and ideas. I think Seth Godin is at this level.

Blogging Tips

Social Media Optimization not just Search Engine Optimization (SMO vs SEO) - heard the word SMO first from Fitz Villafuerte. He says that nowadays, we need to optimize and maximize our use of social networks such as Facebook, Twitter, etc. to drive visitors to our sites and not just focus on search engines rankings.
Content is King, Marketing is Queen. - Anton Diaz said that writing great content is not enough, marketing is as important. Some forms of marketing are social networking and joining online conversations.
Bloggers must learn to write good content now or else - Jayvee Fernandez predicted that in the near future, most non-blogger print magazine writers will transition to blogging online, so sooner or later they will outplay current bloggers in terms of producing quality content which attracts site traffic.

Links copied from Influential Blogger

Live stream feed last May 9

Video

RPs Blogging Community Preparing for the 2010 Polls (GMA News)
iBlog5 (Sonnie)
Interview on iBlog5, iBlog6, and the Top 10 Emerging Blogs Project (Carlo)

Photos

Blog posts

iBlog5: PhotoBlogging Discussion Complement (Fritz)
iBlog5 Summit
My iBlog5 Experience
iBlog5: Bloggers are Mutants
Chronicles of iBlog 5 (Jorich)
iBlog5: The Philippine Blogging Summit Aftermath (Micaela)
Bakla Goes to iBlog5 (AJ)
iBlog5 tackles blogger's role in election (Patricia)
iBlog5: Back to the Basics of Blogging (John)
The iBlog5 Experience (Marhgil)
iBlog 5: My first blogging event (Randy)
My iBlog5 Experience (Maureen)
The Thirsty Blogger Attends iBlog 5 (Fitz)
Success of iBlog5: Congratulations (Gilbert)
IBLOG5 and Taboo (Juned)
Deconstructing the iBlog5 Summit (Fencesitter)
How to blog about blogging (Tikisoka)
Timeline of unreported noteworthy occurrences at the 5th Philippine Blogging Summit (V)
The Secret in Taking Your Blog to the Next Level (Anton)
The iBlog5 Experience (N.F. Trapa)
COMELEC is PHAIL (Laya)
iBlog5 is the 5th Philippine Blogging Summit (Jehzlau)
Ukay-ukay Escapades at iBlog5! (Madz)
Are you Evolving as a Blogger? (by Anton Diaz @ iBlog5) (Lawrence)
Post iblog5 (Christa)
My iBlog5: The 5th Philippine Blogging Summit Experience (Jeffrey)
iBlog5 (Carl)
Photoblogging 102, tequila shots, dancing and hulabaloo at iBlog5 (Poyt)
Blogging for Bloggers (Rene)
My iBlog5 Aftermath (Leira)
iBlog Experience (Maria Katrina)
iBlog5 5th Philippine Blogging Summit at UP Diliman (Tonyo)
Top 5 Tips That Probloggers Will Usually Not Tell You About Making Money Online (Fitz)
At iBlog5 (Arbet)
Blogger Evolution and 4 Types of Bloggers (Carlo)
iBlog5: So many bloggers… so little time… (Roy)
5th Philippine Blogging Summit (Benito)
iBlog5 Thoughts (Regnard)
Live Blogging at Iblog 5 | Pictures and Experience @ iblog 5 (Dexter)
iBlog5: The 5th Philippine Blogging Summit (Jen)
iBlog5: The 5th Philippine Blogging Summit (Rochelle)
iBlog5 Summit and It’s Munificent Speakers (Ada)
iblog5 - A Success (Mon)
iBlog5, therefore I am (Kevin)
iBlog5: A FabOUlous Event (Kring)
The iBlog5 Summit (EdZee)
iBlog5 Postscript - of Mobile Blogging and the Elections (Edwin)
What I Learned From The iBlog5 Philippine Blogging Summit (Earth)
I Blog 5 (Rommel)
My iBlog5 Experience (Snow)
iBlog5 Post Event Coverage and Reasons Why You Should Go to iBlog6 (Carlo)
iBlog5- 5th Philippine Blogging Summit (Noemi)
iBlog5: The Philippine Blogging Summit (Villa)
iBlog5, and Coffee With Girl Friday (Judd)
Blogging About My iBlog5 Experience (Louis)
iBlog 5 (Niki)
Ako Mismo a hot topic on iBlog5 (Lawrence)

#iblog5

Next time say "design"

2009-05-02T05:55:00.000-07:00

"To say that something is designed means it has intentions that go beyond its function. Otherwise it’s just planning." — Ayse Birsel

"A designer is a planner with an aesthetic sense". — Bruno Munari

I encountered these design quotes a few days ago and they made me think about the difference of design vs. planning. Which leads me to the conclusion that designing is higher than planning. I think we should all say next time "Let's design this" on whatever it is we're working on, rather than saying "Let's plan this".

There's a difference between the two. The latter implies a process that is pragmatic in nature and lacks energy and passion. The former invites you to explore and craft your future with creativity, to make it interesting, to make it harmonious, to make it effective, to go for the ideal and to express your values. Planning asks you to come up with a solution. Designing forces you to go beyond planning and asks you to be creative in achieving your goals.

If you're a teacher, say "I'll design this lecture" rather than "I'll plan how to deliver this lesson". If you're asked to organize an event say "I'll design this event" rather than "I'll plan this event". If you want to start a business say "I'll design this business" rather than saying "I'll plan this business". It somehow sends a message to your subconscious mind "I'll do this with creativity and passion".

Work Productivity Philosophy

2009-03-17T10:14:00.000-07:00

In pressure times like these past weeks (i think it should be months for me, that is), I'm trying to compile a formula work philosophy to be as effective as I could in everything that I do. Below is a list in progress, not in order of importance. Some of them I took from GTD and ZTD. Disclaimer: these may or may not work for you. I'll be adding to this list as I stumble on new things.

Remove distractions to gain focus - e.g. we have to close those extra windows or applications or browser tabs and leave only those that are needed for the job at hand.
If it can be done in 2 minutes, do it immediately.
Just get started - the first step may not be that big or grand, but it takes the first step to build momentum
Momentum is important so do not break your momentum - resist temptation to switch or take a break if you're not that satisfied or tired yet. Unnecessary breaks break momentum. Find a place where you can't be interrupted.
Be aware of your big time wasters - like unnecessary friendstering, or facebooking or chatting. Measure how much you spend time on those and choose to refrain.
Prioritize daily - look for the 3 most urgent and important tasks for the day and do it. Only then after having accomplished those 3 should you take on other tasks. Otherwise, leave the rest for the next day.
Aim for balance - we juggle many projects/responsibilities. To focus fully on only one of those projects/responsibilities means delay or disaster for the others.
Balance by focus on small steps - Find ways to be daily aware of the status of what's happening on each of those projects/responsibilities. Determine the next small step action for each area and allot future time for it.
Write down everything that worries you - Exhaust them out of your mind. Once you've written them, you will be tempted to forget them because you already have a list that you can go back to.
Everything you do involves a risk, even doing nothing - Avoid paralysis by analysis. There will always be an amount of possible failure in everything that we do. So why bother worrying too much when we can never be too sure anyway. Decide early on if you are willing to accept that failure if ever it happens. Then be ready for the ride.

Thoughts from "Soaring in the Business World" Conference

2008-12-17T00:07:00.000-08:00

It's been a long time since the last time I blogged. I had very busy weeks. But anyway, I'd like to share some pointers I learned from the Kingdom Business Conference themed "Soaring in the Business World" held last December 11, 2008 at PICC.

One of the messages that I liked most at the conference came from Leif Hetland. He shared about the three D's that we all have to live with and should expect in our businesses and life in general.

Disappointments - things do not and will not always happen as we planned or as we expected them to be . People sometimes don't perform or respond as we wanted them to be. The execution of plans don't always go smoothly. Sometimes the equipments that we use don't function properly at the exact time we need them the most. We should learn to understand that frustrations are part of our daily lives and to be so occupied with them will only stress us.
Discouragements - closely related and sometimes interchangeably used with disappointments, but discouragements happen when we begin to lose hope or lose courage to move on in an endeavor, plan or pursuit. It is inevitable that we will make failures and mistakes along the way. Failures for some are the source of most discouragements. Sometimes it's the circumstances around us that will zap the resolve in us, e.g. the global financial crisis. We must learn to expect that every now and then, there will be times that some stuff will drain away our emotional strength to pursue things. If we don't know how to rebound from discouragements, we will be slowed down and accomplish fewer things.
Distractions - there will always be opportunities and problems that will take away our focus from the things that we should be doing. Some ideas and opportunities are attractive enough to cause us to divert our overall road map or direction. But the question is: Is it really the right decision at this time? If we get easily distracted, we might get too thinly spread or lose momentum. Everything that we do will require portions of our time, effort and money. The focus and timing by which we invest these resources will determine the measure of our impact and output.

Points to remember:

The Three D's will come on a daily basis.
Expecting them coming, makes all the difference as to how we will respond.
Stay cool, recharge, ignore or refocus.

If we learn how to deal with the three D's in our businesses and daily lives, we become like eagles soaring above the storms.

Designing the Kingdom Business Conference Brochure

2008-11-12T00:46:00.000-08:00

I was asked to design a brochure for a conference on December, the Kingdom Business Conference. By the way let me plug it in here: I'd like to invite you to this conference on December 11, 2008, 1pm to 6pm at the PICC Meeting Room 4. This year's theme is "Soaring in the Business World" and basically this is a conference for entrepreneurs and professionals, or anyone who desire to become positive influencers in the business arena. The conference will feature 3 speakers who will speak on both spiritual and practical advices on soaring in the business world as the theme suggests. The speakers are Leif Hetland, Dick Hochreiter, and Larry Ihle, all of which have spoken in business conferences and have Christian marketplace ministries in the United States. Session Topics are entitled: "Becoming an Eagle in the Business World", "Stop Struggling, Start Soaring", and "Tapping into the Supernatural". If these topics interests you, contact me and I'll send you the registration form. The registration fee is now P1,500 (~~P2000~~). For more info on the event, please visit this link: Kingdom Business Conference

I'd like to share here some thoughts that I had in the process of designing the brochure.

Elements Selection
Everything has to start with the theme. The brochure design must emerge from the theme. I used images associated with the words on the theme statement. The word Soaring are associated with birds, eagles, flight, sky, clouds. Business World connotes money, firms, industries, technology, buildings and cities. I chose bold techno and sans serif fonts because they best represent the modern world rather than Times New Roman and other serif fonts which tend to exude elegance and a feeling of conservative bureaucracy.

Front and Back Cover

Inner Spread

Concept and Conveyance
Words are not just the only things that speak in a design material. Every element speaks: The images, the fonts, the colors, the backdrop. But then there has to be a concept to unify them. The drama we chose for this brochure can be summarized in the subtext at the front page which says "In a time of uncertainty and economic upheaval, we need wisdom to rise strong above the storms...". This is the reason why the outer front and back cover page are dark because I thought of storms and turmoil. Then I thought of soaring, which gives an impression of enlightenment, encouragement resulting to inner pages with clouds, an eagle and a lighter color scheme. I usually design with one main color for a whole material, but this time I wanted it unique. I wanted to play with sharp contrasts. The impression I wanted to convey was that when the readers look at the outer cover they will feel the problem in the business world at hand, but when they open the brochure they will encounter a totally different and lighter page causing them to feel hope and encouragement. The dark cityscape represents the business world and the economic problem while the eagle and blue clouds represent the soaring part (by the way, the eagle is the only bird who can rise above the storms and soar). The yellow boxes were also intentional to further lighten the mood.

Positioning of Elements
I found out that the theme still dictate the positioning of elements. Notice the yellow bird shape at the front page. I tried placing it nearest the top-right part of the headline. Then I tried placing it at the top rightmost part of the brochure farthest the headline. The latter option was better since separating the bird from the headline helped amplify that sense of "Soaring". Notice also the eagle in the inner page. I first tried placing it below the Program Box. But then it made me feel that the eagle was struggling and not soaring. When I tried placing it on the upper portion, and the Program Box at the lower portion, it emphasized the soaring eagle and made it the focus of the page spread.

Actual Brochure Print

Screen and Print Output Differences
When the brochure came out from the printing press already mass-produced, I didn't like the output because the inner page was darker than I expected it to be. It was supposed to be bright. I guess next time, I should choose colors brighter than I wanted it to be. And next time I should also be present at the print shop when they release the test print. I was in Davao when they produced the test print. If I did, I would have had the chance to modify it before the final release.

Overall it has been a fruitful and fun design exercise for me. It is rewarding to engage with new design ideas in the mind.

My Wordpress Theme Design Process

2008-11-07T22:30:00.000-08:00

I had a chance to build a personal website for a mentor, actually he's our senior pastor in our church. And I choose Wordpress to develop his site. Web development has changed already because of Wordpress. Some web agencies are already using Wordpress to quickly build sites for their clients. For this post, I'd like to share the Wordpress theme design process I did for Paulyadao.com.

Learn how to create a WP Theme - I studied on how to build a Wordpress theme. I learned a lot from this tutorial - "So you want to create Wordpress Themes huh?"
Look for a theme concept - this particular couple client love anything about eagles and grapes. They have eagle paintings in their house and plates, cups, saucers with grapes design. So I initially used a page background with an eagle face on the right and a bunch of grapes the left side. But I thought it didn't look good. So I decided to stick with the Vine concept. I named this theme the Vine. From the header to page backgrounds you could see vine flourish patterns. A concept can help unify page components and give a unique character to a site.
Choose a color scheme - I never thought of tagging a site as a "blue site", a "black and white site", a "red site", etc. until I came across Design Meltdown. Design Meltdown has a collection of current beautiful sites according to their colors. Design Meltdown also has explanations on what each color stands for and how they affect audience first impressions. For paulyadao.com, we preferred (me and my clients) it to be a brown site. A brown site gives a feeling of down-to-earthness. And I thought most of the pictures will display Filipino people who are brown-skinned. If your client has a logo, it's best to stick with one of the colors in the logo.
Decide on the dimensions and column layout - I initially chose the 2-column layout where the right column as the narrower column serving as sidebar and the left column as the wider column for the main content. But I wanted it to be different so I decided on an equal 2-column layout where the right column holds the main content and the left column for images and other components such as the comments form.

->
Design and code the template components - I started with the header.php, and footer.php since every page will contain them. Then the index.php which is the homepage. Then the page.php which is the layout for page content. Then the single.php for the post content. Then the comments.php for the comments box/form. I also created category pages i.e. category-n.php, which displays only posts for category=n.
Install and customize plugins and javascript components - I added the Events Calendar plugin and customized its CSS to go with the color scheme. Then I added the Feature Content Slider and also edited its CSS. These components don't come originally with your Wordpress installation. There are several Wordpress third-party plugins available that you can use in your site. Choose only those that enhance user experience.

The DigitalFilipino.com Web Awards 2008

2008-11-06T23:39:00.000-08:00

It's been encouraging to attend the DigitalFilipino.com Web Awards for 2008 at Taste Asia, Mall of Asia last November 5, 2008, 1pm to 5:30pm. I remembered last year how it felt to be a winner for our website Philrealty-showroom.com. Most of the winners this year must have been delighted and surprised to be selected as best websites in their respective categories.

Janette started the event discussing the criteria for judging of the entries. I understand that for some artists out there, some of the winners would not have passed their standards. That is because the awards is not about the best website visual design, but about the best website in all aspects and e-commerce practices. The entries were judged openly by the DigitalFilino Club members with regards to search engine readiness, good navigation, originality and freshness of content, layout, design, site speed performance, and interactivity.

Below is the list of winners per category this year:

Apparel / Fashion Category - Tesoro's Philippine Handicrafts and Barongs
Art Category - Hiraya
Association / Organization Category - Information Technology Association of the Philippines
Auction / Shopping Portal Category - KabayanCentral
Automotive Category - AutoIndustriya
Beauty Category - Godiva
Blog - Corporate Category - The Belo Medical Group Blog
Blog - Personal Category - The D Spot
Blog - Professional Category - Tech at Hand
Books Category - OMF Literature
Community Category - TipidPC
Computer / Consumer Electronics Category - Villman Computers Philippines
Consumer Banking / Bills Payment Category - Philippine National Bank
Corporate / Professional Category - Syntactics
Events / Conferences Category - WordCamp Philippines
Financial Services Category - Absolute Traders
Food Category - Filipino Recipes
Games Category - RF Online Philippines
Gifts Category - Express Regalo
Guides / Review Category - ClickTheCity.com
Home Furnishings / Improvement Category - Philippine Interior Design & Feng Shui Tips
Jobs / Employment Category - MyNimo
Magazine Category - Candymag.com
Music / Movie/ Film Category - TitikPilipino
Newspaper Category - Inquirer.net
Pharmaceuticals Category - GlaxoSmithKline Philippines
Podcast Category - The Daily PCIJ
Politics Category - Filipino Voices
Real Estate Category - BF Homes Properties
School / University Category - De La Salle University - Manila
Services Category - Load.com.ph
Social Networking Category - GreatPinoy!
Tourism Category - Cebu CeBoom CeBlog
Travel Category - Philippine Airlines

The winners representative were given a time to share their experiences and insights as they developed their sites. I enjoyed The D Spot talk as she shared how her son encouraged her to try blogging. I also liked The Daily PCIJ's talk as she passionately encouraged bloggers to join forces with journalists in informing the people especially for the 2010 Philippine Election. I find the talk of one of the sponsors, CashSense, enlightening. The CEO shared their story as they shifted being an online company to bricks and mortar then back to being an online company again. It made me realize that it really takes time, effort, strategy and commitment to customers needs and benefits, to win the market.

For more info and coverage on the DigitalFilipino.com Web Awards, visit digitalfilipinowebawards.blogspot.com

The Designer, The Developer, and The Marketer

2008-10-31T03:24:00.001-07:00

Have you read the book E-Myth Revisited by Michael E. Gerber? It's a book for those who would want to enter and succeed in business. The author said in the book that everybody who goes into business is actually three-people-in-one: The Entrepreneur, The Manager, and the Technician. I would not discuss those personalities here. But I want to share an idea something similar to that. I'd like to propose that those who would want to succeed in the web must at least be composed of three persons or a three-people-in-one man/woman: The Designer, The Developer, and The Marketer (not in rank or importance).

The Designer - he's the visual person. The one who decides everything pertaining to the aesthetics of a web property, from colors, to fonts, to images and icons, to the the layout and positioning of all page components. He knows Photoshop and Imageready and all other design editing tools. He's the guy who goes out of the way to make the web pages visually pleasing, interesting and impressive. He's more like Steve Jobs and not Bill Gates. Without the designer, a website looks unprofessional/amateurish, out of trend, bland, and visually boring.

The Developer - he's the code guy. He can be the front-end or the back-end. He builds the structure/skeleton upon which the web property stands stable. He knows CSS, Javascript, AJAX, PHP, MySQL, e-commerce integration, call out all other IT-jargon and abbreviations coz he's the programmer and also the tech-support guy. He cares more about the features and functionalities of a site than the color of the fonts. He's happy when the forms are foolproof and error-free. Without the developer, I wonder what would Google and YouTube look like. It's like saying what would buildings look like without architects and engineers.

The Marketer - he's the business guy. For him it's the content that matters. It's the traffic that matters. It's the ranking that matters. He's the blogger, the SEO, the social networker. He directs what should be communicated to the audience. He cares which product should be featured on the homepage. He cares about the copywrite, the marketing words that convinces the minds. He believes that "Content is King" and all else are pawns or rooks or knights. He either creates the content or hires suppliers. He visits all directories and every networking platform there is to promote his store. Without the marketer, the website will just be out of sight.

Well I'd like to think that it requires these three persons for a web property to become excellent and successful. What would a website look like if it's just built by the designer alone, the developer alone, or the marketer alone? I bet you have a hint. What if it's a two-man team? The Designer-Developer would focus on web standards, the usability, the beauty but the site lacks the content necessary to keep the site moving up the ranks. The Designer-Marketer would focus on the impressiveness and copywrite but the site lacks dynamic structure or user interaction; they might as well produce only static htmls and are ignorant of benefits of AJAX on user experience. The Developer-Marketer would boast of the quantity and output of their content database , but the site looks unreliable because it isn't layouted and designed properly, the page components are not in visual unity.

We could all live with not-so-good websites. But we patronize those that are excellent. As I've stated above, the three persons could also be three-people-in-one. I believe that they can also be called skillsets that an individual aspiring web entrepreneur must each develop. Disclaimer: I'm not three-in-one yet. I'm more of a designer-developer. This post and all this blogging is my way of training the newbie marketer in me.

DigitalFilipino Club and Bloggers Networking Night in Davao

2008-10-21T09:14:00.000-07:00

I just attended DigitalFilipino.com Club's Networking night in Davao last October 21. Met few new friends and was delighted to know that the blogging community in Davao is growing big. The event was sponsored by PAGCOR, newest corporate member of the club and was held at Pantawan Hall, Grand Regal Hotel, in Lanang, Davao City.

The night started with the introduction of all attendees. Janette Toral then introduced DigitalFilipino.com Club and its latest activities. Afterwards, she gave a report on the top 100 Filipino blogs in Ratified.org. I felt proud being a Dabawenyo when Janette told the audience that some of the blogs in that list were created by Dabawenyos like Pinoy Teens Online, Pinoy R.N. and Jehzlau Concepts.

At the event, PAGCOR showed a video about their history, achievements and the upcoming big project - the Tourism City in Manila Bay. This particular project is of interest to me since Manila Bay real estate is now booming partly because of this announcement.

Lastly, when the party and games started, I got my copy of Blogging from Home. Thank you Janette for the autograph. Lately I've been digging into visual thinking and I'm planning to put them into practice in my blogs. So here's my hand-sketched visual summary for the event:

Firefox3 add-ons I recommend for web developers

2008-08-06T06:01:00.000-07:00

It was just recently that I installed Firefox 3 in my laptop and somebody recommended me that I should use add-ons. Add-ons are third party widgets/apps which you can install by going to the Tools menu of Firefox. True enough using add-ons made my life easier. Firefox can become like a switch knife because of add-ons; that is, it becomes an all-in-one software.

For a web developer/designer like me, certain add-ons really help. I'd recommend:

FireFTP - User-friendly, very simple and intuitive FTP software. You can create multiple ftp accounts. You can simultaneously connect to those accounts and create a tab for each account, the same way you can create a tab for each site you visit. Before I was using Filezilla and SmartFTP. I have to open 2 applications, Firefox and Filezilla. Now I just have to open Firefox and create a FireFTP tab.

Web Developer - very functional site/page Inspection tool. If you're fond of reverse engineering web sites, this is the tool for you. You use this add-on to inspect the outline/structure of the page. There's this functionality that draws boxes on all the block elements of the page. You can also use this to inspect the CSS info of specific elements. Just right click on the element and go to Web Developer>CSS>View Sytle Info. There are many other functionalities offered in this add-on such as HTML validation, and disable features.

FireShot - this is a screenshot capture tool. Unlike the print screen button on your keyboard, FireShot can capture the whole page, not just what's visible on screen, that is it includes those parts where you have to scroll down. It comes also with an application where you can create annotations, useful for team collaboration in designing pages.

3 reasons to join the 2nd Internet and Mobile Marketing Summit 2008

2008-07-28T20:36:00.000-07:00

A few years from now the youth generation of today, who are exposed to the web and mobile technology, will be the future generation of the majority of decision makers in the land. A few years from now, the Internet and mobile phones will become the dominating marketing media and TV will not be as effective as it is today. I really don't know if that's gonna happen, hehe, but I guess that's pretty possible.

So that's why I'd be glad if I can join It's All Geek to Me! The 2nd Internet and Mobile Marketing Summit 2008. This event is organized by the Internet and Mobile Marketing Association of the Philippines (IMMAP) to be held at Hotel Intercontinental, Ayala Avenue, Makati City on August 13 to 15, 2008.

I find 3 main reasons why this summit would be a worthwhile exposure event for me.

Learn the basics - August 15, 2008 will be dedicated to workshop sessions on the basics of both Internet Marketing and Mobile Marketing.
Learn the trends - The summit will feature global trends in Internet and mobile marketing as well as what's happening here in the Philippines.
Learn the best practices -There will be sessions on surveys of best practices on the International level and in the Philippine landscape. And there's the The Boomerang Awards 2008, a showcase of companies who implemented high impact and effective marketing campaigns using the Internet and mobile media alone.

Criteria for a BIG Idea: Pain Eliminator

2008-04-14T20:12:00.000-07:00

I always had this mantra in mind "All I need is just one BIG idea to get rich". For Bill Gates it was the vision of his operating system on personal desktop computers. For the Google founders the big idea was the search engine and eventually AdSense. For YouTube it was video posting. The problem is how do I know if the idea I had in mind is a BIG one.

In my desire to eventually be a startup, I bought books from Amazon.com and my favorite was this book "Micro-ISV: From Vision to Reality" by Bob Walsh. I still am not finished with the book now as of this post date. One of the things that really struck me from Chapter 1 was this one criteria advised by Joel Spolsky, when it comes to evaluating ideas for software products: It must eliminate a pain. If it can't eliminate a pain, nobody is gonna shell out money for it. For Skype it was long-distance phone bills. For Google it was the pain of being not satisfied with search results from other existing engines. When I first used Google, I was happy that they produced the right results I was looking for. Though people do not pay for it, this was the reason they became popular, and eventually they had AdWords/AdWords for profit. AdWords eliminated the pain of not being found in the first page of the search results. For YouTube, first it was the difficulty of broadcasting your video on the web and secondly getting it noticed. Because it is a site focused on one type of content, YouTube was able to position themselves as the buzzword when it comes to online video content and people began to use it to upload their videos and eventually became the search engine for the video clips.

The thing is, I have to define what pain will my software or product eliminate. The pain must be something basic or something that really bothers and burdens my target market. If the idea eliminates a pain that's not that nagging, my product would just be doodad to my clients.

Catching Up

2008-02-04T23:50:00.000-08:00

It feels bad when you know you're not growing in your knowledge and skills when everything around you, both people and technology are accelerating at the speed of light. I'm a programmer and a designer, but it seems everything that I learned for the past three years are already obsolete. I need to catch up.

Three things I'm doing now to catch up:

1. Exposure - Read books. Visit websites and articles. Even if I don't understand the terms, I just allow myself to be bombarded with the words until they make sense to me. Sometimes I have to resist the phrases "it's hard to learn", "it would take so much of my time". I just have to say "Every journey starts with a step" and almost always, the technology I thought to be difficult to learn is not that difficult at all.

2. Experience - knowledge is not enough. I have to find a way to use and apply those knowledge or else I'm doomed to lose them or forget them. It's important to have a mindset that it's never gonna be perfectly done the first time. I'd have to accept the fact that I'm gonna make mistakes and that making mistakes and solving them are the best way to learn.

3. Associate - I learned that the above steps 1 and 2 would be maximized and accelerated when I do step 3. Having people around you who can teach and coach you brings you faster to the race frontline. It's simple, when we surround ourselves with people who are updated with the latest trends and tech buzz, we get updated as well. In a way, their ceiling becomes our floor and that's acceleration. I am currently a member of a Philippine web and technology club, DigitalFilipino.com. I tell you, I'm glad I did.

Don't lose the dream

2008-01-28T01:56:00.000-08:00

I had this funny experience 3 years ago, when I just had the enthusiasm to take my start-a-software-company dream seriously. I've read business books and articles on the Internet, and almost all of them would say that I must have a business plan... And so I bought a simple paper notebook and began to write my business plan.

This was on a January and I was fresh from Christmas vacation. I'm from Davao, Philippines. That time, I planned to go back to Manila by ship so I would have a long period of being alone and the sea would be a wonderful backdrop for my creative reflective thinking. It would take 3 days to travel from Davao to Manila by sea. During that 3-day stay at the ship, I had the pleasure of detailing my business plan, from the target market, user interface sketches to the use-case functionalities to the business model. I wrote all of them on that notebook. I wrote and scribbled most of the time during that stay and so I decided to place the notebook and the pen underneath my pillow so that I don't have to take it out from my luggage bag often. When we ducked Manila port, everyone was busy preparing their things for departure and so am I. You might have experienced something like this yourself on one of your trips. I folded my clothes and every other stuff on my bedroom and placed them on my bag. It didn't enter my mind that I hid my notebook and the pen under the pillow, and just because I saw that my bed was clear I thought I had everything in my bag already. I realized it only when I was on the bus and I wanted to browse my business plan, only to find out it's not in my bag.

I was angry with myself. That time I got discouraged with the wasted effort and for some reason didn't want to rewrite the business plan. My enthusiasm dropped dramatically. And for a time, I shelved the dream just because of the incident. We'll good for me, I may have lost my business plan notebook, but I certainly haven't lost the dream yet. I forgot what I wrote on that notebook already. I was afraid somebody on the ship would eventually find that notebook and copy my business idea and start it. Thank God, nobody in the Philippines have started my business idea yet. I will not be revealing my business concept on this blog, until I have started it already and I have my beta release.