Tuesday, May 7, 2013

Ugly Duckling to Beautiful Swan, or How an App Developer Benefits from Designer/Developer Collaboration


Last week I snatched an hour here and there to work on my Feedzilla app. I like Feedzilla because it has an api that is free for me to use, so it's easy to write the app. However, I'm not totally enamored with the content, it seems like it is often out of date, though I suppose I can apply a filter to limit the content to new stuff from this week, or whatever.

However, what really stopped me working on it was that my implementation was just depressingly ugly. I'd look at all the cool and beautiful things that other people were doing with their apps, and be totally unmotivated to work on TechNews. Last week, I decided to ask for some help in how to improve my app, and I was told about ListItems. For TechNews, it was like the sun coming out from behind the clouds.

Now, the thing abut Ubuntu.Components is that the project is fundamentally a design project. Yes, the components need, and have, an awesome development team that makes them "real", but the components are really about providing developers with the tools for making a well designed "Ubuntu App". This couldn't be more clear than when using ListItems.

For an example, to turn the categories list from this:
My very ugly list which was my honest best effort without design help.

to this:
My now lovely list that I got to be that way just by using the right components and inheriting all of the designers' knowledge and talents.

I just had to use Standard list items. First, I went ahead and imported the ListItem namespace:
import Ubuntu.Components.ListItems 0.1

Then this is what my delegate for each list item looks like. The "progression: true" declares that the item will navigate somewhere. The designers ensured that this means the list item adds that ">", so it is standard navigation in all apps!
    delegate: Standard
    {
        progression: true;
        text: articlesListView.model[index]["title"]

        onClicked:
        {
            articleSelected(articlesListView.model[index]["url"])
        }
     }

So my app went from ugly duckling to beautiful swan just by using the right components and getting all the benefit of the designers' abilities that I so sorely lack. Thanks SDK team!

26 comments:

  1. I guess you'll also have to don a designer's mindset too as you go on. Great work so far!

    ReplyDelete
  2. Balliro Trade Collection provides highest regarded pattern as well as improvement services,app developer.

    ReplyDelete
  3. So nice and excellent blog post thanks a lot for sharing it
    clipping path

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  5. What a nice blog and great information share this blog.

    ReplyDelete
  6. Adjustable foam sleeping cushion thickness try this ranges from 6 creeps to 14 inches. When all is said in done, thick sleeping pads are gentler than slim beddings. Be that as it may, picking a more got blog slender alternative blog won't remove the common solace of an adjustable foam sleeping pad. The base froth is the primary help structure, and each extra level i post ncludes additional delicate quality. It's additionally imperative to remember that including an adjustable foam sleeping cushion topper can help increment the general thickness and solace of your bedding. While all adjustable foam is antimicrobial, certain sleeping read this
    cushions are more successful than others with regards to keeping dust bugs and different allergens under control. Gel adaptable foam will in general be the most impervious to tidy bugs, while high-thickness customary froth got this
    can likewise assist with keeping the sneezes under control. In any case, latex froth is the main choice that is viewed as really hypoallergenic.

    ReplyDelete
  7. This comment has been removed by the author.

    ReplyDelete
  8. This comment has been removed by the author.

    ReplyDelete
  9. This comment has been removed by the author.

    ReplyDelete
  10. This comment has been removed by the author.

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. This comment has been removed by the author.

    ReplyDelete
  13. A very awesome blog post. We are really grateful for your blog post. You will find a lot of approaches after visiting your post.
    Hi! We are water treatment company in uae Great points made up above! And
    sewage treatment plant dubai thanks…
    I think this is one of the most important information for me. And i am glad reading your article. But should remark on few general things…

    ReplyDelete
  14. Play Free Slots Online - No Download and No Registration Required온라인 카지노 온라인 카지노 Paddy Power Paddy Power 솔레어카지노 커뮤니티 솔레어카지노 커뮤니티 바카라 검증 사이트 바카라 검증 사이트 예스카지노 검증 예스카지노 검증 139halftime super bowl bets

    ReplyDelete