Design Op die internet Web Publisering WordPress

Apps vs. Responsive Design

When you have a website, how do you get your content on mobile? Sure, visitors could just fire up their favourite mobile browser and zoom in and out until the cows come home but that’s not ideal right?

As I see it, you’ve got two choices:

  1. build an app for every smartphone to syndicate your content, or
  2. adapt a responsive design for your website

Pros and Cons

I’ll start with the conclusion: it depends on what you want to do, but building an app for every device is expensive and overkill most of the time. Writing an app does however have the flexibility if you want to make it more interactive with inputs from the GPS, camera or accellerometer.

On the other hand if you publish alot of news on your website or just plain old blog posts, there are simpler ways to make your content more friendly towards the legions of different gadgets that troll the web these days. It is called Responsive Design.

The idea is to design your website in such a way that it adapts to whatever resolution it is displayed at. This means that a visitor on a computer with a large display would see the normal layout while a visitor on a 320 x 240 display (for example) would see an adapted layout where text and images fit on the screen at normal zoom levels.

Here’s an example (see Designmodo for more):

The Boston Globe - a different layout for different screen sizes

As I mainly focus on WordPress, I’ll be trying out a theme framework called Reverie from ThemeFortress for a few upcoming projects.

Tell me about your experiences while adapting to the mobile world by leaving a comment.

Design Op die internet Web Multimedia

Sunni Brown: Doodlers, unite!

Hierdie praatjie by TED gee my bietjie perspektief oor die sketsies en skribbels wat ek en ander mense soms doen tydens geleenthede wat mens eintlik moet luister en oplet.

Algemeen Design Tegnologie Web Publisering

Platvorm, uitleg en ontwerp

Dit klink baie soos “Lights, camera and action!” en in sommige opsigte is dit ook wel dieselfde. Om ‘n fliek of reeks op die kassie te bring word baie voorbereiding vereis. Alles moet reg en in plek wees: beligting, klank, kostuums, stel, draaiboek, regisseur en akteurs om maar ‘n paar te noem.

Om ‘n webwerf gereed te maak vir die interweb is ook ‘n proses met baie voorbereiding en beplanning. Jy gaan die volgende nodig hê: ‘n host, boodskap of doelwit, teikenmark, inhoud ge-optimeer vir die web, platvorm, uitleg en ontwerp. Met laasgenoemde drie word bedoel die volgende:

  • platvorm – die programmering en logika wat die onderbou vorm van die webwerf. Dit wat maak dat dit maklik opdateer en integreer met ander stelsels. ‘n Voorbeeld is WordPress.
  • uitleg – hoe die verskeie elemente wat die bladsy uitmaak, gerangskik word. Byvoorbeeld, mense verwag dat die navigasie of bo of ‘n die linkerkolom sal wees.
  • ontwerp – die grafiese komponent van die webwerf wat die sentrale boodskap van die webwerf moet ondersteun deur middel van kleur, ritme, balans en ander Gestalt-beginsels.

Om sinvolle kritiek op ‘n webbladontwerp te ontvang kan nogal ‘n seldsame gebeurtenis wees. Die kliënt wil hê dit moet anders lyk omdat “iets nie reg lyk nie” of “die ontwerp moet meer pop”. Dit is inderdaad moeilik om as ontwerper en kundige op die gebied van gebruiksgewoontes ‘n doelmatige verandering aan ‘n uitleg te maak op grond van iemand anders se gevoelens.

Hoe ver het tegnologie nie egter ontwikkel om dit vandag makliker as ooit te maak vir enige iemand wat sy sê wil sê in die wye wêreld om juis dit te doen nie!

Design Op die internet Tegnologie Web Multimedia

Future of Screen Technology

Thnx Zoe!

Design Projekte Web Publisering

Designing Solidariteit Blog

One of the websites I built after starting full-time at Solidarity is the Solidariteit Blog.

It is built on K2 and has developed over the past 10 months as one of the most active Solidarity websites. The great thing about this blog and what differentiates it from the other sites, is that it has quite a few different authors.

I recently added Flip Buys, the general secretary, who also has a column in Rapport. He really has a broad perspective on issues relevant to Solidarity’s members and also knows how to convey his message in an interesting and understandable manner.

Other updates to the site included moving the div with the author’s photo and post-meta off the page to the left; it over complicated the layout when it was displayed floated right inside the post content.

Stay up to date with everything relevant to Solidarity and its members by regularly visiting the blog and following @solidariteit on twitter.