Use Design To Solve Technical Bottlenecks

I am hlb aka 布丁

Sunday, April 19, 2009

... this is my son


... this is my son


Use Prototype To Educate Your Childhlb, the designer of Handlino Inc.http://iamhlb.com/


http://iamhlb.com

http://iamhlb.com


→ 小P


Use Design To Solve Technical BottlenecksThe Redesign of Registrano Event Page

hlb, the designer of Handlino Inc.http://iamhlb.com/


http://iamhlb.com

http://iamhlb.com

好設計突破技術瓶頸Registrano 活動頁面改版紀錄

hlb, the designer of Handlino Inc.http://iamhlb.com/


http://iamhlb.com

http://iamhlb.com

Registrano is your event hostingSunday, April 19, 2009


have ~ 1,000 events


have ~ 1,000 events

most of them are small ( < 100 )


have ~ 1,000 events


we grows steadily


have ~ 1,000 events


we grows steadily

until there is a event named “[連署] 不

要說再見 – 守護台灣農村聲明”


報名人數：100


報名人數：500

Nice.


報名人數：1000Oh this is cool. It is the first event with 1000 people


報名人數：2000

superb!


報名人數：3000

hmm...


報名人數：4000

hmmmmmmmm...


報名人數：5000

server crash again and agin, Orz


目前報名人數：11860

So what is the problem, and how do we solve it?



You can see all registrants on the event page



If he is a registered user on Registrano, we show the avatar and nickname




If not, we also show a default avatar and “someone” as nickname





registrants ↑ = system loading ↑





registrants ↑ = system loading ↑

not scale!


Possible Solutions:


Possible Solutions:

Do not show registrants anymore


Possible Solutions:


「買很貴很貴的機器」


Possible Solutions:



Only show latest 500 registrants


Possible Solutions:



Only show latest 500 registrants

Any idea?


Our Solutions

split the registrants to two groups:

registered Registrano user, still show avatar and nickname

Others, use economic way to display


Registrano !"#

$%&'(((()

idea 1: only text

fastest

but we don’t like it


Registrano !"#

$%&'(((()

)))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))

idea 2: use Chinese text

very fast

ugly and strange

do not work worldwide


Registrano !"#

$%&'(((()

idea 3: repeated bg

can be very fast

prettier

economically (render 5 and 5000 are almost equal)



!!!!!!!!!!!!!!!!!!!!!!!!!

!!!!!!!!!!!!!!!100

!!!!!!!!!!!!!!!!100

idea 4: another bg

so the page would not be that tall


Design Workflow


Design Workflow

人


Design Workflow

人


Design Workflow


Design Workflow


Design Workflow


Design Workflow


Design Workflow


Design Workflow



ご清聴ありがとうございました敬請指教http://handlino.com/, http://iamhlb.com/[email protected]


http://handlino.com

http://handlino.com

http://iamhlb.com

http://iamhlb.com

mailto:[email protected]?subject=

mailto:[email protected]?subject=

創用 CC姓名標示-非商業性-相同方式分享 2.5 台灣

這份投影片的文字部分（含備忘稿）以創用 CC 姓名標示-非商業性-相同方式分享 2.5 台灣授權條款授權，請參考完整授權條款。「姓名標示」部分請標註「薛良斌 http://hlb.yichi.org」。


http://creativecommons.org/licenses/by-nc-sa/2.5/tw/




http://creativecommons.org/licenses/by-nc-sa/2.5/tw/legalcode

http://creativecommons.org/licenses/by-nc-sa/2.5/tw/legalcode

http://hlb.yichi.org/

http://hlb.yichi.org/

Business

Use Design To Solve Technical Bottlenecks