Use Design To Solve Technical Bottlenecks

I am hlb aka 布丁

Sunday, April 19, 2009

... this is my son

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

→ 小P

Use Design To Solve Technical BottlenecksThe Redesign of Registrano Event Page

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

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

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

Registrano is your event hostingSunday, April 19, 2009

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

報名人數：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 ↑

not scale!

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

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

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

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

Use Design To Solve Technical Bottlenecks

Business

SAP ACADEMIC COMPETENCE CENTERSAP company and called «University Centers of Competence» (UCC). They solve coordination, technical and They solve coordination, technical and educational

Future Dataflow Bottlenecks

Visual Analytics of Cascaded Bottlenecks in Planar Flow ...hamann/PostGillmannWis...works is the identiﬁcation and elimination of bottlenecks [18]. The analysis of bottlenecks in

Breakthrough UltraScale+ Device Performance with ......this white paper), enabled by architecture innovations in the UltraScale+ portfolio, to solve wire delay bottlenecks. These optimizations

EIRAC: Visions of the intermodal transport: bottlenecks ... · 14 EIRAC: Visions of the intermodal transport: bottlenecks and research needs 2007-2020 Carmine G. Biancardi Technical

Spectrum allocation and bottlenecks/competition problems ...berec.europa.eu/doc/publications/erg_06_45_b_complementary_report... · Spectrum allocation and bottlenecks/competition

Let Us Solve Your Technical Needs!

2011_CurrBiol_The Benefits of Bottlenecks

Hadoop Distributions: Bottlenecks and Tuning

Expert Systems Expert systems are AI programs that solve a highly technical problem in some domain Expert systems are AI programs that solve a highly technical

Locating Internet Bottlenecks

Bottlenecks and Solutions

Health-systems bottlenecks and strategies to accelerate ...assessment of bottlenecks to essential maternal and newborn health care, involving more than 600 experts. Of 2465 bottlenecks

People as Bottlenecks

Eliminating the production bottlenecks

Bottlenecks Full Version

Seven DevOps Bottlenecks

Pqm bottlenecks

Design Rules, Volume 2: How Technology Shapes Organizations Files/19... · 7.2 Technical Bottlenecks There are three basic sub-types of technical bottlenecks in man-made systems

Finding Bottlenecks